60 lines
2.2 KiB
HTML
60 lines
2.2 KiB
HTML
{% load static %}
|
|
{% load md5 %}
|
|
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link rel = "stylesheet" href = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
|
|
<script src="{% static 'js/script.js' %}"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<nav>
|
|
<div class="left">
|
|
<a href="/" class="logo">LSDD</a>
|
|
<div class="submenu">
|
|
<a href="/a/">Sauvetages</a>
|
|
<a href="/p/">Personnes</a>
|
|
<a href="/b/">Bateaux</a>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<a href="#quicksearch"><i class="material-icons search">search</i></a>
|
|
{% if user.is_authenticated %}
|
|
<a href="{% url 'logout' %}"><img src="https://www.gravatar.com/avatar/{{ user.email | lower | md5 }}"></a>
|
|
{% else %}
|
|
<a href="{% url 'login' %}">Login</a>
|
|
{% endif %}
|
|
<i class="material-icons opennavmobile">menu</i>
|
|
</div>
|
|
</nav>
|
|
<div class="navbar-mobile">
|
|
<i class="material-icons closenavmobile">close</i>
|
|
<a href="/a/">Sauvetages</a>
|
|
<a href="/p/">Personnes</a>
|
|
<a href="/b/">Bateaux</a>
|
|
<a href="#quicksearch"><i class="material-icons search">search</i></a>
|
|
{% if user.is_authenticated %}
|
|
<a href="{% url 'logout' %}"><img src="https://www.gravatar.com/avatar/{{ user.email | lower | md5 }}"></a>
|
|
{% else %}
|
|
<a href="{% url 'login' %}">Login</a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="container">
|
|
{% block content %}
|
|
{% endblock %}
|
|
</div>
|
|
<script>
|
|
let menu = document.querySelector('.opennavmobile');
|
|
let close = document.querySelector('.closenavmobile');
|
|
let navmobile = document.querySelector('.navbar-mobile');
|
|
|
|
menu.addEventListener('click', function (){
|
|
navmobile.classList.toggle('open');
|
|
});
|
|
|
|
close.addEventListener('click', function (){
|
|
navmobile.classList.toggle('open');
|
|
});
|
|
</script>
|
|
</body>
|