add 'recent updates' section

.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")) {

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>

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;

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' %}