2016-03-31 17:06:21 -06:00
< script src = "/static/js/header.js" > < / script >
2017-03-18 13:40:03 -06:00
< header class = 'shadow' >
<!-- 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-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-03-18 13:40:03 -06:00
<!-- Navigation -->
2016-03-31 17:06:21 -06:00
< nav id = 'navigation' >
< ul >
2016-05-31 21:54:21 -06:00
{% if user %}
< li > < a href = "/map/{{user.slug}}" > Map< / a > < / li >
2017-03-15 01:33:02 -06:00
< li > < a href = "/settings" > Settings< / a > < / li >
2016-05-31 21:54:21 -06:00
{% if user.isAdmin %}< li > < a href = "/admin" > Admin< / a > < / li > {% endif %}
2017-03-15 01:33:02 -06:00
< li > < a href = "/help" > Help< / a > < / li >
2016-05-31 21:54:21 -06:00
< li > < a href = "/logout" > Logout< / a > < / li >
{% else %}
2016-03-31 17:06:21 -06:00
< li > < a href = "/#overview" > About< / a > < / li >
2016-05-31 21:54:21 -06:00
< li > < a href = "/map/keith" > Demo< / a > < / li >
2016-08-09 23:51:49 -06:00
< li > < a href = "/#join" > Join< / a > < / li >
2016-03-31 17:06:21 -06:00
< li > < a href = "/login" > Login< / a > < / li >
{% endif %}
< / ul >
< / nav >
2017-03-18 13:40:03 -06:00
2016-03-31 17:06:21 -06:00
< / header >
2017-03-18 13:40:03 -06:00
<!-- 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 >
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-03-18 13:40:03 -06:00
{% endfor %}