{% extends 'app' %}

{% block body %}
    <a href="#main-content" class="skip-link absolute top-0 left-0 text-white bg-blue-600 p-4 focus:outline-none">
        Skip to main content
    </a>

    {% include 'layout/navbar' %}

    <div class="mt-24 px-4 mx-auto {{ page.wide ? 'max-w-5xl' : 'max-w-3xl' }}">
        <main id="main-content">
            {% block page_title_wrapper %}
                <h1 class="leading-tight mb-4">
                    {% block page_title %}{{ page.title }}{% endblock %}
                </h1>
            {% endblock %}

            {% block content_wrapper %}
                {% block content %}{% endblock %}
            {% endblock %}
        </main>

        {% include 'layout/footer' %}
    </div>
{% endblock %}