<!DOCTYPE html>
{% load i18n %}
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>{% block head_title %}TinyWiki{% endblock %}</title>
        {% block extra_css %}{% endblock %}
        {% block scripts %}{% endblock %}
    </head>
    <body>
        <header>
            <span style="font-size:2.5rem;">TinyWiki</span>
        </header>
        <nav>
            <ul>
                <li><a href="{% url 'tinywiki:home' %}">{% translate "HOME" %}</a></li>
                {% if user_can_create_wiki_pages %}
                    <li><a href="{% url 'tinywiki:page-create' %}">{% translate "Create Page" %}</a></li>
                {% endif %}
                <li><a href="{% url 'tinywiki:toc' %}">{% translate "Wiki content" %}</a>
            </ul>
        </nav>
        <main class="content">
            {% block content %}
            <h1>It Works!</h1>
            {% endblock %}
        </main>
        {% block extra_scripts %}{% endblock extra_scripts %}
    </body>
</html>