Better error message page

2023-12-22 12:43:48 +01:00 · 2023-12-22 12:43:48 +01:00 · fbad879acb
commit fbad879acb
parent eac85ec934
1 changed files with 41 additions and 3 deletions
--- 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>
+<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>