    <!-- Menu toggle -->
    <a href="#menu" id="menuLink" class="menu-link">
        <!-- Hamburger icon -->
        <span></span>
    </a>

    <div id="menu">
        <div class="pure-menu">
            <a class="pure-menu-heading" href="#">Evil Corp</a>

            <ul class="pure-menu-list">
                <li class="pure-menu-item"><a href="/" class="pure-menu-link">Home</a></li>
                <li class="pure-menu-item"><a href="/news" class="pure-menu-link">News</a></li>
                {% if authenticated %}
                <li class="pure-menu-item"><a href="/user" class="pure-menu-link">{{ username }}</a></li> 
                <li class="pure-menu-item"><a href="/logout" class="pure-menu-link">Logout</a></li>
                {% else %}
                <li class="pure-menu-item"><a href="/login" class="pure-menu-link">Login</a></li>
                {% endif %}
            </ul>
        </div>
    </div>
