2 files changed, 58 insertions, 0 deletions
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
new file mode 100644
index 0000000..8be53e0
--- /dev/null
+++ b/src/layouts/BaseLayout.astro
@@ -0,0 +1,40 @@
+---
+import '../styles/index.css';
+
+interface Props {
+  title: string;
+  description?: string;
+}
+
+const {
+  title,
+  description = "The personal website of Matthew Kosarek",
+} = Astro.props;
+---
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8">
+    <title>{title}</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href='https://fonts.googleapis.com/css?family=Noto Sans' rel='stylesheet'>
+    <link href="https://fonts.googleapis.com/css2?family=Audiowide&family=Dancing+Script:wght@400..700&display=swap" rel="stylesheet">
+    <link rel="shortcut icon" href="/favicon/favicon.ico" type="image/x-icon">
+    <meta name="description" content={description}>
+  </head>
+  <body>
+    <header>
+      <nav>
+        <ul>
+          <li><a href='/'>&#127969; Home</a></li>
+          <li><a href='/resume'>&#128216; CV</a></li>
+          <li><a href='/posts'>&#128221; Posts</a></li>
+        </ul>
+      </nav>
+    </header>
+    <slot />
+  </body>
+</html>
diff --git a/src/layouts/PostLayout.astro b/src/layouts/PostLayout.astro
new file mode 100644
index 0000000..31d0ac6
--- /dev/null
+++ b/src/layouts/PostLayout.astro
@@ -0,0 +1,18 @@
+---
+import BaseLayout from './BaseLayout.astro';
+import '../styles/post.css';
+
+interface Props {
+  title: string;
+}
+
+const { title } = Astro.props;
+---
+
+<BaseLayout title={title}>
+  <div class="org-article-title">
+    <h1>{title}</h1>
+    <a href="/posts/feed.xml">RSS Feed</a>
+  </div>
+  <slot />
+</BaseLayout>