src copy from Markus

2025-02-25 14:49:28 +01:00
parent 7f1ae4b407
commit 882603d075
60 changed files with 2306 additions and 6 deletions
--- a/tatort/src/routes/(angemeldet)/+layout.svelte
+++ b/tatort/src/routes/(angemeldet)/+layout.svelte
@@ -0,0 +1,96 @@
+<script>
+	import Chevron from '$lib/icons/Chevron-right.svelte';
+	import Login from '$lib/icons/Login.svelte';
+
+	export let data;
+</script>
+
+<div class="h-screen v-screen flex flex-col">
+	<div class="flex flex-col h-full">
+		<header class="flex-none relative isolate z-10 bg-white px-8">
+			<nav
+				class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8"
+				aria-label="Global"
+			>
+				<div class="flex w-48">
+					<a href="/" class="-m-1.5 p-1.5 w-10">
+						<span class="sr-only">Tatort Niedersachen</span>
+						<img class="h-8 w-auto" src="/Landeswappen_NI.svg" alt="Landeswappen Niedersachsen" />
+					</a>
+				</div>
+				<h1 class="text-3xl text-slate-400 font-bold">Tatort</h1>
+				<div class="lg:flex lg:justify-end w-48">
+					{#if data.user}
+						<form method="POST" action="/anmeldung?/logout">
+							<input type="hidden" />
+							<button type="submit" class="text-sm font-semibold leading-6 text-gray-900"
+								><span
+									><span class="align-middle inline-block">Abmelden</span><span
+										class="align-middle inline-block"><Chevron /></span
+									></span
+								></button
+							>
+						</form>
+					{/if}
+				</div>
+			</nav>
+		</header>
+		<div class="h-full grow overflow-scroll">
+			<slot />
+		</div>
+		<div class="flex-none">
+			<footer class="justify-end">
+				<div class="bg-gray-100">
+					<div class="mx-auto max-w-7xl px-6 lg:px-8">
+						<div class="flex justify-between divide-x divide-gray-900/5 border-x border-gray-900/5">
+							<a
+								href="/list"
+								class="px-4 py-1 -ml-4 flex items-center justify-center gap-x-2.5 text-sm font-semibold leading-6 text-gray-500 hover:bg-gray-200 hover:text-gray-700"
+							>
+								&copy; 2023 Innovation Hub Niedersachen
+							</a>
+							<a
+								href="#"
+								class="px-4 py-1 flex items-center justify-center gap-x-2.5 text-sm font-semibold leading-6 text-gray-500 hover:bg-gray-200 hover:text-gray-700"
+							>
+								<svg
+									class="h-5 w-5 flex-none text-gray-400"
+									viewBox="0 0 20 20"
+									fill="currentColor"
+									aria-hidden="true"
+								>
+									<path
+										fill-rule="evenodd"
+										d="M2 3.5A1.5 1.5 0 013.5 2h1.148a1.5 1.5 0 011.465 1.175l.716 3.223a1.5 1.5 0 01-1.052 1.767l-.933.267c-.41.117-.643.555-.48.95a11.542 11.542 0 006.254 6.254c.395.163.833-.07.95-.48l.267-.933a1.5 1.5 0 011.767-1.052l3.223.716A1.5 1.5 0 0118 15.352V16.5a1.5 1.5 0 01-1.5 1.5H15c-1.149 0-2.263-.15-3.326-.43A13.022 13.022 0 012.43 8.326 13.019 13.019 0 012 5V3.5z"
+										clip-rule="evenodd"
+									/>
+								</svg>
+								Contact sales
+							</a>
+							<a
+								href="#"
+								class="px-4 py-1 -mr-4 flex items-center justify-center gap-x-2.5 text-sm font-semibold leading-6 text-gray-500 hover:bg-gray-200 hover:text-gray-700"
+							>
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke-width="1.5"
+									stroke="currentColor"
+									class="w-6 h-6"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"
+									/>
+								</svg>
+								{data.user.id}
+							</a>
+						</div>
+					</div>
+				</div>
+			</footer>
+		</div>
+	</div>
+</div>