From 3e7e3447db92496e3c20031010ccbe7e44d36e78 Mon Sep 17 00:00:00 2001
From: Cassie Jones <code@witchoflight.com>
Date: Sat, 2 Nov 2019 17:04:51 -0400
Subject: [PATCH] Archive polish work

---
 .eleventy.js                 | 41 ++++++++++++++++++++++++++++++++++++
 _includes/layouts/layout.njk |  5 +++--
 archive.njk                  | 13 +++++++-----
 years.njk                    | 20 ++++++++++++++++++
 4 files changed, 72 insertions(+), 7 deletions(-)
 create mode 100644 years.njk

diff --git a/.eleventy.js b/.eleventy.js
index 38ba442..5b80ddb 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -14,13 +14,54 @@ module.exports = (eleventyConfig) => {
 
     eleventyConfig.addNunjucksShortcode("youtube", youtubeShortcode);
     eleventyConfig.addPairedNunjucksShortcode("tweet", tweetShortcode);
+
     eleventyConfig.addFilter("markdown", value => md.renderInline(value));
+    eleventyConfig.addFilter("groupby", groupbyFilter);
+
+    eleventyConfig.addCollection("years", collection => {
+        const posts = collection.getFilteredByTag("posts");
+        const items = groupby(posts, item => item.date.getFullYear());
+        console.log(items);
+        return items.reduce((obj, [k, v]) => (obj[k] = v, obj), {});
+    });
 
     return {
         markdownTemplateEngine: "njk",
     };
 };
 
+function access(item, path) {
+    const segments = path.split(".");
+    for (const seg of segments) {
+        if (item === undefined) { return null; }
+        if (seg.endsWith("()")) {
+            const method = item[seg.slice(0, -2)];
+            if (method === undefined) { return null; }
+            item = method.bind(item)();
+        } else {
+            item = item[seg];
+        }
+    }
+    return item;
+}
+
+function groupby(items, keyFn) {
+    const results = [];
+    for (const item of items) {
+        const key = keyFn(item);
+        if (results.length == 0 || key != results[results.length-1][0]) {
+            results.push([key, [item]]);
+        } else {
+            results[results.length-1][1].push(item);
+        }
+    }
+    return results;
+}
+
+function groupbyFilter(items, path) {
+    return groupby(items, item => access(item, path));
+}
+
 function youtubeShortcode(items, inWidth, inHeight) {
     const width = items.width || inWidth || 560;
     const height = items.height || inHeight || 315;
diff --git a/_includes/layouts/layout.njk b/_includes/layouts/layout.njk
index 3d9dea3..5ba4f22 100644
--- a/_includes/layouts/layout.njk
+++ b/_includes/layouts/layout.njk
@@ -4,8 +4,9 @@
     <meta charset="utf8">
     <title>Witch of Light</title>
     <style>
+* { box-sizing: border-box; }
 html { font-size: 1.4em; line-height: 1.5; color: #444; }
-body { padding: 1em; max-width: 700px; margin: 0 auto; }
+body { padding: 1em; max-width: 700px; margin: 0 auto; min-height: 100vh; }
 body header { margin-bottom: 1em; }
 body footer { margin-top: 1em; }
 h1 { margin: 0; }
@@ -36,7 +37,7 @@ blockquote { border-left: solid 10px #bbb; padding-left: 1em; margin-left: 1em;
     </header>
     {{ content | safe }}
     <div class="spacer"></div>
-    <footer>
+    <footer class="row flex-center">
         Copyright &copy; 2019 Cassie Jones.
         - <a href="https://twitter.com/porglezomp">@porglezomp</a>
     </footer>
diff --git a/archive.njk b/archive.njk
index 266620d..fc821ae 100644
--- a/archive.njk
+++ b/archive.njk
@@ -2,12 +2,15 @@
 layout: "layouts/layout.njk"
 ---
 
-<ul class="ls-none">
-{% for post in collections.posts | reverse %}
-    <li class="row">
+{% for year, group in collections.posts | reverse | groupby("date.getFullYear()") %}
+<section>
+    <h2><a class="c-sun dec-none" href="/{{ year }}">{{ year }}</a></h2>
+    {% for post in group %}
+    <article class="row">
         <a class="c-sun" href="{{ post.url }}">{{ post.data.title }}</a>
         <div class="spacer"></div>
         <i class="dim">{{ post.date | date('MMM DD') }}</i>
-    </li>
+    </article>
+    {% endfor %}
+</section>
 {% endfor %}
-</ul>
diff --git a/years.njk b/years.njk
new file mode 100644
index 0000000..df2d724
--- /dev/null
+++ b/years.njk
@@ -0,0 +1,20 @@
+---
+layout: "layouts/layout.njk"
+pagination:
+    data: collections.years
+    size: 1
+    alias: year
+permalink: /{{ year }}/index.html
+---
+
+<h2>{{ year }}</h2>
+
+<ul class="ls-none">
+{% for post in collections.years[year] | reverse %}
+    <li>
+        <h2><a class="c-sun" href="{{ post.url }}">{{ post.data.title }}</a></h2>
+        <i class="dim">{{ post.date | date("YYYY-MM-DD") }}</i>
+        <p>{{ post.data.summary | markdown | safe }}</p>
+    </li>
+{% endfor %}
+</ul>
-- 
2.43.2