45 lines
1.1 KiB
Plaintext
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>
|