diff --git a/archives.html b/archives.html
index 39c8752..620a2bf 100644
--- a/archives.html
+++ b/archives.html
@@ -1,50 +1,8 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>{{ title }} | Redacted Life</title>
-	<link href="assets/css/index.css" rel="stylesheet" type="text/css">
-	<link rel="stylesheet" href="assets/plyr/plyr.css" />
-</head>
-
-<body>
-	<img src="assets/images/cloud.svg" class="clouds" id="cloud1" />
-	<img src="assets/images/cloud.svg" class="clouds" id="cloud2" />
-	<div class="top_bg"></div>
-	<div class="bottom_bg"></div>
-	<div class="top">
-		<div class="wrapper">
-			<div class="content">
-				<h1>Redacted Life</h1>
-				<ul>
-				{% for episode in episodes %}
-					<li><a href="{{ episode.slug }}">{{ episode.title }}</a></li>
-				{% endfor %}
-			</div>
-		</div>
-	</div>
-	<div class="bottom">
-		<div class="wrapper">
-			<div class="content">
-				<a class="button" href="feed.xml">Subscribe</a>
-				<a class="button" href="mailto:hello@redacted.life">Contact</a>
-				<a class="button" href="archives.html">Archives</a>
-			</div>
-			<footer>
-				Designed by <a href="https://webionite.com">Ceda EI</a><br />
-				Source available on <a href="https://git.webionite.com/ceda_ei/redacted.life">Webionite</a><br />
-				Licensed under <a href="https://git.webionite.com/ceda_ei/redacted.life/src/branch/master/LICENSE">MIT</a>
-			</footer>
-		</div>
-	</div>
-	<script src="assets/plyr/plyr.js"></script>
-	<script>
-const player = new Plyr("#player", {
-	iconUrl: "assets/plyr/plyr.svg",
-});
-	</script>
-</body>
-
-</html>
+{% extends "base.html" %}
+{% block left_content %}
+<h1>Redacted Life</h1>
+<ul>
+{% for episode in episodes %}
+	<li><a href="{{ episode.slug }}">{{ episode.title }}</a></li>
+{% endfor %}
+{% endblock %}
diff --git a/base.html b/base.html
new file mode 100644
index 0000000..6e09cd7
--- /dev/null
+++ b/base.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>{{ title }} | Redacted Life</title>
+	<link href="assets/css/index.css" rel="stylesheet" type="text/css">
+	<link rel="stylesheet" href="assets/plyr/plyr.css" />
+</head>
+
+<body>
+	<img src="assets/images/cloud.svg" class="clouds" id="cloud1" />
+	<img src="assets/images/cloud.svg" class="clouds" id="cloud2" />
+	<div class="top_bg"></div>
+	<div class="bottom_bg"></div>
+	<div class="top">
+		<div class="wrapper">
+			<div class="content">
+				{% block left_content %}
+				<h1>Redacted Life</h1>
+				{% endblock %}
+			</div>
+		</div>
+	</div>
+	<div class="bottom">
+		<div class="wrapper">
+			<div class="content">
+				<a class="button" href="feed.xml">Subscribe</a>
+				<a class="button" href="mailto:hello@redacted.life">Contact</a>
+				<a class="button" href="archives.html">Archives</a>
+			</div>
+			<footer>
+				Designed by <a href="https://webionite.com">Ceda EI</a><br />
+				Source available on <a href="https://git.webionite.com/ceda_ei/redacted.life">Webionite</a><br />
+				Licensed under <a href="https://git.webionite.com/ceda_ei/redacted.life/src/branch/master/LICENSE">MIT</a>
+			</footer>
+		</div>
+	</div>
+	<script src="assets/plyr/plyr.js"></script>
+	<script>
+const player = new Plyr("#player", {
+	iconUrl: "assets/plyr/plyr.svg",
+});
+	</script>
+</body>
+
+</html>
diff --git a/index.html b/index.html
index 340e489..2f5a502 100644
--- a/index.html
+++ b/index.html
@@ -1,55 +1,13 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>{{ title }} | Redacted Life</title>
-	<link href="assets/css/index.css" rel="stylesheet" type="text/css">
-	<link rel="stylesheet" href="assets/plyr/plyr.css" />
-</head>
-
-<body>
-	<img src="assets/images/cloud.svg" class="clouds" id="cloud1" />
-	<img src="assets/images/cloud.svg" class="clouds" id="cloud2" />
-	<div class="top_bg"></div>
-	<div class="bottom_bg"></div>
-	<div class="top">
-		<div class="wrapper">
-			<div class="content">
-				<h1>Redacted Life</h1>
-				<div class="player">
-					<video id="player" poster="{{ thumbnail_src }}" controls>
-						<source src="{{ video_src }}" type="video/mp4" />
-					</video>
-				</div>
-				<details class="shownotes">
-					<summary>Show Notes</summary>
-					{{ show_notes }}
-				</details>
-			</div>
-		</div>
-	</div>
-	<div class="bottom">
-		<div class="wrapper">
-			<div class="content">
-				<a class="button" href="feed.xml">Subscribe</a>
-				<a class="button" href="mailto:hello@redacted.life">Contact</a>
-				<a class="button" href="archives.html">Archives</a>
-			</div>
-			<footer>
-				Designed by <a href="https://webionite.com">Ceda EI</a><br />
-				Source available on <a href="https://git.webionite.com/ceda_ei/redacted.life">Webionite</a><br />
-				Licensed under <a href="https://git.webionite.com/ceda_ei/redacted.life/src/branch/master/LICENSE">MIT</a>
-			</footer>
-		</div>
-	</div>
-	<script src="assets/plyr/plyr.js"></script>
-	<script>
-const player = new Plyr("#player", {
-	iconUrl: "assets/plyr/plyr.svg",
-});
-	</script>
-</body>
-
-</html>
+{% extends "base.html" %}
+{% block left_content %}
+<h1>Redacted Life</h1>
+<div class="player">
+	<video id="player" poster="{{ thumbnail_src }}" controls>
+		<source src="{{ video_src }}" type="video/mp4" />
+	</video>
+</div>
+<details class="shownotes">
+	<summary>Show Notes</summary>
+	{{ show_notes }}
+</details>
+{% endblock %}
