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/css/blocks/media-grid.css

@@ -0,0 +1,100 @@
+.media-grid {
+  --column-count: 5;
+  --aspect-ratio: 0.67;
+
+  display: grid;
+  grid-template-columns: repeat(var(--column-count), minmax(0, 1fr));
+
+  li {
+    border: 1px solid var(--color-shadow);
+    overflow: hidden;
+    position: relative;
+
+    a {
+      color: var(--color-white);
+
+      picture {
+        height: 100%;
+
+        img {
+          aspect-ratio: var(--aspect-ratio);
+          border-radius: 0;
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+          transition: transform 0.3s ease;
+        }
+      }
+
+      .text-only {
+        aspect-ratio: var(--aspect-ratio);
+        overflow: hidden;
+      }
+    }
+  }
+
+  .meta {
+    background: linear-gradient(transparent, var(--color-shadow) 90%);
+    bottom: 0;
+    height: 100%;
+    position: absolute;
+    transition: opacity 0.3s ease;
+    width: 100%;
+
+    .meta-text {
+      text-shadow: 1px 1px 2px var(--color-black);
+      transition: transform 0.3s var(--transition-bounce);
+    }
+  }
+}
+
+.media-grid--square {
+  --aspect-ratio: 1;
+}
+
+@media (hover: hover) {
+  .media-grid {
+    li {
+      a {
+        .meta {
+          opacity: 0;
+
+          .meta-text {
+            transition-delay: 0.05s;
+            transform: translateY(var(--spacing-1));
+          }
+        }
+      }
+
+      a:hover {
+        img {
+          transform: scale(1.05);
+        }
+
+        .meta {
+          opacity: 1;
+
+          .meta-text {
+            transform: translateY(0);
+          }
+        }
+      }
+    }
+  }
+}
+
+.media-grid.square {
+  --aspect-ratio: 1;
+}
+
+@container (max-width: 32rem) {
+  .media-grid {
+    --column-count: 3;
+  }
+}
+
+@container (max-width: 24rem) {
+  .media-grid {
+    --column-count: 2;
+  }
+}