abkommen60jahre.de/_includes/navigation.njk

45 lines
1.1 KiB
Plaintext

<nav
id="navigation"
class="navigation"
>
<a href="/" class="logo navigation-link">
<img
class="logo-image"
src="/img/logo.png"
alt="Unser Logo"
/>
</a>
<button
type="button"
id="navigation-toggle"
class="navigation-toggle"
aria-label="Navigation Öffnen und Schliessen"
>
<div class="navigation-toggle-line"></div>
<div class="navigation-toggle-line"></div>
<div class="navigation-toggle-line"></div>
</button>
<script>
const navToggle = document.getElementById("navigation-toggle");
const nav = document.getElementById("navigation");
navToggle.addEventListener("click", function () {
nav.classList.toggle("navigation_open");
});
</script>
<ul class="menu">
{#
<li class="menu-item">
<a href="/geschichte" class="navigation-link">Geschichte</a>
</li>
#}
<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>
</nav>