agecem-org/templates/html/header.gohtml

30 lines
1.3 KiB
Text
Raw Normal View History

{{ define "header-html" }}
2023-08-08 17:14:45 -04:00
<link rel="stylesheet" href="/public/css/header.css">
<script>
function onToggleNav() {
2023-08-14 17:36:49 -04:00
var menu = document.querySelector(".headerMenuMobile");
menu.classList.toggle('nav-is-active');
}
</script>
2023-07-25 12:48:41 -04:00
<div class="header">
2023-08-14 17:36:49 -04:00
<div class="wrapper headerWrapper">
<a class="headerLink" href="/"><img class="headerMenuLogo" src="/public/icones/agecem-logo.svg"></img></a>
2023-08-14 17:36:49 -04:00
<ul class="headerMenu">
<li class="headerMenuElement"><a href="/">AGECEM</a></li>
<li class="headerMenuElement"><a href="/vie-etudiante">Vie étudiante</a></li>
<li class="headerMenuElement"><a href="/documentation">Documentation</a></li>
<li class="headerMenuElement"><a href="/admin">admin</a></li>
</ul>
<img class="headerMenuHamburger" src="/public/icones/hamburger-menu.svg" onclick="onToggleNav()"></img>
</div>
<ul class="headerMenuMobile">
<li class="headerMenuElement"><a href="/">AGECEM</a></li>
<li class="headerMenuElement"><a href="/vie-etudiante">Vie étudiante</a></li>
<li class="headerMenuElement"><a href="/documentation">Documentation</a></li>
2023-07-25 13:59:22 -04:00
<li class="headerMenuElement"><a href="/admin">admin</a></li>
2023-08-14 17:36:49 -04:00
</ul>
2023-07-25 12:48:41 -04:00
</div>
2023-07-25 13:59:22 -04:00
{{ end }}