<div style="background: #333; color: #f9f9f9; width: 10%; height: 50px; line-height: 50px; text-align: center; float: left;">
    Navigation
</div>
<div style="background: #333; color: #f9f9f9; width: 80%; height: 50px; line-height: 50px; padding-left: 10px; float: left;">
    <a href=/><button class="btn btn-primary">Home</button></a>&nbsp;
    {% for game, data in game_list|items %}    
    <a href=/game{{ data.url }}/><button class="btn btn-success">{{ game }}</button></a>&nbsp;
    {% endfor %}
</div>
</div>
<div style="background: #333; color: #f9f9f9; width: 10%; height: 50px; line-height: 50px; text-align: center; float: left;">
    {% if sesh is defined and sesh["permissions"] >= 2 %}
    <a href="/sys/"><button class="btn btn-primary">System</button></a>
    {% endif %}
    {% if sesh is defined and sesh["user_id"] > 0 %}
    <a href="/user/"><button class="btn btn-primary">Account</button></a>
    <a href="/user/logout"><button class="btn btn-danger">Logout</button></a>
    {% else %}
    <a href="/gate/"><button class="btn btn-primary">Gate</button></a>
    {% endif %}
    
</div>