feat(init)!: create sulej.ch

src/routes/+error.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { page } from "$app/stores";
+  $: status = $page.status;
+</script>
+
+<h1>{status}</h1>
+<p>{$page.error?.message}</p>

src/routes/+layout.server.ts

@@ -0,0 +1 @@
+export const prerender = true;

src/routes/+layout.svelte

@@ -0,0 +1,14 @@
+<script>
+  import '../app.css';
+</script>
+
+<svelte:head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>sulej.ch</title>
+</svelte:head>
+
+<div style="height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: clamp(1rem, 1.5vw, 1.5rem); padding: clamp(0.5rem, 2vw, 1.5rem); font-size: clamp(1rem, 1rem + 1vw, 1.5rem);">
+  <slot />
+  
+</div>

src/routes/+page.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import About from "../lib/About.svelte";
+  import Footer from "../lib/Footer.svelte";
+  import Header from "../lib/Header.svelte";
+  import type { VersionInfo } from "../lib/version";
+
+  // Provide version info to footer from global defines
+  const versionInfo: VersionInfo = {
+    version: __APP_VERSION__,
+    commit: __APP_COMMIT__
+  };
+</script>
+
+<Header />
+<main>
+  <About />
+</main>
+
+<Footer {versionInfo} />