<!doctype html> <html lang="en"> {{ partial "head.html" . }} <body> <aside> <header> <a href="index.html"><img src="{{ printf "/static/img/logo_%s.svg" .Site.Language.Lang | absURL }}" alt="data coop logo" width="240" height="140"></a> <div class="nav-toggle" id="nav-toggle-header"> <span id="nav-toggle-a"></span> <span id="nav-toggle-b"></span> <span id="nav-toggle-c"></span> </div> </header> {{ partial "nav.html" . }} </aside> <main> <article> {{ block "main" . }}{{ end }} </article> </main> <script> var menu = document.getElementById("nav-toggle-header") var nav = document.getElementsByTagName('nav')[0] function toggleMenu() { if ( menu.classList.contains("display") ) { menu.classList.remove("display") nav.classList.remove("display") } else { menu.classList.add("display") nav.classList.add("display") } } menu.addEventListener( "click", toggleMenu ) </script> </body> </html>