{# Base template for a topic page #}

{% extends 'base.html' %}

{% block body %}

<div class="layout">
    <header class="flexbox flexbox-justify-end flexbox-valign-baseline margin-top margin-bottom">
        
        {#
        {% if user %}
            <a href="{{ url('user', username=user['username']) }}" class="redlink nodecoration">{{ user['username'] }}</a>
        {% else %}
            <a href="{{ url('signin') }}" class="redlink small-font nodecoration">Sign in</a>
        {% endif %}
        #}
        
        <a href="/" class="dokk-logo">DOKK</a>
    
        <form action="{{ url('search') }}" id="search" class="search margin-left">
            <input
                autocomplete= "off"
                maxlength   = "2048"
                name        = "q"
                placeholder = "Search topics"
                required    = "true"
                spellcheck  = "false"
                type        = "text" />
            
            <ul class="suggestions"></ul>
        </form>
    </header>
    
    <section class="page">
        {% block page %}{% endblock %}
    </section>
    
    <footer>
        
    </footer>
</div>

{% endblock %}
