new social links draft

vincentwoo · Jun 6, 2011 · 6cfb1c4 · 6cfb1c4
1 parent 55e4397
commit 6cfb1c4
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 15 deletions.
diff --git a/client/about.html b/client/about.html
@@ -11,10 +11,6 @@
     <div id="header">
       <h1>
         <a href="/">Multiplayer<span class="grey">Set</span></a>
-        <span class="social">
-          <g:plusone 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>
-        </span>
       </h1>
     </div>
     <div id="wrap">
@@ -64,6 +60,12 @@ <h1>
         <li>
           <a class="button spaced" href="/"><h2>Home</h2></a>
         </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>
         <li class="message cornered" id="display_ad">
           <script>
           google_ad_client = "ca-pub-6528147086648678";

diff --git a/client/game.html b/client/game.html
@@ -11,10 +11,6 @@
     <div id="header">
       <h1>
         <a href="/">Multiplayer<span class="grey">Set</span></a>
-        <span class="social">
-          <g:plusone 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>
-        </span>
       </h1>
     </div>
     <div id="fixwrap"><div id="fixinner">
@@ -88,6 +84,12 @@ <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>

diff --git a/client/index.html b/client/index.html
@@ -11,10 +11,6 @@
     <div id="header">
       <h1>
         <a href="/">Multiplayer<span class="grey">Set</span></a>
-        <span class="social">
-          <g:plusone 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>
-        </span>
       </h1>
     </div>
     <div id="wrap">
@@ -138,6 +134,12 @@ <h3>Hints</h3>
         <li>
           <a class="button spaced" href="/about/"><h2>About</h2></a>
         </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>
         <li class="message cornered" id="display_ad">
           <script>
           google_ad_client = "ca-pub-6528147086648678";

diff --git a/client/style.css b/client/style.css
@@ -83,9 +83,6 @@ textarea {
   #header h1 span.grey {
     color: #999;
   }
-  #header h1 span.social {
-    float:right;
-  }
 #fixwrap {
   position: fixed;
   width: 100%;
@@ -355,6 +352,12 @@ li li { list-style: circle; }
   display:block;
 }
 .spaced { margin: 30px 0; }
+.social {
+  height: 30px;
+  width: 200px;
+  padding-top: 10px;
+  margin: 0 auto;
+}
 .button:hover { background: #eee; }
 li#display_ad {
   width: 240px;