varun-r-mallya/wona.github.com
1
0
Fork 0
mirror of https://github.com/WatchOutNewsAgency/wona.github.com.git synced 2026-01-01 01:16:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added facebook page plugin

Browse Source
This commit is contained in:
Asutosh Palai
2016-11-24 16:03:42 +05:30
parent 70bf5a94d0
commit 9d00ce90d3
3 changed files with 26 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
_includes/header.html
View File

@ -12,6 +12,15 @@
fjs.parentNode.insertBefore(js, fjs); fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> }(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 %}"> <div id="header" class="container-fluid {% if page.is_post %}post-header{% endif %}">
{% if post.image != nil %} {% if post.image != nil %}
<div class="cover-image center-vertical"><img class="center-both img-center-fill" src="/images/posts/{{ post.image }}" alt=""></div> <div class="cover-image center-vertical"><img class="center-both img-center-fill" src="/images/posts/{{ post.image }}" alt=""></div>

23
_layouts/post.html
View File

@ -4,20 +4,23 @@ layout: layout
{% include header.html %} {% include header.html %}
<section class="post container"> <section class="post container">
<h1> <h1>
<a href="{{ page.url }}">{{ page.title }}</a> <a href="{{ page.url }}">{{ page.title }}</a>
</h1> </h1>
<section class="byline"> <section class="byline col-md-12">
{{ page.date | date: "%B %e, %Y" }} {{ page.date | date: "%B %e, %Y" }}
</section>
<section class="content{% if page.justify %} justify{% endif %}">
{{ content }}
</section> </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> <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/> <br/>

4
css/base.scss
View File

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