{# ============================================================================
move.gl | Base Template (Documentation)
============================================================================
Base template for documentation pages. Includes navigation, footer, and
common elements using partials for DRY architecture.
============================================================================ #}
<!DOCTYPE html>
<html lang="en" data-theme="light">

<head>
    {%- include "partials/_head.html.jinja" %}
    {%- block head_extra %}{%- endblock %}
    {%- block styles %}{%- endblock %}
</head>

<body class="{%- block body_class %}{%- endblock %}">

    {# Navigation #}
    {%- include "partials/_nav.html.jinja" %}

    <div class="container">
        <header class="header {%- block header_class %}{%- endblock %}">
            {%- block header %}
            <p class="eyebrow">move.gl</p>
            <h1>Documentation</h1>
            {%- endblock %}
        </header>

        <main>
            {%- block content %}
            <p>Replace this with your content.</p>
            {%- endblock %}
        </main>

        {# Footer #}
        {%- include "partials/_footer.html.jinja" %}
    </div>

    <!-- Library JS -->
    <script type="module" src="/js/move.gl.js"></script>
    <!-- Demo Scripts -->
    <script type="module" src="/js/demo.js"></script>

    {%- block scripts %}{%- endblock %}

</body>

</html>
