From b0b463bea6e7c5e2f849fbe458fc8b187555a36d Mon Sep 17 00:00:00 2001
From: matthieu42morin <matthieu.bernard.morin@gmail.com>
Date: Mon, 29 Apr 2024 15:42:29 +0200
Subject: [PATCH] update err list, styles

---
 src/routes/+error.svelte | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index e7c3f2d..8217f8d 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -3,7 +3,7 @@
 </script>
 
 {#if $page.status === 404}
-	<div class="flex flex-col items-center m-4 py-8">
+	<div class="flex flex-col items-center m-4 py-8 space-y-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"
 		>
@@ -15,13 +15,18 @@
 
 			<h1 class="h1 absolute leading-[5rem] text-white">404</h1>
 		</div>
-		<h2 class="h4 mb-2">
+		<h4 class="flex text-center justify-center w-1/2">
 			? My God, what are you doing here, this page doesn't exist and so on and so on.
-		</h2>
+		</h4>
 		<p>
 			This site either never existed or just suddenly committed disappearance from this
-			universe.
+			universe after I changed something.
 		</p>
+		<h5>Maybe try one of these links?</h5>
+		<ul>
+			<li><a href="/">Home</a></li>
+			<li><a href="/projects">Projects</a></li>
+		</ul>
 	</div>
 {:else}
 	<h2>{$page.status}</h2>
@@ -32,8 +37,7 @@
 
 	<p><strong>Sorry!</strong> A grave error has occured. Maybe try one of these links?</p>
 	<ul>
-		<li><a href="/">Home</a></li>
-		<li><a href="/blog">Blog</a></li>
-		<li><a href="/projects">Projects</a></li>
+		<li><a class="link link-accent" href="/">Home</a></li>
+		<li><a class="link link-accent" href="/projects">Projects</a></li>
 	</ul>
 {/if}