refactor index page in page layout, added 404 page, footer is at bottom

2023-05-19 15:16:55 +02:00 · 2023-05-19 15:16:55 +02:00 · 2d1ab2bce1
commit 2d1ab2bce1
parent e0413f82fe
4 changed files with 47 additions and 20 deletions
--- a/src/layouts/page.astro
+++ b/src/layouts/page.astro
@ -0,0 +1,26 @@
+---
+import Footer from "../components/footer.astro";
+
+interface Props {
+    title?: string;
+}
+
+let { title } = Astro.props;
+
+title = title !== undefined ? `${title} - ` : title;
+---
+
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+        <meta name="viewport" content="width=device-width" />
+        <title>{title}Philippe Loctaux</title>
+    </head>
+    <body class="flex flex-col min-h-screen bg-gray-900 text-white">
+        <div class="flex-grow">
+            <slot />
+        </div>
+        <Footer />
+    </body>
+</html>