From c4705a142c142f28f36a58113c6692d93cfbd732 Mon Sep 17 00:00:00 2001
From: Devin Haska <wonderfulfrog@users.noreply.github.com>
Date: Fri, 23 Feb 2024 12:13:05 -0800
Subject: [PATCH] feat: update posts page

---
 src/_includes/macros/posts.njk |  2 +-
 src/posts.html                 | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/_includes/macros/posts.njk b/src/_includes/macros/posts.njk
index 774809b..2161155 100644
--- a/src/_includes/macros/posts.njk
+++ b/src/_includes/macros/posts.njk
@@ -1,5 +1,5 @@
 {% macro list(posts) %}
-<ul class="[ list-none p-0 flow mt-1 mb-0 flow-space-0.25 ]">
+<ul class="[ flow list-none m-0 p-0 flow-space-0.25 ]">
     {% for post in posts %}
         <li class="[ flex flex-wrap column-gap-1 row-gap-0 ]">
             <div>
diff --git a/src/posts.html b/src/posts.html
index 3d75d41..bab3240 100644
--- a/src/posts.html
+++ b/src/posts.html
@@ -4,9 +4,17 @@ permalink: /posts/index.html
 title: Posts
 ---
 
+{% from "macros/posts.njk" import list %}
 <h1>All posts</h1>
 <p>
     Browse all of my posts, or narrow things down <a href="/tags">via tags</a>.
 </p>
-{% set items = collections.post | reverse %}
-{% include "partials/archive.html" %}
+{% set itemsByYear = collections.post | reverse | organizeByDate %}
+{% set years = itemsByYear | keys | sort("desc") %}
+<section class="[ flow ]">
+    {% for year in years %}
+        {% set itemsInYear = itemsByYear[year] %}
+        <h2>{{ year }}</h2>
+        <div class="[ items ] [ flex-col gap-0.25 ]">{{ list(itemsInYear) }}</div>
+    {% endfor %}
+</section>