From 2fbf9e809b72960b027b0052b39abf022c04ff01 Mon Sep 17 00:00:00 2001
From: dylan <dylan@dylan.dylan>
Date: Sun, 28 Dec 2025 19:37:49 +0000
Subject: [PATCH] updated to just html

---
 now-page-template.md | 77 +++++++++++++++-----------------------------
 1 file changed, 26 insertions(+), 51 deletions(-)

diff --git a/now-page-template.md b/now-page-template.md
index 7f6c734..8c49ee0 100644
--- a/now-page-template.md
+++ b/now-page-template.md
@@ -1,68 +1,65 @@
-# What I've been up to
-This page _should_ update automatically with my latest activity.
+<h1>What I've been up to</h1>
+<p>This page <em>should</em> update automatically with my latest activity.</p>
 
 <div style="display: flex; flex-direction: column; gap: 0.75rem;">
-    <div style="background: rgba(166, 227, 161, 0.15); padding: 1rem; border: 4px solid #a6e3a1; color:white; display: flex; justify-content: space-between; align-items: flex-start;">
+    <div style="background: rgba(166, 227, 161, 0.15); padding: 1rem; border: 4px solid #a6e3a1; color:white; display: flex; justify-content: space-between; align-items: center;">
         <div style="text-align: left;">
             <i class="fa-brands fa-lastfm"></i> I listened to this<br>
-            <a href="https://www.last.fm/user/lookathimthere"
-                style="color: #a6e3a1 !important;">lastfm</a>
+            <a href="https://www.last.fm/user/lookathimthere" style="color: #a6e3a1 !important;">lastfm</a>
         </div>
         <img src="lastfm-image" style="max-width: 120px; max-height: 120px; object-fit: cover; border-radius: 4px;">
     </div>
-    <div style="background: rgba(250, 179, 135, 0.15); padding: 1rem; border: 4px solid #fab387; color:white; display: flex; justify-content: space-between; align-items: flex-start;">
+    <div style="background: rgba(250, 179, 135, 0.15); padding: 1rem; border: 4px solid #fab387; color:white; display: flex; justify-content: space-between; align-items: center;">
         <div style="text-align: left;">
             <i class="fa-solid fa-tv"></i> I watched this episode<br>
-            <a href="https://trakt.tv/episodes"
-                style="color: #fab387 !important;">trakt-episode</a>
+            <a href="https://trakt.tv/episodes" style="color: #fab387 !important;">trakt-episode</a>
         </div>
         <img src="trakt-episode-image" style="max-width: 120px; max-height: 120px; object-fit: cover; border-radius: 4px;">
     </div>
-    <div style="background: rgba(250, 179, 135, 0.15); padding: 1rem; border: 4px solid #fab387; color:white; display: flex; justify-content: space-between; align-items: flex-start;">
+    <div style="background: rgba(250, 179, 135, 0.15); padding: 1rem; border: 4px solid #fab387; color:white; display: flex; justify-content: space-between; align-items: center;">
         <div style="text-align: left;">
             <i class="fa-solid fa-film"></i> I watched this movie<br>
             <a href="https://trakt.tv/movies/" style="color: #fab387 !important;">trakt-movie</a>
         </div>
         <img src="trakt-movie-image" style="max-width: 120px; max-height: 120px; object-fit: cover; border-radius: 4px;">
     </div>
-    <div style="background: rgba(243, 139, 168, 0.15); padding: 1rem; border: 4px solid #f38ba8; color:white; display: flex; justify-content: space-between; align-items: flex-start;">
+    <div style="background: rgba(243, 139, 168, 0.15); padding: 1rem; border: 4px solid #f38ba8; color:white; display: flex; justify-content: space-between; align-items: center;">
         <div style="text-align: left;">
-            I rated this<br>
+            <i class="fa-solid omg-icon omg-letterboxd"></i> I rated this<br>
             <a href="https://letterboxd.com/STFUDonny" style="color: #f38ba8 !important;">letterboxd</a>
         </div>
         <img src="letterboxd-image" style="max-width: 120px; max-height: 120px; object-fit: cover; border-radius: 4px;">
     </div>
