From a8f83a89926c66db17b4859337e57e508e76b415 Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Sun, 24 Jul 2011 18:08:09 +0100
Subject: [PATCH] Add Google +1 and Facebook Like buttons

---
 index.html | 42 +++++++++++++++++++++++++++++-------------
 style.css  | 12 ++++++++++--
 2 files changed, 39 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index f26ebcd..b8ed02c 100644
--- a/index.html
+++ b/index.html
@@ -49,13 +49,24 @@
             <p>Normalize.css is a project by Nicolas Gallagher and Jonathan Neal.</p>
             <p>Detailed information on default UA styles: <a href="http://iecss.com">Internet Explorer User Agent Style Sheets</a> and <a href="http://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm">CSS2.1 User Agent Style Sheet Defaults</a></p>
             
-            <a class="twitter-share-button" 
-               href="http://twitter.com/share" 
-               data-count="vertical" 
-               data-text="Checking out normalize.css"
-               data-via="necolas" 
-               data-related="jon_neal">Tweet</a>
-            <script src="http://platform.twitter.com/widgets.js"></script>
+            <div class="share-bar">
+                <div class="share-opt">
+                    <a class="twitter-share-button" 
+                       href="http://twitter.com/share" 
+                       data-count="vertical" 
+                       data-text="Checking out normalize.css"
+                       data-via="necolas" 
+                       data-related="jon_neal">Tweet</a>
+                </div>
+                
+                <div class="share-opt">
+                    <g:plusone size="tall"></g:plusone>
+                </div>
+
+                <div class="share-opt">
+                    <fb:like href="" send="false" layout="box_count" width="40" show_faces="false" font=""></fb:like>
+                </div>
+            </div>
 
             <div class="footer">
                 <p>A project by <a href="http://nicolasgallagher.com">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal">Jonathan Neal</a>.</p>
@@ -63,13 +74,18 @@
 
         </div>
 
+        <div id="fb-root"></div>
         <script>
-            var _gaq = [['_setAccount', 'UA-7489188-1'],['_trackPageview'],['_trackPageLoadTime']];
-            (function(d, t) {
-                var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = 1;
-                g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-                s.parentNode.insertBefore(g, s);
-            })(document, 'script');
+            (function(w,d){
+                w._gaq=[['_setAccount','UA-7489188-1'],['_trackPageview'],['_trackPageLoadTime']];
+                var u=[
+                    '//connect.facebook.net/en_US/all.js#xfbml=1', // Facebook SDK
+                    '//platform.twitter.com/widgets.js', // Twitter Widgets
+                    'https://apis.google.com/js/plusone.js', // Google +1 Button
+                   ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js' // Google Analytics
+                ],i=u.length,n='script',f=d.createDocumentFragment(),e=d.createElement(n),t;while(i--){t=e.cloneNode(false);t.async=t.src=u[i];f.appendChild(t);}(t=d.getElementsByTagName(n)[0]).parentNode.insertBefore(f,t);
+            }(this,document));
         </script>
+
     </body>
 </html>
diff --git a/style.css b/style.css
index d8eb42b..e4066c5 100644
--- a/style.css
+++ b/style.css
@@ -141,8 +141,16 @@ p {
     background: #569107;
 }
 
-.twitter-share-button {
-    margin: 20px 0 0;
+.share-bar {
+    overflow: hidden;
+    margin: 40px 0 0;
+    *zoom: 1;
+}
+
+.share-opt {
+    float: left;
+    margin: 0 15px 0 0;
+    vertical-align: bottom;
 }
 
 .footer {