{% include header.html %}

<div class=“ph3 ph4-ns”>

<article class="c-measure center h-entry">

    <div class="mb4">

        <div class="flex flex-column-reverse">

            <h1 class="f3 f2-ns c-lh-title ma0 p-name">{{ page.title }}</h1>

            <p class="f6 mt0 mb2"><time class="dt-published" datetime="{{ page.date | date: '%Y-%m-%d' }}">{{ page.date | date: "%-d %b, %Y" }}</time>{% if page.author %} &middot; <span class="p-author">{{ page.author }}</span>{% elsif site.author %} &middot; <span class="p-author">{{ site.author }}</span>{% endif %}</p>

        </div>

        {% if page.intro %}

        <p class="f5 f4-ns">{{ page.intro }}</p>

        {% endif %}

    </div>

    <div class="c-hyphens e-content">

    {{ content}}

    </div>

    <div class="clip">

        <span class="u-url">{{site.url}}{{ page.url }}</span>
        {% if page.in-reply-to %}<span class="u-in-reply-to">{{ page.in-reply-to }}</span>{% endif %}
        {% if page.like-of %}<span class="u-like-of">{{ page.like-of }}</span>{% endif %}
        {% if page.repost-of %}<span class="u-repost-of">{{ page.repost-of }}</span>{% endif %}

    </div>

</article>

</div>

{% include footer.html %}