diff --git a/src/includes/layout.liquid b/src/includes/layout.liquid
new file mode 100644
index 0000000..79524fb
--- /dev/null
+++ b/src/includes/layout.liquid
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport"
+    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>... Epiphany ... baby, it's cold outsite ...</title>
+  <!--suppress HtmlUnknownTarget -->
+  <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+<div class="site">
+  <header>
+    <h1>Epiphany</h1>
+
+    <nav class="main-nav">
+      <a href="/">index</a>
+      <a href="#">adoptions</a>
+      <a href="#">about</a>
+    </nav>
+  </header>
+
+  <main class="flow">
+    {{ content }}
+  </main>
+
+  <nav class="secondary-nav"></nav>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/index.liquid b/src/index.liquid
index 85003a8..15ef03a 100644
--- a/src/index.liquid
+++ b/src/index.liquid
@@ -1,60 +1,34 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport"
-    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>... Epiphany ... baby, it's cold outsite ...</title>
-  <!--suppress HtmlUnknownTarget -->
-  <link rel="stylesheet" href="/style.css">
-</head>
-<body>
-<div class="site">
-  <header>
-    <h1>Epiphany</h1>
+---
+layout: layout.liquid
+---
 
-    <nav class="main-nav">
-      <a href="/">index</a>
-      <a href="#">adoptions</a>
-      <a href="#">about</a>
-    </nav>
-  </header>
+<p>Hello and welcome to Epiphany Petz! This is a Petz 4 website.</p>
 
-  <main class="flow">
-    <p>Hello and welcome to Epiphany Petz! This is a Petz 4 website.</p>
+<div class="divide"></div>
 
-    <div class="divide"></div>
+<h2>Affiliate Sites</h2>
 
-    <h2>Affiliate Sites</h2>
+<p><a href="https://harvestpetz.neocities.org/" title="harvest"
+    target="_blank">scribble @ harvest</a></p>
 
-    <p><a href="https://harvestpetz.neocities.org/" title="harvest"
-        target="_blank">scribble @ harvest</a></p>
+<div class="divide"></div>
 
-    <div class="divide"></div>
+<h2>Updates</h2>
 
-    <h2>Updates</h2>
+<p><a href="/updates/">update archive</a></p>
 
-    <p><a href="/updates/">update archive</a></p>
+<h3>14 Nov 2022</h3>
 
-    <h3>14 Nov 2022</h3>
+<p>Christmas theme up (:</p>
 
-    <p>Christmas theme up (:</p>
+<h3>15 Mar 2022</h3>
 
-    <h3>15 Mar 2022</h3>
+<p>Epiphany has moved! I got my own domain a week or two ago and have
+  finally finished setting it up and moving Epiphany over. I also updated
+  the layout, so it doesn't use frames anymore, keeps things a bit cleaner.
+  I even learned a little jquery to do so *shudder*.</p>
 
-    <p>Epiphany has moved! I got my own domain a week or two ago and have
-      finally finished setting it up and moving Epiphany over. I also updated
-      the layout, so it doesn't use frames anymore, keeps things a bit cleaner.
-      I even learned a little jquery to do so *shudder*.</p>
-
-    <p><a href="https://punkfairie.net/" target="_blank">punkfairie.net</a> now
-      has my own personal site on it as well! It's been a looonggg time since
-      I've had a personal site, I'm super excited to have a little space again,
-      for whatever I feel like posting :)</p>
-  </main>
-
-  <nav class="secondary-nav"></nav>
-</div>
-</body>
-</html>
\ No newline at end of file
+<p><a href="https://punkfairie.net/" target="_blank">punkfairie.net</a> now
+  has my own personal site on it as well! It's been a looonggg time since
+  I've had a personal site, I'm super excited to have a little space again,
+  for whatever I feel like posting :)</p>
\ No newline at end of file
