{% extends "templates/layout.html" %}

{% block content %}
<main class="main-container">
    <a href="/blog" class="back-link-top">&larr; back</a>
    <header class="post-header">
        <span class="post-date">{{ published_date }}</span>
        <span class="post-author">{{ author }}</span>
    </header>

    <h1>{{ title }}</h1>

    <article class="post-content">
        {{ content | raw }}
    </article>

    <nav class="post-nav">
        {{ back_to_index | raw }}
    </nav>
</main>
{% endblock %}