following tutorial

2024-03-23 08:57:56 +01:00
parent d97457ccc7
commit ec72e14237
8 changed files with 74 additions and 152 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@ -1,13 +1,18 @@
 ---
+import Navigation from '../components/Navigation.astro';
+import Footer from '../components/Footer.astro';
+import Hamburger from '../components/Hamburger.astro';
+
 interface Props {
 	title: string;
+	lang: string;
 }

-const { title } = Astro.props;
+const { title, lang } = Astro.props;
 ---

 <!doctype html>
-<html lang="en">
+<html lang={lang}>
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="description" content="Astro description" />
@ -17,35 +22,10 @@ const { title } = Astro.props;
 		<title>{title}</title>
 	</head>
 	<body>
+		<Hamburger />
+		<Navigation />
 		<slot />
+		<Footer />
 	</body>
 </html>
-<style is:global>
-	:root {
-		--accent: 136, 58, 234;
-		--accent-light: 224, 204, 250;
-		--accent-dark: 49, 10, 101;
-		--accent-gradient: linear-gradient(
-			45deg,
-			rgb(var(--accent)),
-			rgb(var(--accent-light)) 30%,
-			white 60%
-		);
-	}
-	html {
-		font-family: system-ui, sans-serif;
-		background: #13151a;
-		background-size: 224px;
-	}
-	code {
-		font-family:
-			Menlo,
-			Monaco,
-			Lucida Console,
-			Liberation Mono,
-			DejaVu Sans Mono,
-			Bitstream Vera Sans Mono,
-			Courier New,
-			monospace;
-	}
-</style>
+