frontend: add svelte frontend

2025-07-20 23:51:54 -06:00
parent a01ec82833
commit 7a2b0fd4d6
40 changed files with 17358 additions and 349 deletions
@@ -0,0 +1,57 @@
+<script lang="ts">
+	//import Header from './Header.svelte';
+	import '../app.css';
+
+	let { children } = $props();
+</script>
+
+<div class="app">
+	<!--<Header />-->
+
+	<main>
+		{@render children()}
+	</main>
+
+	<!--<footer>
+		<p>
+			visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to learn about SvelteKit
+		</p>
+	</footer>-->
+</div>
+
+<style>
+	.app {
+		display: flex;
+		flex-direction: column;
+		min-height: 100vh;
+	}
+
+	main {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		padding: 1rem;
+		width: 100%;
+		max-width: 64rem;
+		margin: 0 auto;
+		box-sizing: border-box;
+	}
+
+	footer {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		padding: 12px;
+	}
+
+	footer a {
+		font-weight: bold;
+	}
+
+	@media (min-width: 480px) {
+		footer {
+			padding: 12px 0;
+		}
+	}
+</style>