-    <div style="background: rgba(180, 190, 254, 0.15); padding: 1rem; border: 4px solid #b4befe; color:white; display: flex; justify-content: space-between; align-items: flex-start;">
+    <div style="background: rgba(180, 190, 254, 0.15); padding: 1rem; border: 4px solid #b4befe; color:white; display: flex; justify-content: space-between; align-items: center;">
         <div style="text-align: left;">
             <i class="fa-solid fa-book"></i> I'm reading this<br>
             <a href="https://hardcover.app" style="color: #b4befe !important;">hardcover</a>
         </div>
         <img src="hardcover-image" style="max-width: 120px; max-height: 120px; object-fit: cover; border-radius: 4px;">
     </div>
-    <div style="background: rgba(137, 180, 250, 0.15); padding: 1rem; border: 4px solid #89b4fa; color:white; display: flex; justify-content: space-between; align-items: flex-start;">
+    <div style="background: rgba(137, 180, 250, 0.15); padding: 1rem; border: 4px solid #89b4fa; color:white; display: flex; justify-content: space-between; align-items: center;">
         <div style="text-align: left;">
             <i class="fa-brands fa-steam"></i> I played this<br>
             <a href="https://store.steampowered.com" style="color: #89b4fa !important;">steam</a>
         </div>
         <img src="steam-image" style="max-width: 120px; max-height: 120px; object-fit: cover; border-radius: 4px;">
     </div>
-    <div style="background: rgba(203, 166, 247, 0.15); padding: 1rem; border: 4px solid #cba6f7; color:white; display: flex; justify-content: space-between; align-items: flex-start;">
+    <div style="background: rgba(203, 166, 247, 0.15); padding: 1rem; border: 4px solid #cba6f7; color:white; display: flex; justify-content: space-between; align-items: center;">
         <div style="text-align: left;">
             <i class="fa-brands fa-mastodon"></i> I tooted this<br>
-            <a href="https://social.lol/@dylan"
-                style="color: #cba6f7 !important;">mastodon</a>
+            <a href="https://social.lol/@dylan" style="color: #cba6f7 !important;">mastodon</a>
         </div>
         <img src="mastodon-image" style="max-width: 120px; max-height: 120px; object-fit: cover; border-radius: 4px;">
         <video src="mastodon-video" style="max-width: 120px; max-height: 120px; object-fit: cover; border-radius: 4px;" loop muted controls></video>
     </div>
-    <div style="background: rgba(148, 226, 213, 0.15); padding: 1rem; border: 4px solid #94e2d5; color:white; display: flex; justify-content: space-between; align-items: flex-start;">
+    <div style="background: rgba(148, 226, 213, 0.15); padding: 1rem; border: 4px solid #94e2d5; color:white; display: flex; justify-content: space-between; align-items: center;">
         <div style="text-align: left;">
             I shared this photo<br>
             <a href="https://dylan.some.pics" style="color: #94e2d5 !important;">some.pics</a>
         </div>
         <img src="some.pics-image" style="max-width: 120px; max-height: 120px; object-fit: cover; border-radius: 4px;">
     </div>
-    <div style="background: rgba(249, 226, 175, 0.15); padding: 1rem; border: 4px solid #f9e2af; color:white; display: flex; justify-content: space-between; align-items: flex-start;">
+    <div style="background: rgba(249, 226, 175, 0.15); padding: 1rem; border: 4px solid #f9e2af; color:white; display: flex; justify-content: space-between; align-items: center;">
         <div style="text-align: left;">
             I wrote this<br>
             <a href="https://dylan.weblog.lol" style="color: #f9e2af !important;">weblog</a>
@@ -75,41 +72,19 @@ This page _should_ update automatically with my latest activity.
     </div>
 </div>
 
-##### {last-updated}
-<p style="font-size:0.825em !important;">Want your own automatically updated Now page? Check out <a
-        href="https://source.tube/dylan/now-updater">now-updater</a>.</p>
+<h5>{last-updated}</h5>
+<p style="font-size:0.825em !important;">Want your own automatically updated Now page? Check out <a href="https://source.tube/dylan/now-updater">now-updater</a>.</p>
 
