website/themes/datacoop2020/layouts/_default/baseof.html
2022-11-10 14:48:26 +01:00

39 lines
1.3 KiB
HTML

<!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>