Did bad stuff to actually fix centering

nmoroze · Nov 30, 2013 · a2097f8 · a2097f8
1 parent b59b68b
commit a2097f8
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 4 deletions.
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -29,14 +29,14 @@
 				}
 				else {
 					music.pause();
-					document.getElementById("mute").innerHTML = "<i class='fa fa-volume-off'></i>";
+					document.getElementById("mute").innerHTML = "<i class='fa fa-volume-off'></i>&nbsp;&nbsp;";
 				}
 			}
 
 		}
 	</script>
 
-	<!-- <audio id="music" src="music.mp3" preload autoplay loop></audio> -->
+	<audio id="music" src="music.mp3" preload autoplay loop></audio>
 	<meta property="og:image" content="thumbnail.png" />
 	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
 	<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
@@ -67,7 +67,7 @@
 <body>
 <a href="https://github.com/nmoroze/swap"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
 <div style="width: 640px;text-align: center;margin: 0 auto">
-<span id="hud" style="font-size: 24px;"></span>
+<span id="hud" style="font-size: 24px; text-align: center;"></span>
 <span style="float: right;font-size: 36px; margin-left"><a href="#" id="mute" class="action-btn"><i class="fa fa-volume-up"></i></a></span>
 	<br>
 <canvas id="canvas" width="640" height="640" style="box-shadow:0 0 15px darkgrey;"></canvas>

diff --git a/js/draw.js b/js/draw.js
@@ -26,7 +26,9 @@ var renderer = function() {
 	}
 
 	var renderText = function(deaths, level, tip) {
-		hud.innerHTML = deaths + " Deaths " + " | Level " + (level+1) + " / " + levels.length + " <sup><a style='font-size: 12px; text-decoration: none;' href='#"+(level+1)+"'>(link)</a></sup>";
+						//it pains me to do this, but it's necessary
+		hud.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
+		+deaths + " Deaths " + " | Level " + (level+1) + " / " + levels.length + " <sup><a style='font-size: 12px; text-decoration: none;' href='#"+(level+1)+"'>(link)</a></sup>";
 		tipDisplay.innerHTML =  "<em>" + tip + "</em>";
 	}
 

diff --git a/music.mp3 b/music.mp3
diff --git a/thumbnail.png b/thumbnail.png