diff --git a/layouts/devlog-archive.shtml b/layouts/devlog-archive.shtml
new file mode 100644
index 0000000..e9fb151
--- /dev/null
+++ b/layouts/devlog-archive.shtml
@@ -0,0 +1,24 @@
+<extend template="base.shtml">
+<head id="head">
+  <style>
+    .date {
+      font-size: 0.9em;
+    }
+    .title h3{
+      margin-top: 0;
+    }
+  </style>
+</head>
+<body id="body">
+  <h1 :text="$page.title"></h1>
+  <div :html="$page.content()"></div>
+  <div>
+    <h2>Past years</h2>
+    <div :loop="$page.subpages()">
+      <span class="date" :text="$loop.it.date.format('Year 2006')"></span>
+      <a class="title" href="$loop.it.link()">
+        <h3 :text="$loop.it.title"></h3>
+      </a>
+    </div>
+  </div>
+</body>
\ No newline at end of file
diff --git a/layouts/devlog.shtml b/layouts/devlog.shtml
new file mode 100644
index 0000000..c5eeb97
--- /dev/null
+++ b/layouts/devlog.shtml
@@ -0,0 +1,45 @@
+<extend template="base.shtml">
+<head id="head">
+  <style>
+    .feed {
+      margin-top: 2em;
+    }
+
+    .feed>div {
+      margin: 0 -20px;
+      padding: 5px 20px;
+      margin-bottom: 1em;
+    }
+
+    .feed>div>h2 {
+      margin-top: 0.4em;
+    }
+
+    .feed>div[id]:target {
+      animation: pulse-div 2s ease-in-out 1 forwards;
+    }
+
+    @keyframes pulse-div {
+
+      0%,
+      100% {
+        background-color: #222;
+      }
+
+      50% {
+        background-color: #111;
+      }
+    }
+  </style>
+</head>
+<body id="body">
+  <h1 class="title" :text="$page.title"></h1>
+  <div :html="$page.contentSection('about')"></div>
+  <div class="feed" :loop="$page.contentSections().slice(1)">
+    <div id="$loop.it.id">
+      <span :text="$loop.it.id.parseDate().format('January 02, 2006')"></span>
+      <h2><a href="$loop.it.id.prefix('#')" :html="$loop.it.heading()"></a></h2>
+      <ctx :html="$loop.it.htmlNoHeading()"></ctx>
+    </div>
+  </div>
+</body>
\ No newline at end of file
diff --git a/layouts/devlog.xml b/layouts/devlog.xml
new file mode 100644
index 0000000..ebde99f
--- /dev/null
+++ b/layouts/devlog.xml
@@ -0,0 +1,21 @@
+<rss version="2.0">
+  <channel>
+    <title :text="$site.title"></title>
+    <link :text="$site.host_url"></link>
+    <description :text="$site.title.suffix(' - Devlog')"></description>
+    <generator>Zine -- https://zine-ssg.io</generator>
+    <language>en-US</language>
+    <lastBuildDate :text="$build.generated.formatHTTP()"></lastBuildDate>
+    <ctx :if="$page.subpages().first?()">
+      <ctx :loop="$if.contentSections().slice(1)">
+        <item>
+          <title :text="$loop.it.heading()"></title>
+          <description :text="$loop.it.html()"></description>
+          <link :text="$site.host_url.addPath($page.link().suffix('#', $loop.it.id))"></link>
+          <pubDate :text="$loop.it.id.parseDate().formatHTTP()"></pubDate>
+          <guid :text="$site.host_url.addPath($page.link().suffix('#', $loop.it.id))"></guid>
+        </item>
+      </ctx>
+    </ctx>
+  </channel>
+</rss>
diff --git a/layouts/templates/base.shtml b/layouts/templates/base.shtml
index d2619c7..6730224 100644
--- a/layouts/templates/base.shtml
+++ b/layouts/templates/base.shtml
@@ -21,6 +21,10 @@
       •
       <a href="https://github.com/neurocyte/flow-nightly/releases/latest">Nightly Builds</a>
       •
+      <ctx :if="$site.page('devlog').subpages().first?()">
+        <a href="$if.link()">Devlog</a>
+        •
+      </ctx>
       <a href="https://git.flow-control.dev/neurocyte/flow">Source</a>
       •
       <a href="https://discord.com/invite/4wvteUPphx">Discord</a>
