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

{% 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 class="basis-1/2">
            <time class="dt-published" datetime="{{ date | date('DATETIME') }}" pubdate>
                <a class="u-url text-gray-500 text-sm" href="{{ post.url }}">{{ date | date }}</a>
            </time>
        </div>
    </footer>
</article>
{% endblock %}