2023-01-17 20:14:05 +01:00
|
|
|
<!-- svelte-ignore a11y-missing-attribute -->
|
2023-01-18 22:58:07 +01:00
|
|
|
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
|
|
|
2023-01-17 18:49:03 +01:00
|
|
|
<script lang="ts">
|
2023-01-18 22:58:07 +01:00
|
|
|
import { activeCategory } from "../stores";
|
|
|
|
|
|
|
|
let sparti_logo = "./src/assets/sparti_logo.png";
|
|
|
|
|
|
|
|
const setActiveCategory = (category: string) => {
|
|
|
|
$activeCategory = category;
|
|
|
|
}
|
2023-01-17 18:49:03 +01:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<main>
|
2023-01-17 19:49:34 +01:00
|
|
|
<nav class="navbar is-white is-spaced has-shadow">
|
|
|
|
<div class="navbar-brand">
|
|
|
|
<a class="navbar-item">
|
|
|
|
<img src={sparti_logo} />
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div id="navbar-menu">
|
|
|
|
<div class="navbar-start">
|
2023-01-18 22:58:07 +01:00
|
|
|
<a class="navbar-item" on:click={() => setActiveCategory("beer")}>
|
2023-01-17 19:49:34 +01:00
|
|
|
Bier
|
|
|
|
</a>
|
2023-01-18 22:58:07 +01:00
|
|
|
<a class="navbar-item" on:click={() => setActiveCategory("fizzyDrink")}>
|
2023-01-17 19:49:34 +01:00
|
|
|
Brause & Wasser
|
|
|
|
</a>
|
2023-01-18 22:58:07 +01:00
|
|
|
<a class="navbar-item" on:click={() => setActiveCategory("wine")}>
|
2023-01-17 19:49:34 +01:00
|
|
|
Wein & Sekt
|
|
|
|
</a>
|
2023-01-18 22:58:07 +01:00
|
|
|
<a class="navbar-item" on:click={() => setActiveCategory("spirit")}>
|
2023-01-17 19:49:34 +01:00
|
|
|
Schnaps & Sirup
|
|
|
|
</a>
|
2023-01-17 18:49:03 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2023-01-17 19:49:34 +01:00
|
|
|
</nav>
|
2023-01-17 18:49:03 +01:00
|
|
|
</main>
|