From 0ee9e74a52235fa663b15425f4b5ee3545441f03 Mon Sep 17 00:00:00 2001
From: Vincent Woo <me@vincentwoo.com>
Date: Mon, 6 Jun 2011 11:20:10 -0700
Subject: [PATCH] next social draft

---
 client/about.html |  3 +++
 client/game.html  | 10 +---------
 client/index.html |  3 +++
 client/style.css  |  4 +---
 4 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/client/about.html b/client/about.html
index bc3eb55..6e02a02 100644
--- a/client/about.html
+++ b/client/about.html
@@ -62,8 +62,11 @@ <h1>
         </li>
         <li class="spaced message cornered">
           <div class="social">
+            <h3 style="margin: 8px 0">Social tomfoolery:</h3>
             <g:plusone size="medium" href="http://multiplayerset.com"></g:plusone>
             <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://multiplayerset.com" data-count="horizontal" data-via="tffny"></a>
+            <a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(\'http://multiplayerset.com\'); return false" style="margin-top: -5px"> <img src="http://www.reddit.com/static/spreddit7.gif" alt="submit to reddit" border="0" /> </a>
+            <iframe src="http://www.facebook.com/plugins/like.php?app_id=216343035065752&amp;href=http%3A%2F%2Fmultiplayerset.com&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=21" scrolling="no" frameborder="0" style="border:none; margin-left: 5px; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
           </div>
         </li>
         <li class="message cornered" id="display_ad">
diff --git a/client/game.html b/client/game.html
index 79d8d1a..b54bf1d 100755
--- a/client/game.html
+++ b/client/game.html
@@ -69,7 +69,7 @@ <h1 class="offline">OFFLINE</h1>
       <div id="boardwrap">
       <div id="announcement" class="loading">
         <h1>Connecting</h1>
-        Please hold while we retreive your game
+        Please hold while we retrieve your game
       </div>
         <table id="board"></table>
         <ul>
@@ -84,12 +84,6 @@ <h1>Connecting</h1>
             Share this URL to invite other people to join this game:
             <input type="text"></input>
           </li>
-          <li class="spaced message cornered">
-            <div class="social">
-              <g:plusone size="medium" href="http://multiplayerset.com"></g:plusone>
-              <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://multiplayerset.com" data-count="horizontal" data-via="tffny"></a>
-            </div>
-          </li>
         </ul>
       </div>
       </div></div>
@@ -127,8 +121,6 @@ <h3></h3><label for="input">Type here to chat</label>
       head.js ('http://www.google-analytics.com/ga.js', function () {
         _gat._getTracker('UA-267782-3')._trackPageview();
       });
-      head.js('http://apis.google.com/js/plusone.js');
-      head.js('http://platform.twitter.com/widgets.js');
     </script>
   </body>
 </html>
diff --git a/client/index.html b/client/index.html
index 6ba0459..29a60b1 100755
--- a/client/index.html
+++ b/client/index.html
@@ -136,8 +136,11 @@ <h3>Hints</h3>
         </li>
         <li class="spaced message cornered">
           <div class="social">
+            <h3 style="margin: 8px 0">Social tomfoolery:</h3>
             <g:plusone size="medium" href="http://multiplayerset.com"></g:plusone>
             <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://multiplayerset.com" data-count="horizontal" data-via="tffny"></a>
+            <a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(\'http://multiplayerset.com\'); return false" style="margin-top: -5px"> <img src="http://www.reddit.com/static/spreddit7.gif" alt="submit to reddit" border="0" /> </a>
+            <iframe src="http://www.facebook.com/plugins/like.php?app_id=216343035065752&amp;href=http%3A%2F%2Fmultiplayerset.com&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=21" scrolling="no" frameborder="0" style="border:none; margin-left: 5px; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
           </div>
         </li>
         <li class="message cornered" id="display_ad">
diff --git a/client/style.css b/client/style.css
index 2d6a306..4708c29 100755
--- a/client/style.css
+++ b/client/style.css
@@ -353,9 +353,7 @@ li li { list-style: circle; }
 }
 .spaced { margin: 30px 0; }
 .social {
-  height: 30px;
-  width: 200px;
-  padding-top: 10px;
+  width: 85%;
   margin: 0 auto;
 }
 .button:hover { background: #eee; }