From fbad879acbe8996479320e93d1441c1e19eb25c5 Mon Sep 17 00:00:00 2001
From: Alessio Davoli <davoli.alessio@webdeploy.it>
Date: Fri, 22 Dec 2023 12:43:48 +0100
Subject: [PATCH] Better error message page

---
 frontend/src/error.html | 44 ++++++++++++++++++++++++++++++++++++++---
 1 file changed, 41 insertions(+), 3 deletions(-)
diff --git a/frontend/src/error.html b/frontend/src/error.html
index 1e621bf..81badd8 100644
--- a/frontend/src/error.html
+++ b/frontend/src/error.html
@@ -1,3 +1,41 @@
-<h1>Game over</h1>
-<p>Code %sveltekit.status%</p>
-<p>%sveltekit.error.message%</p>
\ No newline at end of file
+<html>
+
+<head>
+    <style>
+        * {
+            box-sizing: border-box;
+        }
+
+        body {
+            background-image: url(/splash.webp);
+            background-size: cover;
+            display: grid;
+            place-content: center;
+            height: 100%;
+            font-size: 24px;
+            font-family: monospace;
+        }
+        .wrapper {
+            display: flex;
+            backdrop-filter: blur(5px);
+            border-radius: 10px;
+            border: 1px solid black;
+        }
+
+        #status {
+            border-right: 1px solid black;
+        }
+        p {
+            padding: 20px;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="wrapper">
+        <p id="status">Code %sveltekit.status%</p>
+        <p id="message">%sveltekit.error.message%</p>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
