diff --git a/index.html b/index.html
index 83150e0..1d91264 100644
--- a/index.html
+++ b/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>
diff --git a/js/initialization.js b/js/initialization.js
index 6c4167d..34adc2d 100644
--- a/js/initialization.js
+++ b/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,
diff --git a/style/style.css b/style/style.css
index 51f71d7..cbf816a 100644
--- a/style/style.css
+++ b/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;
+}