----
+<hr>
 
 <div class="badges">
-    <!-- People Pledge -->
-    <a href="https://people.pledge.party"><img
-            src="https://res.cloudinary.com/dkubc5dik/image/upload/v1766596198/people_pledge_badge_party_pink_cream_88x31_uyqfgg.png"
-            alt="People Pledge 88x31 Badge"></a>
-    <!-- social.lol -->
-    <a href="https://social.lol/@dylan"><img
-            src="https://res.cloudinary.com/dkubc5dik/image/upload/v1766596200/mastodon_ek8b0l.gif"
-            alt="Follow me on Mastodon - @dylan@social.lol 88x31 Badge"></a>
-    <!-- Badly Hand-Coded -->
-    <a href="https://source.tube/dylan/now-updater"><img
-            src="https://res.cloudinary.com/dkubc5dik/image/upload/v1766596194/badly-hand-coded-88x31_txfsai.gif"
-            alt="Badly Hand-Coded and Proud 88x31 Badge"></a>
-    <!-- Made on GNU/Linux -->
-    <a href="https://www.linux.org/pages/download/"><img
-            src="https://res.cloudinary.com/dkubc5dik/image/upload/v1766596863/gnu-linux_ktn9ec.gif"
-            alt="omg.lol 88x31 Badge"></a>
-    <!-- Anna's Archive -->
-    <a href="https://annas-archive.li"><img
-            src="https://res.cloudinary.com/dkubc5dik/image/upload/v1766596623/freencool_mdunpb.gif"
-            alt="Anna's Archive 88x31 Badge"></a>
-    <!-- Internet Privacy -->
-    <a href="https://privacybadger.org"><img
-            src="https://res.cloudinary.com/dkubc5dik/image/upload/v1766596864/internetprivacy_tdutsi.gif"
-            alt="Internet Privacy 88x31 Badge"></a>
-    <!-- omg.lol -->
-    <a href="https://home.omg.lol/referred-by/dylan"><img
-            src="https://res.cloudinary.com/dkubc5dik/image/upload/omglol-88x31_rrl1fj.svg"
-            alt="omg.lol 88x31 Badge"></a>
+    <a href="https://people.pledge.party"><img src="https://res.cloudinary.com/dkubc5dik/image/upload/v1766596198/people_pledge_badge_party_pink_cream_88x31_uyqfgg.png" alt="People Pledge 88x31 Badge"></a>
+    <a href="https://social.lol/@dylan"><img src="https://res.cloudinary.com/dkubc5dik/image/upload/v1766596200/mastodon_ek8b0l.gif" alt="Follow me on Mastodon - @dylan@social.lol 88x31 Badge"></a>
+    <a href="https://source.tube/dylan/now-updater"><img src="https://res.cloudinary.com/dkubc5dik/image/upload/v1766596194/badly-hand-coded-88x31_txfsai.gif" alt="Badly Hand-Coded and Proud 88x31 Badge"></a>
+    <a href="https://www.linux.org/pages/download/"><img src="https://res.cloudinary.com/dkubc5dik/image/upload/v1766596863/gnu-linux_ktn9ec.gif" alt="omg.lol 88x31 Badge"></a>
+    <a href="https://annas-archive.li"><img src="https://res.cloudinary.com/dkubc5dik/image/upload/v1766596623/freencool_mdunpb.gif" alt="Anna's Archive 88x31 Badge"></a>
+    <a href="https://privacybadger.org"><img src="https://res.cloudinary.com/dkubc5dik/image/upload/v1766596864/internetprivacy_tdutsi.gif" alt="Internet Privacy 88x31 Badge"></a>
+    <a href="https://home.omg.lol/referred-by/dylan"><img src="https://res.cloudinary.com/dkubc5dik/image/upload/omglol-88x31_rrl1fj.svg" alt="omg.lol 88x31 Badge"></a>
 </div>
 
-### [Back to my omg.lol page!](https://dylan.omg.lol)
+<h3><a href="https://dylan.omg.lol">Back to my omg.lol page!</a></h3>