diff --git a/config.toml b/config.toml
index 7e9cf7b..72bf931 100644
--- a/config.toml
+++ b/config.toml
@@ -80,6 +80,10 @@ url = "/atom.xml"
 name = "Projects"
 url = "/projects"
 
+[[extra.menu]]
+name = "Archive"
+url = "/archive"
+
 [[extra.menu]]
 name = "Tags"
 url = "/tags"
diff --git a/content/pages/archive.md b/content/pages/archive.md
new file mode 100644
index 0000000..f0783f4
--- /dev/null
+++ b/content/pages/archive.md
@@ -0,0 +1,7 @@
++++
+title = "Archive"
+path = "archive"
+template = "archive.html"
+[extra]
+section = "_index.md"
++++
diff --git a/static/main.css b/static/main.css
index 6d1a9a4..aeefe1a 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1553,6 +1553,10 @@ body {
   padding-left: 1rem;
 }
 
+.pl-6 {
+  padding-left: 1.5rem;
+}
+
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -1569,6 +1573,10 @@ body {
   text-align: center;
 }
 
+.font-mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
diff --git a/templates/archive.html b/templates/archive.html
new file mode 100644
index 0000000..b0d3646
--- /dev/null
+++ b/templates/archive.html
@@ -0,0 +1,26 @@
+{% extends "index.html" %}<!---->
+{% block main %}<!---->
+
+<h1 class="mb-16">{{ page.title }}</h1>
+
+{% set section = get_section(path=page.extra.section) %}<!---->
+
+{% for year, posts in section.pages | group_by(attribute="year") %}
+<h2>{{ year }}</h2>
+
+<div class="not-prose pl-6">
+  <ul>
+    {% for post in posts %}
+    <li>
+      <div class="my-2 flex items-center justify-between">
+        <a class="no-underline" href="{{ post.permalink }}">{{ post.title }}</a>
+        <time class="font-mono text-sm opacity-60">{{ post.date | date(format="%m-%d") }}</time>
+      </div>
+    </li>
+    {% endfor %}
+  </ul>
+</div>
+
+{% endfor %}<!---->
+
+{% endblock main %}