Update to Eleventy v3 (#11)

* feat: upgrade to v3; install eleventy-upgrade-help

* feat: convert all files to esm

* feat: remove decapcms

* fix: remove unused filter

* feat: remove netlify packages

* feat: update image handling

- removes old image shortcode
- update to latest 11ty image transform plugin

* feat: update colophon

* fix: pill style; global style

Fixes an issue with <img> inside <figure> not being centered

* feat: remove linting packages

* feat: update package.json scripts

* feat: remove upgrade helper plugin

* feat: add new button style, update nav

* feat: simplify `pill` class usage

* feat: fix tag list in catalogue-item.html

* feat: move games into their own section

* feat: update node version to latest LTS

* feat: move books to their own section

* feat: move fun pages into pages dir

* feat: update index and book/game templates

* feat: add watching section

* fix: update scaling values for buttons

* feat: various css updates

* feat: update now page style

* feat: cleaning up newer posts using old shortcode

also adding markdown-it-attrs to add attrs to various markdown elements!

* fix: movie data structure

* feat: update colophon

* fix: remove text-skew from post excerpt text

* feat: add support for shows in /watching

* fix: update book tags

* feat: add complete implementation of books pages

other stuff happened too

* fix: image border-radius

* feat: update game layout and content

* feat: reorganize watching section

* feat: add contact page

* feat: small page changes

* feat: add podroll page

* feat: reorganize content directories

* feat: exclude podcasts from page output

* chore: delete guestbook page

* chore: remove bracket syntax for css classes in html

* feat: create macro for tag list

* fix: colophon update

* chore: remove last.fm data

* chore: clean up 11ty config

* fix: misc permalink fixes

* feat: add update post

* fix: media meta grid on mobile

* fix: tables on mobile

* fix: add titles to icon button links

* fix: add missing divider for movies/shows

* feat: add alternate feeds

* fix: tag cleanup

* feat: homepage content update

* fix: game meta data

* fix: update post dates

* feat: add missing link to changelog

src/_includes/partials/footer.html

@@ -1,9 +1,9 @@
-<footer class="[ bg-surface mt-1.5 py-1.5 ]">
-    <div class="[ wrapper flow ]">
-        <div class="[ repel ]">
+<footer class="bg-surface mt-1.5 py-1.5">
+    <div class="wrapper flow">
+        <div class="repel">
             <p>&copy; {{ meta.author }} 2018 - 2025.</p>
             <nav>
-                <ul class="[ cluster p-0 m-0 line-height-m ]" role="list">
+                <ul class="cluster p-0 m-0 line-height-m" role="list">
                     {% for link in navigation.bottom %}
                         <li>
                             <a href="{{ link.url }}">{{ link.text }}</a>
@@ -12,33 +12,40 @@
                 </ul>
             </nav>
         </div>
-        <div class="[ repel ]">
-            <nav class="[ flow-space-0.5 ]">
-                <ul class="[ menu ] [ cluster p-0 m-0 gap-0.5 ]" role="list">
+        <div class="repel">
+            <nav class="flow-space-0.5">
+                <ul class="cluster p-0 m-0 gap-0.5" role="list">
                     <li>
-                        <span class="[ visually-hidden ]">Feeds</span>
-                        <a href="/feeds" class="[ button ]" aria-label="View RSS feed">{% include "svgs/rss.svg" %}</a>
+                        <a href="/feeds"
+                           class="button button--alt"
+                           aria-label="Feeds"
+                           title="Feeds">{% include "svgs/rss.svg" %}</a>
+                    </li>
+                    <li>
+                        <a href="https://github.com/wonderfulfrog"
+                           class="button button--alt"
+                           target="_blank"
+                           rel="me external noreferrer noopener"
+                           title="GitHub"
+                           aria-label="GitHub">{% include "svgs/social-github.svg" %}</a>
+                    </li>
+                    <li>
+                        <a href="https://mastodon.social/@wonderfulfrog"
+                           class="button button--alt"
+                           target="_blank"
+                           rel="me external noreferrer noopener"
+                           title="Mastodon"
+                           aria-label="Mastodon">{% include "svgs/social-mastodon.svg" %}</a>
                     </li>
-                    {% for key, url in meta.social %}
-                        {% set alt = key | capitalize %}
-                        <li>
-                            <span class="[ visually-hidden ]">{{ alt }}</span>
-                            <a href="{{ url }}"
-                               class="[ button ]"
-                               target="_blank"
-                               rel="me external noreferrer noopener"
-                               aria-label="View {{ alt }} page">{% include "svgs/social-" + key + ".svg" %}</a>
-                        </li>
-                    {% endfor %}
                 </ul>
             </nav>
-            <ul class="[ cluster p-0 m-0 ]" role="list">
-                <li>
-                    <a href="/webrings">Webrings</a>
-                </li>
+            <ul class="cluster p-0 m-0" role="list">
                 <li>
                     <a href="/changelog">Changelog</a>
                 </li>
+                <li>
+                    <a href="/webrings">Webrings</a>
+                </li>
                 <li>
                     <a href="{{ meta.repoUrl }}"
                        target="_blank"