56 lines
2.2 KiB
HTML
56 lines
2.2 KiB
HTML
<header class='shadow'>
|
|
|
|
<!-- Logo -->
|
|
<a href="/"><span class='logo'><img class='icon' src="/static/img/style/logo-28.png" alt="+">Tracman</span></a>
|
|
|
|
<!-- Hamburger -->
|
|
<div class='hamburger hamburger--slider' aria-label="Menu" aria-controls="navigation">
|
|
<div class='hamburger-box'>
|
|
<div class='hamburger-inner'></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Navigation -->
|
|
<nav id='navigation'><ul>
|
|
{% if user %}
|
|
<li><a href="/map">Map</a></li>
|
|
<li><a href="/settings">Settings</a></li>
|
|
{% if user.isAdmin %}<li><a href="/admin">Admin</a></li>{% endif %}
|
|
<li><a href="/help">Help</a></li>
|
|
<li><a href="/logout">Logout</a></li>
|
|
{% else %}
|
|
<li><a href="/">About</a></li>
|
|
<li><a href="/map/keith">Demo</a></li>
|
|
<li><a href="/login">Login</a></li>
|
|
{% endif %}
|
|
</ul></nav>
|
|
|
|
</header>
|
|
|
|
<!-- Flash messages -->
|
|
<noscript>
|
|
<div class='alert alert-header alert-danger alert-dismissible shadow'>
|
|
<strong>Uh-oh!</strong> You don't have javascript enabled! This page won't load correctly without it. You should really enable it, because many websites won't work properly. Ask your grandchildren if you need help.
|
|
<a href="#" class='close' data-dismiss="alert" aria-label="close"><i class='fa fa-times'></i></a>
|
|
</div>
|
|
</noscript>
|
|
{% for danger in dangers %}
|
|
<div class='alert alert-header alert-danger alert-dismissible shadow'>
|
|
<strong><i class="fa fa-exclamation-circle"></i> ERROR:</strong> {{ danger | safe }}
|
|
<a href="#" class='close' data-dismiss="alert" aria-label="close"><i class='fa fa-times'></i></a>
|
|
</div>
|
|
{% endfor %}
|
|
{% for warning in warnings %}
|
|
<div class='alert alert-header alert-warning alert-dismissible shadow'>
|
|
<strong><i class="fa fa-exclamation-circle"></i> Whoops!</strong> {{ warning | safe }}
|
|
<a href="#" class='close' data-dismiss="alert" aria-label="close"><i class='fa fa-times'></i></a>
|
|
</div>
|
|
{% endfor %}
|
|
{% for success in successes %}
|
|
<div class='alert alert-header alert-success alert-dismissible shadow'>
|
|
<strong><i class="fa fa-check-circle"></i> Success!</strong> {{ success | safe }}
|
|
<a href="#" class='close' data-dismiss="alert" aria-label="close"><i class='fa fa-times'></i></a>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<script src="/static/js/header.js"></script> |