<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}Alex Daniels{% endblock %}</title>
        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22></text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>AD</text></svg>">
        {% block stylesheets %}
        {% endblock %}

        {% block javascripts %}
            {% block importmap %}{{ importmap('landing') }}{% endblock %}
        {% endblock %}

        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="turbo-prefetch" content="false">

        {% set frankenphpHotReload = app.request.server.get('FRANKENPHP_HOT_RELOAD') %}
        {% if frankenphpHotReload %}
        <meta name="frankenphp-hot-reload:url" content="{{ frankenphpHotReload }}">
        <script src="https://cdn.jsdelivr.net/npm/idiomorph"></script>
        <script src="https://cdn.jsdelivr.net/npm/frankenphp-hot-reload/+esm" type="module"></script>
        {% endif %}
    </head>
    <body class="home layout--v1 {{ app.user ? 'auth': '' }}">
        <header>
            {% block nav %}{% endblock %}
        </header>
        <main id="root" class="v1">
            <div class="top">
                <div class="computer">
                    {% block intro %}{% endblock %}
                    {% block body %}{% endblock %}
                    {% block outro %}{% endblock %}
                </div>
            </div>
            <div class="bottom">
                <div class="under-fold">
                    {% block underFold %}{% endblock %}
                </div>
            </div>
        </main>
        <footer>
            {% block footer %}{% endblock %}
        </footer>
    </body>
</html>
