added share buttons

index.html

@@ -67,5 +67,11 @@
 		<div id="overlay" class="faded"></div>
 		<div id = 'pauseBtn'><i class="fa fa-pause fa-2x"></i></div>
 		<div id = 'restartBtn'><i class="fa fa-refresh fa-2x"></i></div>
+		<div id="bottombar">
+			<iframe src="http://ghbtns.com/github-btn.html?user=Hextris&repo=Hextris&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="80" height="20"></iframe>
+			<a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="hextris">Tweet</a>
+			<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+		</iframe>
+		</div>
 	</body>
 </html>

js/initialization.js

@@ -73,7 +73,6 @@ function initialize(a) {
 			comboTime:240
 		};
 	} else {
-		$('body').append('<iframe style="z-index:40000; position:absolute; left:calc( 50% - 24px ); bottom:5px;"src="http://ghbtns.com/github-btn.html?user=Hextris&repo=Hextris&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="165" height="20"></iframe>');
 		settings = {
 			platform:"nonmobile",
 			baseScale:1,

style/style.css

@@ -252,3 +252,12 @@ body {
     -ms-user-select: none;
     user-select: none;
 }
+#bottombar {
+	padding:0;
+	position:absolute;
+	width:40%;
+	text-align:center;
+	left:30%;
+	bottom:10px;
+	z-index:400000;
+}