2 files changed, 44 insertions, 0 deletions
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
new file mode 100644
index 0000000..2ca1f25
--- /dev/null
+++ b/src/layouts/Layout.astro
@@ -0,0 +1,34 @@
+---
+interface Props {
+	title: string;
+	description: string;
+}
+
+const { title = "ShiftOS: The Archive", description } = Astro.props;
+import '../styles/style.css';
+---
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+    <link rel="icon" href="favicon.ico" type="image/x-icon">
+    
+    <!-- Default Metadata -->
+	<meta name="title" content={title} />
+	<meta name="description" content={description} />
+
+	<!-- Open Graph Metadata -->
+    <meta property="og:title" content={title} />
+	<meta property="og:description" content={description} />
+	<meta property="og:image" content="https://alee14.me/profile.png" />
+	<meta property="og:type" content="website" />
+    
+    <title>{title}</title>
+</head>
+<body>
+	<slot />
+</body>
+</html>
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
new file mode 100644
index 0000000..2cafa0c
--- /dev/null
+++ b/src/layouts/Page.astro
@@ -0,0 +1,10 @@
+---
+import Layout from '../layouts/Layout.astro';
+const { title, description } = Astro.props;
+---
+
+<Layout title={title} description={description}>
+    <div class="container">
+        <slot />
+    </div>
+</Layout>
+\ No newline at end of file