src/routes/+error.svelte

@@ -0,0 +1,36 @@
+<script>
+	import { page } from '$app/stores'
+</script>
+
+{#if $page.status === 404}
+    <div class="flex flex-col items-center m-4 py-8">
+		<div
+			class="relative mb-[3.33vh] flex h-24 w-24 md:h-64 md:w-64 items-center justify-center bg-surface-800"
+		>
+			<img
+				class="object-fill"
+				src="/animations/travolta_confused.webp"
+				alt="Travolta Confused gif"
+			/>
+
+			<h1 class="h1 absolute leading-[5rem] text-white">404</h1>
+		</div>
+		<h2 class="h4 mb-2">
+			Bože můj, co tu děláte?
+		</h2>
+		<p>Tato stránka neexistuje, buď byla odstraněna nebo se jednoduše vytratila z vesmíru.</p>
+	</div>
+{:else}
+	<h2>{$page.status}</h2>
+
+	{#if $page.error}
+		<p class="subhead">{$page.error.message}</p>
+	{/if}
+
+	<p><strong>Promiňte!</strong> Stal se strašlivý omyl. Možná byste mohli zkusit nějaké z následujících stránek?</p>
+	<ul>
+		<li><a href="/">Domů</a></li>
+		<li><a href="/sluzby">Služby</a></li>
+		<li><a href="/kontakt">Projects</a></li>
+	</ul>
+{/if}