initial commit

2026-01-07 22:24:02 +01:00
commit 2d31df88f0
315 changed files with 14484 additions and 0 deletions
@@ -0,0 +1,97 @@
+<script lang="ts">
+	import { get } from 'svelte/store';
+
+	import { page } from '$app/state';
+
+	import { geoLocationNameToRoute } from '$lib/utils/meteo';
+
+	import Button from '$lib/components/ui/button/button.svelte';
+	import { storedLocation } from '$lib/stores/settings';
+
+	let location = get(storedLocation);
+	const locationRoute = geoLocationNameToRoute(location.name);
+
+	interface Props {
+		children?: import('svelte').Snippet;
+	}
+
+	let { children }: Props = $props();
+
+	const links = [
+		{
+			title: 'Weather Forecast',
+			url: '/en/weather',
+			children: [
+				{
+					title: 'Week Prediction',
+					url:
+						'/en/weather/week/' +
+						(location.population
+							? location.population > 543000
+								? locationRoute
+								: locationRoute + '_' + location.id
+							: locationRoute + '_' + location.id)
+				},
+				{ title: 'Model Comparison', url: '/en/weather/compare' },
+				{ title: '14 Day Weather', url: '/en/weather/14-day' }
+			]
+		}
+	];
+
+	let selectedPath = $derived.by(() => {
+		for (const link of links) {
+			if (link.children) {
+				for (const l of link.children) {
+					if (page.url.pathname.includes(l.url) || page.url.pathname.includes(l.url + '/')) {
+						return l;
+					}
+				}
+			}
+			if (page.url.pathname === link.url || page.url.pathname === link.url + '/') {
+				return link;
+			}
+		}
+		return {};
+	});
+
+	let mobileNavOpened = $state(false);
+</script>
+
+<div class="mb-12 flex flex-col md:mb-24 md:flex-row">
+	<aside class="w-full md:w-1/6 md:max-w-[400px] md:min-w-[230px]">
+		<nav class="sticky top-0 flex flex-col p-6 pb-3 md:pr-3 md:pb-6">
+			<Button
+				variant="outline"
+				class="flex justify-start p-3 md:hidden"
+				onclick={() => {
+					mobileNavOpened = !mobileNavOpened;
+				}}
+			>
+				<svg
+					class="lucide lucide-chevrons-up-down mr-2"
+					xmlns="http://www.w3.org/2000/svg"
+					width="24"
+					height="24"
+					viewBox="0 0 24 24"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="2"
+					stroke-linecap="round"
+					stroke-linejoin="round"
+				>
+					<path d="m7 15 5 5 5-5" />
+					<path d="m7 9 5-5 5 5" />
+				</svg><b>{selectedPath.title}</b>
+			</Button>
+
+			<ul
+				class={`list-unstyled overflow-hidden duration-500 ${mobileNavOpened ? 'mt-2 max-h-[968px] md:max-h-[unset]' : 'max-h-0 md:max-h-[unset] '}`}
+			></ul>
+		</nav>
+	</aside>
+	<div
+		class="lg:max-w-unset flex flex-1 flex-col p-6 pt-0 md:max-w-[calc(100%-230px)] md:pt-6 md:pl-3"
+	>
+		{@render children?.()}
+	</div>
+</div>