{% extends('layout.njk') %}

{% block main %}
<div class="grid justify-center">
    <div class="inner">
        <div class="m-top-6">
            <header>
                <h1 class="highlight">
                    {{ page.title }}
                </h1>
                <span>
                    <time time="{ page.date_published }">
                        {{ page.date_published }}
                    </time>
                </span>
                {% for tag in page.tags %}
                <span class="m-left-3">
                    / <a href="/index.html?tag={{ tag }}" class="underline">{{ tag }}</a>
                </span>
                {% endfor %}
            </header>
            <div class="content">
                {{ page.content | safe }}
            </div>
        </div>
    </div>
</div>
{% endblock %}