added 404 page

JulienR1 · Jan 30, 2025 · 1894c23 · 1894c23
1 parent 6ac5af1
commit 1894c23
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/packages/web/src/layouts/Layout.astro b/packages/web/src/layouts/Layout.astro
@@ -54,6 +54,10 @@ if (Astro.props.title) {
 </html>
 
 <style>
+  html {
+    @apply text-slate-900;
+  }
+
   html,
   body {
     margin: 0;

diff --git a/packages/web/src/pages/404.astro b/packages/web/src/pages/404.astro
@@ -0,0 +1,25 @@
+---
+import Logo from "../components/Logo.astro";
+import Layout from "../layouts/Layout.astro";
+---
+
+<Layout title="404">
+  <div
+    class="flex items-center flex-col mt-[30%] max-w-52 mx-auto sm:flex-row sm:max-w-96 sm:gap-8"
+  >
+    <a
+      href="/"
+      title="Retour à l'accueil"
+      class="block w-24 h-24 sm:w-36 sm:h-36"
+    >
+      <Logo />
+    </a>
+    <div class="hidden sm:block w-[0.25rem] h-20 rounded bg-slate-900"></div>
+    <div
+      class="flex flex-col gap-2 mt-8 text-center sm:text-left sm:text-lg sm:mt-0"
+    >
+      <h2 class="font-bold text-5xl">404</h2>
+      <p>Impossible de trouver la page spécifiée.</p>
+    </div>
+  </div>
+</Layout>
-Original file line number
+Diff line change
@@ Expand Up / @@ -54,6 +54,10 @@ if (Astro.props.title) { @@
     </html>
     <style>
+      html {
+        @apply text-slate-900;
+      }
       html,
       body {
         margin: 0;
@@ Expand Down @@