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/pages/now.html

@@ -6,49 +6,28 @@ 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>
-                <a href="{{ album.url }}"
-                   target="_blank"
-                   rel="external noreferrer noopener">
-                    {% set textContent %}
-                        {{ album.artist }} - {{ album.album }}
-                    {% endset %}
-                    <p class="[ visually-hidden ]">{{ textContent }}</p>
-                    {% image album.imageUrl, "", "", "", textContent %}
-                </a>
-            </li>
-        {% endfor %}
-    </ul>
-{% endif %}
 {% if letterboxd.length > 0 %}
     <h2>🍿 Movies</h2>
-    <ul class="[ media-grid poster ][ p-0 ]" role="list">
+    <ul class="media-grid p-0" role="list">
         {% for movie in letterboxd %}
-            <li>
+            <li class="radius-0.5">
                 <a href="{{ movie.url }}"
                    target="_blank"
                    rel="external noreferrer noopener">
                     {% set textContent %}
                         {{ movie.title }}
                     {% endset %}
-                    <p class="[ visually-hidden ]">{{ movie.title }}</p>
-                    {% image movie.imgSrc, "", "", "" , textContent %}
+                    <p class="visually-hidden">{{ movie.title }}</p>
+                    {% if movie.imgSrc %}
+                        <img src="{{ movie.imgSrc }}" alt="" />
+                    {% else %}
+                        <div>{{ textContent }}</div>
+                    {% endif %}
                 </a>
             </li>
         {% endfor %}
     </ul>
 {% endif %}
-<p class="[ font-size-s mt-2 ]">
+<p class="font-size-s mt-2">
     What is a `/now` page? Check out <a href="https://nownownow.com/about">nownownow.com</a>.
 </p>