---
layout: layout
---
<section class="post container">
  <div class="header">
    <h3 class="tag">
      <a href="/category/{{ page.category }}/">{{ site.data.categories_name[page.category] }}</a>
    </h3>
    <h1 class="title">
      <a href="{{ page.url }}">{{ page.title }}</a>
    </h1>
    <div class="date">
      {{ page.date | date: "%B %e, %Y" }}
    </div>
    {% if page.author != null %}
    <div class="author">
      - {{ page.author }}
    </div>
    {% endif %}
  </div>
  <div class="row body">

    <section class="col-md-8 content{% if page.justify %} justify{% endif %}">
      {% if page.image != null %}
      <div class="center-fill-container cover-img" style="height:{{page.height}}">
        <div class="img-container">
          <img class="center-both img-center-fill" src="/images/posts/{{ page.image }}" alt="">
        </div>
      </div>
      {% endif %}

      {{ content }}

      <div class="fb-content">
        <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-comments" data-href="{{ site.url }}{{ page.url }}" data-width="100%" data-numposts="5"></div>
      </div>

    </section>

    <div class="col-md-4">
      <div class="fb-page" 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>
    </div>
  </div> <!-- body -->

</section>

<div id="more-articles-container" class="container">
  <div class="head-wrapper">
    <h1 class="container-title">More from {{ page.category | capitalize }}</h1>
    <a href="/category/{{ page.category }}/"><span class="view-all">view all</span></a>
  </div>
  <section id="more-articles" class="row">

    {% for post in site.categories[page.category] limit: 5 %}
    {% if post.url != page.url %}
    {% if forloop.index < 5 or found %}
    <div class="article col-sm-3">
      <a href="{{ post.url }}">
        <div class="center-fill-container img-container tinted">
          <img src="/images/posts/{{post.image}}" alt=""  class="img-center-fill center-both {% if post.image == null %}hidden{% endif %}">
        </div>
        <div class="details">
          <h3 class="title">{{ post.title | truncatewords: 7}}</h3>
          <div class="date">{{ post.date | date: "%B %e, %Y" }}</div>
        </div>
      </a>
    </div>
    {% endif %}
    {% else %}
      {% assign found = true %}
    {% endif %}
    {% endfor %}
  </section>
</div>