<div id="nav-top" class="w3-bar w3-border w3-teal">
                <button class="w3-button w3-teal w3-large w3-bar-item nav-top-highlight" onclick="navflip()">&#9876;</button>
                <a href="#" class="w3-bar-item w3-button w3-large nav-top-highlight">Gauntlet</a>
                <a href="#" class="w3-bar-item w3-button w3-large nav-top-highlight">Link 1</a>
                <a href="#" class="w3-bar-item w3-button w3-large nav-top-highlight">Link 2</a>
                <a href="#" class="w3-bar-item w3-button w3-large nav-top-highlight">Link 3</a>
                {% if 1 == 1 %}
                <div class="w3-dropdown-hover w3-right">
                    <a href="#" class="w3-bar-item w3-button w3-large nav-top-highlight">User</a>
                    <div class="w3-dropdown-content w3-bar-block w3-border" style="right:0">
                        <a href="#" class="w3-bar-item w3-button">link 1</a>
                        <a href="#" class="w3-bar-item w3-button">link 2</a>
                        <a href="#" class="w3-bar-item w3-button">link 3</a>
                    </div>
                </div>
                {% else %}
                    <a href="#" class="w3-bar-item w3-button w3-large nav-top-highlight" style="float:right;">Login</a>
                    <a href="#" class="w3-bar-item w3-button w3-large nav-top-highlight" style="float:right;">Register</a>
                {% endif %}
            </div>