2017-03-18 13:40:03 -06:00
< header class = 'shadow' >
2017-04-13 16:53:18 -06:00
2017-03-18 13:40:03 -06:00
<!-- Logo -->
2016-03-31 17:06:21 -06:00
< a href = "/" > < span class = 'logo' > < img class = 'icon' src = "/static/img/style/logo-28.png" alt = "+" > Tracman< / span > < / a >
2017-04-13 16:53:18 -06:00
2017-03-18 13:40:03 -06:00
<!-- Hamburger -->
2016-03-31 17:06:21 -06:00
< div class = 'hamburger hamburger--slider' aria-label = "Menu" aria-controls = "navigation" >
< div class = 'hamburger-box' >
< div class = 'hamburger-inner' > < / div >
< / div >
< / div >
2017-04-13 16:53:18 -06:00
2017-03-18 13:40:03 -06:00
<!-- Navigation -->
2017-04-01 11:03:05 -06:00
< nav id = 'navigation' > < ul >
2017-05-22 20:32:51 -06:00
{% if active!='home' %}< li > < a href = "/" > About< / a > < / li > {% endif %}
< li > < a href = "/contact" { % if active = ='contact' % } class = 'active' { % endif % } > Contact< / a > < / li >
2017-04-01 11:03:05 -06:00
{% if user %}
2017-05-22 20:32:51 -06:00
< li > < a href = "/map" { % if active = ='map' % } class = 'active' { % endif % } > Map< / a > < / li >
< li > < a href = "/settings" { % if active = ='settings' % } class = 'active' { % endif % } > Settings< / a > < / li >
2017-06-27 11:48:07 -06:00
{% else %}
< li > < a href = "/map/demo" { % if active = ='demo' % } class = 'active' { % endif % } > Demo< / a > < / li >
2017-04-28 01:21:16 -06:00
{% endif %}
2017-05-22 20:32:51 -06:00
< li > < a href = "/help" { % if active = ='help' % } class = 'active' { % endif % } > Help< / a > < / li >
2017-04-28 01:21:16 -06:00
{% if user %}
2017-05-22 20:32:51 -06:00
{% if user.isAdmin %}< li > < a href = "/admin" { % if active = ='admin' % } class = 'active' { % endif % } > Admin< / a > < / li > {% endif %}
2017-04-01 11:03:05 -06:00
< li > < a href = "/logout" > Logout< / a > < / li >
{% else %}
2017-05-22 20:32:51 -06:00
< li > < a href = "/login" > Login / join< / a > < / li >
2017-04-01 11:03:05 -06:00
{% endif %}
< / ul > < / nav >
2017-04-13 16:53:18 -06:00
2016-03-31 17:06:21 -06:00
< / header >
2017-03-18 13:40:03 -06:00
<!-- Flash messages -->
< noscript >
2017-04-01 11:03:05 -06:00
< div class = 'alert alert-header alert-danger alert-dismissible shadow' >
2017-03-18 13:40:03 -06:00
< 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' >
2017-04-18 01:08:57 -06:00
< strong > < i class = "fa fa-exclamation-circle" > < / i > Hey!< / strong > {{ warning | safe }}
2017-03-18 13:40:03 -06:00
< a href = "#" class = 'close' data-dismiss = "alert" aria-label = "close" > < i class = 'fa fa-times' > < / i > < / a >
2016-03-31 17:06:21 -06:00
< / div >
2017-03-18 13:40:03 -06:00
{% endfor %}
{% for success in successes %}
< div class = 'alert alert-header alert-success alert-dismissible shadow' >
2016-03-31 17:06:21 -06:00
< strong > < i class = "fa fa-check-circle" > < / i > Success!< / strong > {{ success | safe }}
2017-03-18 13:40:03 -06:00
< a href = "#" class = 'close' data-dismiss = "alert" aria-label = "close" > < i class = 'fa fa-times' > < / i > < / a >
2016-03-31 17:06:21 -06:00
< / div >
2017-04-12 12:32:28 -06:00
{% endfor %}
2017-06-30 13:03:59 -06:00
< script type = "application/javascript" src = "/static/js/.header.bun.js" > < / script >