From 9c24accb0b8b416c51bc125d2dffd5926559893a Mon Sep 17 00:00:00 2001
From: Vjeux <vjeuxx@gmail.com>
Date: Sun, 15 Sep 2013 11:25:42 +0200
Subject: [PATCH] Adding Github and Facebook social buttons on the front page

---
 docs/_css/react.scss             | 13 +++++++++++++
 docs/_includes/buttons_unit.html | 19 +++++++++++++++++++
 docs/_layouts/default.html       |  7 +------
 docs/index.md                    |  5 +----
 4 files changed, 34 insertions(+), 10 deletions(-)
 create mode 100644 docs/_includes/buttons_unit.html

diff --git a/docs/_css/react.scss b/docs/_css/react.scss
index 8c79fbe0b04..fcd0108bf37 100644
--- a/docs/_css/react.scss
+++ b/docs/_css/react.scss
@@ -702,4 +702,17 @@ p code {
   .next {
     float: right;
   }
+}
+
+.social-buttons {
+  position: absolute;
+  display: inline-block;
+  text-align: left;
+
+  table {
+    font-size: 0;
+    height: 50px;
+    margin-top: -2px;
+    margin-left: 10px;
+  }
 }
\ No newline at end of file
diff --git a/docs/_includes/buttons_unit.html b/docs/_includes/buttons_unit.html
new file mode 100644
index 00000000000..c78f6d312af
--- /dev/null
+++ b/docs/_includes/buttons_unit.html
@@ -0,0 +1,19 @@
+<div class="buttons-unit">
+  <a href="docs/getting-started.html" class="button">Get Started</a>
+  <a href="downloads.html" class="button">Download React v{{site.react_version}}</a>
+  <div class="social-buttons">
+    <table>
+      <tr>
+        <td>
+          <iframe src="http://ghbtns.com/github-btn.html?user=facebook&repo=react&type=watch&count=true"
+  allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <div style="height: 20px;" class="fb-like" data-href="https://www.facebook.com/react" data-width="110" data-layout="button_count" data-show-faces="true" data-send="false" data-colorscheme="dark"></div>
+        </td>
+      </tr>
+    </table>
+  </div>
+</div>
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index fd08feb820d..15ee24c2cee 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -45,7 +45,6 @@
           <li><a href="/react/blog/"{% if page.sectionid == 'blog' %} class="active"{% endif %}>blog</a></li>
           <li><a href="http://github.com/facebook/react">github</a>
         </ul>
-        <!-- <iframe src="http://ghbtns.com/github&#45;btn.html?user=facebook&#38;repo=react.js&#38;type=fork"allowtransparency="true" frameborder="0" scrolling="0" width="62" height="20"></iframe> -->
       </div>
     </div>
 
@@ -56,11 +55,7 @@
         <div class="minitext">
           A JavaScript library for building user interfaces
         </div>
-
-        <div class="buttons-unit">
-          <a href="/react/docs/getting-started.html" class="button">Get Started</a>
-          <a href="/react/downloads.html" class="button">Download React v{{site.react_version}}</a>
-        </div>
+        {% include buttons_unit.html %}
       </div>
     </div>
     {% endif %}
diff --git a/docs/index.md b/docs/index.md
index 2edff30307d..541eed9898d 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -81,8 +81,5 @@ id: home
 </section>
 <hr class="home-divider" />
 <section class="home-bottom-section">
-  <div class="buttons-unit">
-    <a href="docs/getting-started.html" class="button">Get Started</a>
-    <a href="downloads.html" class="button">Download React v{{site.react_version}}</a>
-  </div>
+  {% include buttons_unit.html %}
 </section>