agecem-org/templates/html/header.gohtml

{{ define "header-html" }}
    <link rel="stylesheet" href="/public/css/header.css">
    <script>
        function  onToggleNav() {
        var menu = document.querySelector(".headerMenuMobile");
        console.log(menu);
        menu.classList.toggle('nav-is-active');
      }
        </script>
<div class="header">   
    <div class="wrapper headerWrapper">
        <a class="headerLink" href="/"><img class="headerMenuLogo" src="/public/icones/agecem-logo.svg"></img></a>
        <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>
        <li class="headerMenuElement"><a href="/admin">admin</a></li>
    </ul>
</div>


{{ end }}