abkommen60jahre.de/_includes/navigation.njk

46 lines
1.1 KiB
Plaintext
Raw Normal View History

2021-09-26 23:37:59 +00:00
<nav
id="navigation"
class="navigation"
>
2021-09-26 22:53:08 +00:00
<a href="/" class="logo navigation-link">
<img
class="logo-image"
src="/img/logo.png"
alt="Unser Logo"
/>
</a>
2021-09-26 23:37:59 +00:00
<button
type="button"
id="navigation-toggle"
class="navigation-toggle"
aria-label="Navigation Öffnen und Schliessen"
>
2021-10-05 14:10:51 +00:00
<span class="navigation-toggle-line"></span>
<span class="navigation-toggle-line"></span>
<span class="navigation-toggle-line"></span>
2021-09-26 23:37:59 +00:00
</button>
<script>
const navToggle = document.getElementById("navigation-toggle");
const nav = document.getElementById("navigation");
navToggle.addEventListener("click", function () {
nav.classList.toggle("navigation_open");
});
</script>
2021-09-25 11:15:21 +00:00
<ul class="menu">
2021-09-26 22:53:08 +00:00
{#
2021-09-25 11:15:21 +00:00
<li class="menu-item">
<a href="/geschichte" class="navigation-link">Geschichte</a>
</li>
2021-09-26 22:53:08 +00:00
#}
2021-09-25 11:15:21 +00:00
<li class="menu-item">
<a href="/veranstaltungen" class="navigation-link">Veranstaltungen</a>
</li>
<li class="menu-item">
<a href="/unterricht" class="navigation-link">Unterrichtsmaterial</a>
</li>
2021-10-05 14:10:51 +00:00
</ul>
2021-09-25 11:15:21 +00:00
</nav>