{% extends "base.html" %}
{% load static wagtailcore_tags %}

{% block content %}
<main class="flex flex-col items-center gap-10 pt-14">
    <div class="container">
        <h1 class="font-bebas text-4xl">{{ page.title }}</h1>

        <small class="flex gap-2">
            <div>{{ page.date }}</div>
            {% if page.author %}
                <div>| {{ page.author }}</div>
            {% endif %}
        </small>

        <div class="mt-5 prose max-w-screen-md font-serif">
            <p class="mb-3">{{ page.perex }}</p>

            {{ page.content|richtext }}
        </div>
    </div>
</main>
{% endblock content %}