<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    {# FIXME Add meta information #}

    <title>{% block title %}{% endblock %}</title>

    {# FIXME bundle #}
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
</head>

<body>
    <header>
        <nav class="navbar has-background-dark is-transparent">
            <div class="navbar-brand">
                <a href="{{ repo.root.base_iri }}" class="navbar-item has-text-primary-light">{{ repo.root.title }}</a>
            </div>

            <div class="navbar-menu">
                <div class="navbar-start">
                    {# FIXME walk classes here and build menu #}
                </div>
            </div>
        </nav>
    </header>

    <main>
        <div class="container">
            {% block body %}{% endblock %}
        </div>
    </main>

    <footer class="footer has-background-light has-text-dark">
        <div class="columns">
            <div class="column">
                Ontology website built with <a href="https://codeberg.org/Chocorize/ontolol">ontolol</a>
            </div>
            <div class="column">
                {{ repo.root.metadata.comment[0] }}
            </div>
        </div>
    </footer>

</body>

</html>