agecem-org/templates/html/header.gohtml

{{ define "header-html" }}
    <link rel="stylesheet" href="/public/css/header.css">
    <script>
        function  onToggleNav() {
        var menu = document.querySelector(".headerMenu");
        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>
</div>


{{ end }}