feat: small page changes

src/index.html

@@ -14,7 +14,7 @@ permalink: /
     If you're interested, I have an <a href="/about">about page</a> all about me!
 </p>
 <section>
-    <header class="[ flow ]">
+    <header class="flow">
         <h2>Favourite posts</h2>
         <p>Hand-picked, curated selection of my favourite posts!</p>
     </header>
@@ -28,3 +28,44 @@ permalink: /
     {% set recentPosts = collections.post | reverse | limit(5) %}
     {{ list(recentPosts, "MM/DD/YYYY") }}
 </section>
+<section>
+    <header class="flow">
+        <h2>Other pages</h2>
+        <p>Some of my other pages you can check out!</p>
+    </header>
+    <ul class="[ cluster p-0 gap-0.5 list-none ]" role="list">
+        <li>
+            <a href="/about" class="button">About</a>
+        </li>
+        <li>
+            <a href="/posts" class="button">Posts</a>
+        </li>
+        <li>
+            <a href="/games" class="button">Games</a>
+        </li>
+        <li>
+            <a href="/watching" class="button">Watching</a>
+        </li>
+        <li>
+            <a href="/books" class="button">Books</a>
+        </li>
+        <li>
+            <a href="/webrings" class="button">Webrings</a>
+        </li>
+        <li>
+            <a href="/uses" class="button">/uses</a>
+        </li>
+        <li>
+            <a href="/now" class="button">/now</a>
+        </li>
+        <li>
+            <a href="/colophon" class="button">Colophon</a>
+        </li>
+        <li>
+            <a href="/styleguide" class="button">Styleguide</a>
+        </li>
+        <li>
+            <a href="/contact" class="button">Contact</a>
+        </li>
+    </ul>
+</section>

src/pages/about.md

@@ -5,6 +5,8 @@ description: All about me!
 
 # About me
 
+**See also**: [Stuff I use](/uses), my [contact info](/contact), or [what's happening now](/now).
+
 Hello! Ahoj! Welcome to my site!
 
 My name is **Devin Haska** and this is my little slice of the internet I call home.

src/pages/changelog.md

@@ -10,6 +10,16 @@ All the changes that are fit to read!
 
 If preferred, the [commit log is available here][commits].
 
+## January 24th, 2025
+
+- Upgraded to [Eleventy v3](https://www.11ty.dev/blog/eleventy-v3/)!
+- A design refresh! The overall look-and-feel is the same, but I added some playful animations here and there.
+- Restructured my catalogue by breaking sub-categories into their own sections.
+- Removed the Podcasts and Comics catalogues. Podcasts has its own respective page now that I plan to update occasionally.
+- Added [Games](/games)!
+- Added [Movies](/watching/movies/recent)!
+- Added [Shows](/watching/shows/recent)!
+
 ## September 29th 2024
 
 - Switched to [Cloudflare Pages](https://pages.cloudflare.com/) for deployments and hosting.

src/pages/now.html

@@ -6,35 +6,6 @@ description: What's going on now and all the latest with myself.
 {% set recentTrack = lastfm.recentTracks[0] %}
 <h1>/now</h1>
 <p>What am I doing right now? Everything on here is automatically generated from various data sources.</p>
-{% if recentTrack %}
-    <p>
-        🎶 <a href="{{ recentTrack.url }}"
-    target="_blank"
-    rel="external noreferrer noopener">{{ recentTrack.artist }} - {{ recentTrack.track }}</a>
-    </p>
-{% endif %}
-{% if lastfm.recentAlbums.length > 0 %}
-    <h2>💿 Albums</h2>
-    <ul class="[ media-grid square ][ p-0 ]" role="list">
-        {% for album in lastfm.recentAlbums %}
-            <li class="radius-0.5">
-                <a href="{{ album.url }}"
-                   target="_blank"
-                   rel="external noreferrer noopener">
-                    {% set textContent %}
-                        {{ album.artist }} - {{ album.album }}
-                    {% endset %}
-                    <p class="[ visually-hidden ]">{{ textContent }}</p>
-                    {% if album.imageUrl %}
-                        <img src="{{ album.imageUrl }}" alt="" />
-                    {% else %}
-                        <div class="text-only">{{ textContent }}</div>
-                    {% endif %}
-                </a>
-            </li>
-        {% endfor %}
-    </ul>
-{% endif %}
 {% if letterboxd.length > 0 %}
     <h2>🍿 Movies</h2>
     <ul class="[ media-grid ][ p-0 ]" role="list">