{% extends "base.html" %}

{% block content %}
<main class="container max-w-2xl m-auto py-10 px-4" id="main-content">
    <article class="prose dark:prose-dark max-w-none">
        {% if page.featured_image %}
            <img src="{{ page.featured_image }}" alt="Featured Image for {{ page.title }}" class="featured-image" />
        {% endif %}
        <h1 class="text-6xl font-bold mb-4 text-links quicksand-700">{{ title }}</h1>
        <p class="text-2md post-meta mb-4 pb-2 text-accent italic border-b border-primary"><span class="date">{{ date }}</span> &middot; <span class="author">{{ author }}</span></p>
        {% if featured_image %}
        <img src="{{ featured_image }}" alt="{{ title }}" class="rounded-lg my-4 w-full h-auto">
        {% endif %}
        <div class="stattic-content mb-12">
            {{ content | safe }}
        </div>
    </article>
</main>
{% endblock %}