From 55af46b4a7f5cc77fb2c81c6174aaaed76e6ec3f Mon Sep 17 00:00:00 2001
From: qhri <qhri@posteo.com>
Date: Tue, 26 Aug 2025 19:39:09 -0400
Subject: [PATCH] made interest list into figure

---
 src/css.css    | 10 +++++++---
 src/index.html | 30 ++++++++++++++++--------------
 2 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/src/css.css b/src/css.css
index 5f360f8..2c8ec5c 100644
--- a/src/css.css
+++ b/src/css.css
@@ -55,12 +55,12 @@ body {
   margin: 0;
 }
 
-p, h1, ul, h1, h2, h3, nav, header, details, table {
+p, h1, ul, h1, h2, h3, nav, header, details, table, figcaption {
   color: var(--font-color);
   font-family: atkinsonhyperlegible, Verdana, sans-serif;
 }
 
-p, ul, nav, code, table {
+p, ul, nav, code, table, figcaption {
   font-size: 22px;
 }
 
@@ -150,4 +150,8 @@ table {
 td, th {
   border: 2px solid var(--header-border-color);
   padding: 6px;
-}
\ No newline at end of file
+}
+
+figure {
+  margin-left: 0;
+}
diff --git a/src/index.html b/src/index.html
index 17f4517..aa2a742 100644
--- a/src/index.html
+++ b/src/index.html
@@ -13,20 +13,22 @@
     <div id="pagewrap">
       <p>they/she &bull; bi &bull; trans &bull; girlflux</p>
       <p>links: <a href="https://pronouns.cc/@qhri">pronouns.cc</a> &bull; <a href="https://sharkey.qhri.net/@qhri">fedi</a> (@qhri@sharkey.qhri.net) &bull; <a href="https://bsky.app/profile/qhri.net">bluesky</a> (@qhri.net) &bull; <a href="https://listenbrainz.org/user/CreativeUsername/">listenbrainz</a> &bull; <a href="https://www.last.fm/user/qhri">last.fm</a> &bull; <a href="https://www.discogs.com/user/creativusername/collection">discogs</a> &bull; <a href="https://bandcamp.com/qhri">bandcamp</a><br></p>
-      <p>interests:</p>
-      <ul>
-        <li>music
-          <ul>
-            <li>metal</li>
-            <li>alt/indie</li>
-            <li><a href="/music/">music i like</a></li>
-          </ul>
-        </li>
-        <li>open-source software</li>
-        <li>smosh (mostly post-defy)</li>
-        <li>dropout</li>
-        <li>object shows</li>
-      </ul>
+      <figure>
+      <figcaption>interests:</figcaption>
+        <ul>
+          <li>music
+            <ul>
+              <li>metal</li>
+              <li>alt/indie</li>
+              <li><a href="/music/">music i like</a></li>
+            </ul>
+          </li>
+          <li>open-source software</li>
+          <li>smosh (mostly post-defy)</li>
+          <li>dropout</li>
+          <li>object shows</li>
+        </ul>
+      </figure>
       <p><a href="/guides/">guides i made for myself and you might also find useful maybe</a></p>
       <p><a href="/emoji/">emoji</a></p>
       <p>thankies to <a href="https://gts.aylamz.me/@aylamz">Aylam</a> for helping me improve my website <3</p>