Initial release 0.1.0

src/routes/+layout.svelte

@@ -0,0 +1,82 @@
+<script lang="ts">
+	import '../app.css';
+	import { resolve } from '$app/paths';
+	import { page } from '$app/state';
+	import NavIcon from '#lib/components/NavIcon.svelte';
+	import ThemeToggle from '#lib/components/ThemeToggle.svelte';
+
+	let { children } = $props();
+	const navigation = [
+		{ href: '/eingang', label: 'Eingang', icon: 'inbox' },
+		{ href: '/fundus', label: 'Fundus', icon: 'library' },
+		{ href: '/sendungen', label: 'Sendungen', icon: 'shows' },
+		{ href: '/archiv', label: 'Archiv', icon: 'archive' },
+		{ href: '/verwaltung', label: 'Verwaltung', icon: 'settings' }
+	] as const;
+
+	function isActive(href: string) {
+		return (
+			page.url.pathname.startsWith(href) || (href === '/sendungen' && page.url.pathname === '/live')
+		);
+	}
+</script>
+
+<svelte:head>
+	<meta
+		name="description"
+		content="Sendewerk organisiert redaktionelle Inhalte und heinzlive-Sendungen."
+	/>
+</svelte:head>
+
+<div class="app-shell">
+	<aside class="sidebar">
+		<a class="brand" href={resolve('/fundus')} aria-label="Sendewerk Startseite">
+			<span class="brand-mark" aria-hidden="true"><i></i><i></i><i></i></span>
+			<span>Sendewerk</span>
+		</a>
+
+		<nav class="main-navigation" aria-label="Hauptnavigation">
+			{#each navigation as item (item.href)}
+				<a
+					href={resolve(item.href)}
+					class:active={isActive(item.href)}
+					aria-current={isActive(item.href) ? 'page' : undefined}
+				>
+					<NavIcon name={item.icon} />
+					<span>{item.label}</span>
+				</a>
+			{/each}
+		</nav>
+
+		<div class="sidebar-footer">
+			<ThemeToggle />
+			<div class="stage-indicator">
+				<span></span>
+				<div><strong>Etappe 1</strong><small>Lokaler Entwurf</small></div>
+			</div>
+		</div>
+	</aside>
+
+	<header class="mobile-header">
+		<a class="brand" href={resolve('/fundus')} aria-label="Sendewerk Startseite">
+			<span class="brand-mark" aria-hidden="true"><i></i><i></i><i></i></span>
+			<span>Sendewerk</span>
+		</a>
+		<ThemeToggle />
+	</header>
+
+	<main id="main-content">{@render children()}</main>
+
+	<nav class="mobile-navigation" aria-label="Hauptnavigation">
+		{#each navigation as item (item.href)}
+			<a
+				href={resolve(item.href)}
+				class:active={isActive(item.href)}
+				aria-current={isActive(item.href) ? 'page' : undefined}
+			>
+				<NavIcon name={item.icon} />
+				<span>{item.label}</span>
+			</a>
+		{/each}
+	</nav>
+</div>