pages and imprint

src/lib/components/navigation/weather-nav.svelte

@@ -131,6 +131,36 @@
 		{/each}
 	</nav>
 
+	<!-- About / legal links (hidden when collapsed; the pages stay reachable
+	     via any expanded sidebar and the signup page footer) -->
+	{#if !collapsed}
+		<div class="px-4 py-3 text-[11px] leading-relaxed text-sidebar-foreground/60">
+			<a
+				class="hover:text-sidebar-foreground hover:underline"
+				href={resolve('/about')}
+				onclick={onMobileClose}>About</a
+			>
+			<span aria-hidden="true"> · </span>
+			<a
+				class="hover:text-sidebar-foreground hover:underline"
+				href={resolve('/legal/imprint')}
+				onclick={onMobileClose}>Imprint</a
+			>
+			<span aria-hidden="true"> · </span>
+			<a
+				class="hover:text-sidebar-foreground hover:underline"
+				href={resolve('/legal/privacy')}
+				onclick={onMobileClose}>Privacy</a
+			>
+			<span aria-hidden="true"> · </span>
+			<a
+				class="hover:text-sidebar-foreground hover:underline"
+				href={resolve('/legal/terms')}
+				onclick={onMobileClose}>Terms</a
+			>
+		</div>
+	{/if}
+
 	<!-- Collapse toggle (desktop sidebar only; the mobile drawer omits onToggle) -->
 	{#if onToggle}
 		<div class="border-t border-sidebar-border px-2 py-3">