Create a central webpage for projects and likewise

Change-Id: If5b218fcb7cd223029bccdfac5ee9ea4e86ddf38
Reviewed-on: https://git.clicks.codes/c/Coded/thecoded.prof/+/673
Reviewed-by: Samuel Shuert <coded@clicks.codes>
Tested-by: Samuel Shuert <coded@clicks.codes>
diff --git a/sites/main/src/layouts/Layout.astro b/sites/main/src/layouts/Layout.astro
new file mode 100644
index 0000000..9ac61b0
--- /dev/null
+++ b/sites/main/src/layouts/Layout.astro
@@ -0,0 +1,30 @@
+---
+interface Props {
+	title: string;
+}
+
+const { title } = Astro.props;
+---
+
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="description" content="Samuel Shuert's main site" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<meta name="generator" content={Astro.generator} />
+		<title>{title}</title>
+	</head>
+	<body class="bg-mantle flex justify-center">
+		<main class="flex justify-center my-4 mx-4 w-full flex-col gap-2 lg:w-[1024px]">
+			<slot />
+		</main>
+	</body>
+</html>
+<style is:global>
+	@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');
+	:root {
+		font-family: 'Fira Code', sans-serif;
+	}
+</style>