<!DOCTYPE html>
<html class="h-100">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>{{ title }}{% if title is not empty %} :: {% endif %}Jeroen De Meerleer</title>
        {{ importmap('app') }}

        {% if css is defined and css is not empty %}
            {% for sheet in css %}
                <link rel="stylesheet" href="{{ sheet.file }}" integrity="sha384-{{ sheet.sha384 }}">
            {% endfor %}
        {% endif %}

        {% if js is defined and js is not empty %}
            {% for script in js %}
                <script src="{{ script.file }}" integrity="sha384-{{ script.sha384 }}"></script>
            {% endfor %}
        {% endif %}

    </head>
    
    <body>
        <div class="sidebar">
            <header>
                <div>
                    {{ header | raw }}
                </div>
            </header>
            <nav>
                <div>
                    {{ nav | raw }}
                </div>
            </nav>
            <footer>
                {{ footer | raw }}
            </footer>
        </div>

        <main>
            <div>
                {{ content | raw }}
            </div>
        </main>
    </body>
</html>

