From dadb3f79cd87e8d0a4d6342eb25ba0f12d0473ca Mon Sep 17 00:00:00 2001
From: Vjeux <vjeuxx@gmail.com>
Date: Thu, 6 Jun 2013 08:18:16 +0200
Subject: [PATCH] Facebook comments integration on Docs and Blog

---
 docs/_css/react.scss       |  4 ++++
 docs/_layouts/default.html | 10 +++++++++-
 docs/_layouts/docs.html    |  2 ++
 docs/_layouts/post.html    |  3 +++
 4 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/docs/_css/react.scss b/docs/_css/react.scss
index ec2c9717be..971701ed81 100644
--- a/docs/_css/react.scss
+++ b/docs/_css/react.scss
@@ -678,3 +678,7 @@ p code {
     padding-top: 0;
   }
 }
+
+.post {
+  margin-bottom: 30px;
+}
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index c76ee35e98..fd08feb820 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -72,6 +72,7 @@
       <div class="right">&copy; 2013 Facebook Inc.</div>
     </footer>
   </div>
+  <div id="fb-root"></div>
   <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),
@@ -81,7 +82,14 @@
     ga('send', 'pageview');
 
     !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");
+
+    (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_US/all.js#xfbml=1&appId=623268441017527";
+      fjs.parentNode.insertBefore(js, fjs);
+    }(document, 'script', 'facebook-jssdk'));
   </script>
 </body>
 </html>
-
diff --git a/docs/_layouts/docs.html b/docs/_layouts/docs.html
index bda55583cf..8df307908b 100644
--- a/docs/_layouts/docs.html
+++ b/docs/_layouts/docs.html
@@ -19,5 +19,7 @@ sectionid: docs
         <a class="docs-next" href="/react/docs/{{ page.next }}">Next &rarr;</a>
       {% endif %}
     </div>
+
+    <div class="fb-comments" data-width="650" data-num-posts="10" data-href="/react{{ page.url }}"></div>
   </div>
 </section>
diff --git a/docs/_layouts/post.html b/docs/_layouts/post.html
index c2da78a6e1..656085dcb6 100644
--- a/docs/_layouts/post.html
+++ b/docs/_layouts/post.html
@@ -14,5 +14,8 @@ sectionid: blog
     <div class="post">
       {{ content }}
     </div>
+
+    <div class="fb-like" data-send="true" data-width="650" data-show-faces="false"></div>
+    <div class="fb-comments" data-width="650" data-num-posts="10" data-href="/react{{ page.url }}"></div>
   </div>
 </section>