feat: error page

Eveeifyeve · Jan 4, 2025 · 28014c6 · 28014c6
1 parent a390318
commit 28014c6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/layout/error.astro b/src/layout/error.astro
@@ -2,13 +2,14 @@
 // Layout Properties
 const { Errorcode, Message } = Astro.props.frontmatter || Astro.props;
 ---
-
-<div class="error">
-    <h1 class="text">{Errorcode}</h1>
-    <p class="text">{Message}</p>
-    <a class="text" href="/">Back to Home Page</a>
+<body class="bg-[#151515] w-screen h-screen">
+	<div class="absolute inset-0 -z-10 h-full w-full bg-[radial-gradient(#2a2e2e_1px,transparent_1px)] bg-[size:14px_24px]"><div class="absolute left-1/4 top-1/4 -z-5 m-auto h-3/6 w-1/2 rounded-full bg-gradient-to-r from-red-900 to-orange-900 opacity-50 blur-[120px]"></div></div>
+	<div class="error flex flex-col justify-center align-middle h-full w-full items-center space-x-2">
+		<h1 class="text-5xl font-medium from-stone-700 to-orange-800 opacity-60 blur-[150%] text-transparent bg-gradient-to-r bg-clip-text">{Errorcode}</h1>
+    <p class="text-gray-300 opacity-50">{Message}</p>
+    <a class="text-white pt-4 hover:text-blue-300" href="/">Back to Home Page</a>
 </div>
-
+</body>
 <style>
     .text {
         @apply text-white justify-center items-center;

diff --git a/src/pages/404.md b/src/pages/404.md
@@ -1,5 +1,5 @@
 ---
 layout: ../layout/error.astro
-ErrorCode: 404
+Errorcode: 404
 Message: Sorry the page wasn't found :/
 ---