From 9d00ce90d38fccebe7d44c3237f1e3ed333432ca Mon Sep 17 00:00:00 2001
From: Asutosh Palai <asupalai@gmail.com>
Date: Thu, 24 Nov 2016 16:03:42 +0530
Subject: [PATCH] Added facebook page plugin

---
 _includes/header.html |  9 +++++++++
 _layouts/post.html    | 23 +++++++++++++----------
 css/base.scss         |  4 ++++
 3 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/_includes/header.html b/_includes/header.html
index d354dc9..ca004d9 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -12,6 +12,15 @@
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
 
+<div id="fb-root"></div>
+<script>(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/sdk.js#xfbml=1&version=v2.8&appId=691723664330476";
+  fjs.parentNode.insertBefore(js, fjs);
+}(document, 'script', 'facebook-jssdk'));</script>
+
 <div id="header" class="container-fluid {% if page.is_post %}post-header{% endif %}">
   {% if post.image != nil %}
   <div class="cover-image center-vertical"><img class="center-both img-center-fill" src="/images/posts/{{ post.image }}" alt=""></div>
diff --git a/_layouts/post.html b/_layouts/post.html
index d2bec79..466353a 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -4,20 +4,23 @@ layout: layout
 {% include header.html %}
 
 <section class="post container">
-	<h1>
-		<a href="{{ page.url }}">{{ page.title }}</a>
-	</h1>
+  <h1>
+    <a href="{{ page.url }}">{{ page.title }}</a>
+  </h1>
 
-	<section class="byline">
-		{{ page.date | date: "%B %e, %Y" }}
-	</section>
-
-  <section class="content{% if page.justify %} justify{% endif %}">
-    {{ content }}
+  <section class="byline col-md-12">
+    {{ page.date | date: "%B %e, %Y" }}
   </section>
 
-  <br/>
+  <div class="col-md-8">
+    <section class="content{% if page.justify %} justify{% endif %}">
+      {{ content }}
+    </section>
+  </div>
 
+  <div class="fb-page col-md-4" data-href="https://www.facebook.com/WatchOutNewsAgency/" data-tabs="timeline" data-width="330" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/WatchOutNewsAgency/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/WatchOutNewsAgency/">Watch Out! News Agency</a></blockquote></div>
+
+    <br/>
   <div class="fb-like" data-href="{{ site.url }}{{ page.url }}" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>
 
   <br/>
diff --git a/css/base.scss b/css/base.scss
index 7e8af4a..8963e93 100644
--- a/css/base.scss
+++ b/css/base.scss
@@ -540,6 +540,10 @@ blockquote {
     margin-top: 2em;
   }
 
+  .fb-page {
+    top:2em;
+  }
+
 	p img {
 		display: block;
 		margin: auto;