Revert "Embedded official share buttons, TODO: Format FB"

This reverts commit e7b4238.
sahlamba · Aug 13, 2014 · 42f1339 · 42f1339
1 parent e7b4238
commit 42f1339
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 26 deletions.
diff --git a/css/main.css b/css/main.css
@@ -109,7 +109,7 @@ and (min-device-width: 901px) {
 
 	.share-button-wrapper {
 		display: block;
-		margin-top: 11px;
+		margin-top: 5px;
 	}
 
 	.left {

diff --git a/index.html b/index.html
@@ -31,9 +31,9 @@ <h1>Congratulations!</h1>
 				<div id="actual-result">
 				</div>
 				<div class="share-button-wrapper">
-                    <div class="fb-share-button" data-href="http://thedrumsknight.github.io/connect4/" data-width="58"></div>
-                    <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-count="none" data-size="medium">Tweet</a>
-                    <div class="g-plus" data-action="share" data-annotation="none"></div>
+					<span class='st_facebook_large' displayText='Facebook'></span>
+					<span class='st_googleplus_large' displayText='Google +'></span>
+					<span class='st_twitter_large' displayText='Tweet'></span>
 				</div>
 				<div class="menu">
 					<a href=""><div><i class="fa fa-repeat"></i>&nbsp; Play Again</div></a>
@@ -76,9 +76,9 @@ <h1>Connect<span style="color: #d83018; font-size:42px;">4</span><span style="fo
 				</div>
 				<div class="head-element right" id="share-buttons">
 				<div class="share-button-wrapper">
-                    <div class="fb-share-button" data-href="http://thedrumsknight.github.io/connect4/" data-width="58"></div>
-                    <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-count="none" data-size="medium">Tweet</a>
-                    <div class="g-plus" data-action="share" data-annotation="none"></div>
+					<span class='st_facebook_large' displayText='Facebook'></span>
+					<span class='st_googleplus_large' displayText='Google +'></span>
+					<span class='st_twitter_large' displayText='Tweet'></span>
 				</div>
 				</div>
 			</div>
@@ -237,7 +237,10 @@ <h2>
 		</div>
 
         <script src="js/effects.js" type="text/javascript"></script>
-
+        <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
+        <script type="text/javascript">
+            stLight.options({publisher: "00d7dfb1-e12f-4b19-aca5-6ee38134f80f", doNotHash: false, doNotCopy: false, hashAddressBar: false});
+        </script>
 		<script>
 			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@@ -249,23 +252,5 @@ <h2>
 			ga('send', 'pageview');
 
 		</script>
-        <!-- Place this tag after the last share tag. -->
-        <script type="text/javascript">
-          (function() {
-            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
-            po.src = 'https://apis.google.com/js/platform.js';
-            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
-          })();
-        </script>
-        <div id="fb-root"></div>
-        <script>(function(d, s, id) {
-          var js, fjs = d.getElementsByTagName(s)[0];
-          if (d.getElementById(id)) return;
-          js = d.createElement(s); js.id = id;
-          js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=358316084168&version=v2.0";
-          fjs.parentNode.insertBefore(js, fjs);
-        }(document, 'script', 'facebook-jssdk'));
-        </script>
-        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 	</body>
 </html>