aapomm · zseiman · May 13, 2016 · May 16, 2016 · May 27, 2016 · aapomm
diff --git a/README.md b/README.md
@@ -13,3 +13,6 @@ Javascript app to help people get used to navigation in vim by gamifying it. Pla
 * `w` to move to the next word
 * `e` to move to the end of the current word (next word if the cursor is hovering whitespace/end of the current word)
 * `b` to move to the beginning of the current word (previous word if the cursor is hovering whitespace/beginning of current word)
+
+## Music
+* http://www.bensound.com/royalty-free-music/track/sci-fi
diff --git a/css/main.css b/css/main.css
@@ -27,4 +27,4 @@ body {
   height: 27px;
 
   text-align: right;
-}
+}
diff --git a/css/utility.css b/css/utility.css
@@ -29,3 +29,16 @@
 .score:after {
   content: ',';
 }
+
+#mute{
+  position:absolute;
+  margin-top:-240px;
+  margin-left:556px;
+  width:50px;
+  height:50px;
+
+  background-image: url(../images/mutedButton.png);
+}
+#mute:hover{
+  background-image: url(../images/muteButton.png);
+}
diff --git a/images/muteButton.png b/images/muteButton.png
diff --git a/images/mutedButton.png b/images/mutedButton.png
diff --git a/index.html b/index.html
@@ -7,6 +7,11 @@
     <link href='css/letters.css' rel='stylesheet' type='text/css'>
   </head>
   <body>
+    <div id="mute">
+      <audio id="sound" autoplay loop>
+        <source src="music\bensound-scifi.mp3" type="audio/mpeg">
+      </audio>
+    </div>
     <div class='console'>
       <div class='main-container'>
         <div class='main-line line1'></div>
@@ -32,11 +37,13 @@
         </div>
       </div>
     </div>
+
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
     <script src='js/init.js'></script>
     <script src='js/game.js'></script>
     <script src='js/main.js'></script>
     <script src='js/listeners.js'></script>
     <script src='js/commands.js'></script>
+    <script src='js/music.js'></script>
   </body>
 </html>
diff --git a/js/main.js b/js/main.js
@@ -21,7 +21,6 @@ function Main(){
   this.isStarted = false;
 }
 
-
 Main.prototype._showGameOver = function(){
   var _this = this,
       initializer = new Initializer();

diff --git a/js/music.js b/js/music.js
@@ -0,0 +1,14 @@
+$(function(){
+
+	var audio = document.getElementById('sound');
+
+	function musicSwitch(){
+		if(audio.paused){
+	 	 audio.play();
+			}
+		else{
+			audio.pause()
+			}
+	}
+	document.getElementById('mute').addEventListener('click', musicSwitch);
+});
diff --git a/music/bensound-scifi.mp3 b/music/bensound-scifi.mp3
-Original file line number
+Diff line change
@@ Expand Up / @@ -27,4 +27,4 @@ body { @@
       height: 27px;
       text-align: right;
-    }
+    }