From 39c61fe694a335437c0a33a712259dd410189772 Mon Sep 17 00:00:00 2001
From: jonathan <uuupah@gmail.com>
Date: Tue, 28 Mar 2023 15:37:11 +1030
Subject: [PATCH] add 'recent updates' section

---
 .eleventy.js                          |  5 +++++
 src/_includes/partials/link_tiles.njk |  2 +-
 src/_includes/styles.css              | 13 +++++++++++++
 src/index.md                          |  9 +++++++++
 4 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/.eleventy.js b/.eleventy.js
index 89c0128..7e377b0 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -26,6 +26,11 @@ module.exports = function (eleventyConfig) {
     return tagsList;
   });
 
+  // limit filter
+  eleventyConfig.addFilter("limit", function (array, limit) {
+    return array.slice(0, limit);
+  });
+
   // minify all html files
   eleventyConfig.addTransform("htmlmin", function (content) {
     if (this.page.outputPath && this.page.outputPath.endsWith(".html")) {
diff --git a/src/_includes/partials/link_tiles.njk b/src/_includes/partials/link_tiles.njk
index 433d838..e1284ca 100644
--- a/src/_includes/partials/link_tiles.njk
+++ b/src/_includes/partials/link_tiles.njk
@@ -1,5 +1,5 @@
 <div class="link_tiles_grid">
-    <a class="bouncy" href="{{ collections.post[-1].page.url }}">
+    <a href="{{ collections.post[-1].page.url }}">
         <img src="_assets/img/most_recent.jpg" alt="Mitsuami from the Splatoon manga saying 'pyo'. The image links to the most recent post on the website."/>
         newest!
     </a>
diff --git a/src/_includes/styles.css b/src/_includes/styles.css
index 15d503d..157f741 100644
--- a/src/_includes/styles.css
+++ b/src/_includes/styles.css
@@ -56,6 +56,8 @@ h2 {
 h3 {
   font-size: 1.2rem;
   color: var(--header-text);
+  margin-top: var(--line-padding);
+  margin-bottom: var(--line-padding);
 }
 
 /* Format links */
@@ -318,6 +320,17 @@ footer {
   }
 }
 
+.updates-field {
+  border: 2px solid var(--bg);
+  padding: 5px;
+  margin-top: var(--line-padding);
+  margin-bottom: var(--line-padding);
+}
+
+.updates-field p {
+  margin: 0;
+}
+
 /* body > footer {
   margin-top: 4rem;
   padding: 2rem 1rem 1.5rem 1rem;
diff --git a/src/index.md b/src/index.md
index 0a35ee5..2ff692e 100644
--- a/src/index.md
+++ b/src/index.md
@@ -5,6 +5,15 @@ title: becoming one with the slime
 
 hey what's up! my name is uuupah. im a twenty-something non-binary (they/them please!) software dev from australia plagued by a metaphysical urge to record my thoughts and feelings in meandering prose. i'm into exploring less mainstream music genres, character design and figure drawing, puzzle and movement videogames, old anime and rock climbing.
 
+### recent updates 
+
+<div class="updates-field">
+{% set updateslist = collections.post | reverse | limit(5) %}
+{% for post in updateslist %}
+    <p>{{ post.page.date.toLocaleDateString("en-UK") }} - [{{ post.data.title }}]({{post.filePathStem}}) [{{post.data.tags[0]}}]</p>
+{% endfor %}
+</div>
+
 ### pages
 
 {% include 'partials/link_tiles.njk' %}