Added facebook page plugin

_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>

_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/>

css/base.scss

@@ -540,6 +540,10 @@ blockquote {
     margin-top: 2em;
   }
 
+  .fb-page {
+    top:2em;
+  }
+
 	p img {
 		display: block;
 		margin: auto;