Compare commits

...

3 commits

Author SHA1 Message Date
Halfdan d50ec0e709 Displaying which page is currently active
All checks were successful
continuous-integration/drone/push Build is passing
2022-11-15 19:16:15 +01:00
Halfdan ff950c95ee Mergee 2022-11-15 18:19:30 +01:00
Halfdan da27da80a7 Tweak tweak tweak tweak 2022-11-15 18:17:19 +01:00
4 changed files with 15 additions and 15 deletions

View file

@ -153,7 +153,7 @@ aside nav ol {
aside nav ol li a {
display : block;
font-size : 2rem;
padding : 0.5rem 0;
margin : 0.5rem 0;
text-decoration : none;
}
@ -161,6 +161,11 @@ aside nav ol li a:hover {
text-decoration : underline;
}
aside nav ol li a.active {
font-weight : bold;
}
aside #menu-toggle {
display : none;
font-size : 2em;
@ -191,6 +196,7 @@ aside header a img {
body {
flex-direction : column;
border : 0;
line-height : 2rem;
}
aside {
@ -208,11 +214,6 @@ aside header a img {
margin : calc(var(--base-grid) / 2) var(--base-grid);
}
aside header a {
width : 35%;
max-width : 35%;
}
aside nav {
display : none;
}

View file

@ -5,6 +5,7 @@
<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>
@ -19,20 +20,20 @@
</article>
</main>
<script>
var menu = document.getElementById("nav-toggle-header")
var nav = document.getElementsByTagName('nav')[0]
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")
menu.classList.remove("display");
nav.classList.remove("display");
} else {
menu.classList.add("display")
nav.classList.add("display")
menu.classList.add("display");
nav.classList.add("display");
}
}
menu.addEventListener( "click", toggleMenu )
menu.addEventListener("click", toggleMenu);
</script>
</body>
</html>

View file

@ -3,5 +3,4 @@
<h1>{{ .Title | markdownify }}</h1>
{{ .Content }}
{{- end -}}

View file

@ -14,4 +14,3 @@
</ol>
</footer>
</nav>