<!DOCTYPE html>
<html lang="en">
    <head>
        {% block head %}
        <meta charset="UTF-8">
        <title>{% block title %} {% endblock title %}</title>
        {% block style %}
        <link rel="stylesheet" href="style.css"/>
        {% endblock style %}
        {% if config.extra.mastodon_url %}
        <link rel="me" href="{{ config.extra.mastodon_url }}"/>
        {% endif %}
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        {% endblock head %}
    </head>
    <body>
        <div id="content-wrapper">
            <header>
                {% block header %}
                <a id="header-link" href="/">Ncam Gnrvngu</a>
                <div id="header-category-links">
                    <a class="header-category-link" href="/post/">Posts</a>
                    <a class="header-category-link" href="/project/">Projects</a>
                </div>
                {% endblock header %}
            </header>
            <main>{% block content %}{% endblock content %}</main>
            <footer>
                {% block footer %}
                    {% if config.extra.github_url %}
                        <a href="{{ config.extra.github_url }}">GitHub</a>
                    {% endif %}
                    {% if config.extra.mastodon_url %}
                        <a href="{{ config.extra.mastodon_url }}">Mastodon</a>
                    {% endif %}
                    {% if config.extra.matrix_user %}
                        <a href="https://matrix.to/#/{{ config.extra.matrix_user }}">Matrix</a>
                    {% endif %}
                    {% if config.extra.bookwyrm_url %}
                        <a href="{{ config.extra.bookwyrm_url }}">Bookwyrm</a>
                    {% endif %}
                    <p id="license">
                        Except where otherwise noted, the content on this site is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>
                    </p>
                {% endblock footer %}
            </footer>
        </div>
    </body>
</html>
