dc-website/themes/datacoop2020/layouts/_default/baseof.html

40 lines
1.3 KiB
HTML

<!doctype html>
<html lang="en">
{{ partial "head.html" . }}
<body>
<aside>
<header>
<a href="/"><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>