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/index.html

@@ -5,26 +5,69 @@ permalink: /
 
 {% from "macros/posts.njk" import list %}
 <h1>Ahoj!</h1>
-<p>Hello! My name is Devin.</p>
-<p>I'm a creative developer who specializes in web and mobile development.</p>
 <p>
-    Welcome to my little slice of the internet. I like to <a href="/posts">write</a> and <a href="/catalogue">catalogue</a> things. There's a lot to explore, and I hope you have fun!
+    Hello! My name is Devin. I'm a creative web developer in <a href="https://en.wikipedia.org/wiki/Victoria,_British_Columbia"
+    target="_blank">Victoria, British Columbia</a>. If you want to learn more about me, check out my <a href="/about">about page</a>.
 </p>
 <p>
-    If you're interested, I have an <a href="/about">about page</a> all about me!
+    I like to <a href="/posts">write</a> about <a href="/games">games</a>, <a href="/books">books</a>, and <a href="/movies">movies</a> to name a few things. There's a lot to explore, and I hope you have fun!
 </p>
-<section>
-    <header class="[ flow ]">
+<section class="flow-space-2">
+    <header class="flow">
         <h2>Favourite posts</h2>
-        <p>Hand-picked, curated selection of my favourite posts!</p>
+        <p class="flow-space-0.25">Hand-picked, curated selection of my favourite posts!</p>
     </header>
     {% set favouritePosts = collections.post | filterFavourites | reverse %}
     {{ list(favouritePosts, "MM/DD/YYYY") }}
 </section>
-<section>
+<section class="flow-space-2">
     <header>
         <h2>Recent posts</h2>
     </header>
     {% set recentPosts = collections.post | reverse | limit(5) %}
     {{ list(recentPosts, "MM/DD/YYYY") }}
 </section>
+<section class="flow-space-2">
+    <header class="flow">
+        <h2>Other pages</h2>
+        <p class="flow-space-0.25">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>
+        <li>
+            <a href="/podroll" class="button">Podroll</a>
+        </li>
+    </ul>
+</section>