Initial release 0.1.0

src/routes/verwaltung/+page.server.ts

@@ -0,0 +1,5 @@
+import { getTaxonomy } from '#lib/server/previews.js';
+
+export function load() {
+	return { taxonomy: getTaxonomy() };
+}

src/routes/verwaltung/+page.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+	import type { PageData } from './$types';
+	let { data }: { data: PageData } = $props();
+</script>
+
+<svelte:head><title>Verwaltung | Sendewerk</title></svelte:head>
+
+<div class="page-wrap narrow-page">
+	<header class="page-heading">
+		<p class="eyebrow">System & Struktur</p>
+		<h1>Verwaltung</h1>
+		<p class="page-intro">
+			Die bereits angelegte Taxonomie ist sichtbar; Bearbeitung und Benutzerverwaltung folgen mit
+			serverseitigen Rechten.
+		</p>
+	</header>
+	<div class="settings-grid">
+		<section class="quiet-panel taxonomy-panel">
+			<p class="eyebrow">Abschnittskategorien</p>
+			<h2>Struktur im Ablauf</h2>
+			<div class="taxonomy-list">
+				{#each data.taxonomy.categories as category (category.id)}<span
+						><i style={`--tax-color: ${category.color}`}></i>{category.name}</span
+					>{/each}
+			</div>
+		</section>
+		<section class="quiet-panel taxonomy-panel">
+			<p class="eyebrow">Formate</p>
+			<h2>Form des Stücks</h2>
+			<div class="taxonomy-list">
+				{#each data.taxonomy.formats as format (format.id)}<span>{format.name}</span>{/each}
+			</div>
+		</section>
+		<section class="quiet-panel taxonomy-panel">
+			<p class="eyebrow">Themen</p>
+			<h2>Inhaltliche Zuordnung</h2>
+			<div class="taxonomy-list">
+				{#each data.taxonomy.topics as topic (topic.id)}<span>{topic.name}</span>{/each}
+			</div>
+		</section>
+		<section class="quiet-panel planned-settings">
+			<p class="eyebrow">Etappe 2</p>
+			<h2>Konten & Rollen</h2>
+			<p>
+				Barkeeper, Thekencrew und technische Zugänge werden erst mit vollständiger Authentifizierung
+				verwaltbar.
+			</p>
+		</section>
+	</div>
+</div>