post.html

---
layout: default
---

{% if site.theme_settings.share_button %}
    {% include share.html %}
{% endif %}


<article {% if page.feature-img %}class="feature-image"{% endif %}>
    <header class="page-heading" style="background-image: url('{{ site.baseurl }}/{{ page.feature-img }}')">
        <div class="container">
            <h1 class="page-heading-title">{{ page.title }}</h1>
            <span class="meta">
                <span class="meta-content">
                    {{ page.date | date: "%B %-d, %Y" }}
                    {% include author_link.html login=page.author %}
                </span>
            </span>
            <div class="page-heading-reading-time">{% include reading_time.html content=content %}</div>
        </div>
    </header>

    <section class="slice">
        <div class="post-content container">{{ content }}</div>
    </section>

</article>

<!-- Post navigation -->
{% if site.theme_settings.post_navigation %}
<div id="post-nav">
    {% if page.previous.url %}
    <a id="prev-post" href="{{ site.baseurl }}{{ page.previous.url }}">
        <span class="page-title">{{ page.previous.title }}</span>
        <span class="nav-label">
            <i class="fa fa-chevron-left"></i> {{ site.theme_settings.str_prev }}
        </span>
    </a>
    {% endif %}
    {% if page.next.url %}
    <a id="next-post" href="{{ site.baseurl }}{{ page.next.url }}">
        <span class="page-title">{{ page.next.title }}</span>
        <span class="nav-label">
            {{ site.theme_settings.str_next }} <i class="fa fa-chevron-right"></i>
        </span>
    </a>
    {% endif %}
</div>
{% endif %}

<!-- Share -->
{% if site.theme_settings.share_button %}
  <div class="share-button">
    {% include share.html %}
  </div>
{% endif %}

{% include links.html %}

<!-- Disqus -->
{% if site.theme_settings.disqus_shortname %}
<section class="slice">
    <div class="container">
        {% include disqus.html %}
    </div>
</section>
{% endif %}

<!-- Muut -->
{% if site.theme_settings.muut_community_name %}
<section class="slice">
    <div class="container">
        {% include muut.html %}
    </div>
</section>
{% endif %}