{% extends 'layouts/default.njk' %}

{% set title = post.title %}
{% set codeinjection_head = post.codeinjection_head %}
{% set codeinjection_foot = post.codeinjection_foot %}

{% block content %}
<article class="h-entry prose lg:prose-lg dark:prose-invert" role="article">
    <header>
        <h1 class="p-name">{{ title }}</h1>
    </header>
    {% if post.feature_image %}
        <figure class="md:-mx-12">
            <img class="u-featured rounded-md shadow-md w-full" src="{{ post.feature_image }}" alt="{{ post.feature_image_alt }}">
            {% if post.feature_image_caption %}
                <figcaption>
                    <cite>{{ post.feature_image_caption }}</cite>
                </figcaption>
            {% endif %}
        </figure>
    {% endif %}
    <section class="e-content" load-external-scripts>
        {{ content | safe }}
    </section>
    <footer class="flex flex-row not-prose">
        <div rel="author" class="p-author h-card basis-1/2">
            <a href="/">
                <img class="u-photo w-8 inline-block" src="/images/walkah-avatar.png" > walkah
            </a>
        </div>
        <div class="text-right basis-1/2">
            <time class="dt-published" datetime="{{ post.published_at }}" pubdate>
                <a class="u-url text-gray-500 text-sm" href="{{ post.url }}">{{ post.date.toLocaleDateString() }}</a>
            </time>
        </div>
    </footer>
</article>
{% endblock %}