From 2514562a868015c704c81120714b00e7e23d4530 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Sun, 16 Feb 2025 00:25:15 +0100
Subject: [PATCH] simplify markup on id face

---
 index.html     | 31 +++++++++++--------------------
 style/base.css | 15 +++++++++------
 2 files changed, 20 insertions(+), 26 deletions(-)

diff --git a/index.html b/index.html
index 63a4e29..a9356b9 100644
--- a/index.html
+++ b/index.html
@@ -62,31 +62,22 @@
       <h2> so what’s your deal </h2>
 
       <dl>
-        <dt>name
-        <dd>
-          <ul>
-            <li> <b>niss</b> or <b>q.t.</b>
-            <li> always lowercase
-          </ul>
+        <dt> name
+        <dd> <b>niss</b> or <b>q.t.</b>
+        <dd> always lowercase
 
-        <dt>pronouns
-        <dd>
-          <ul>
-            <li> <b>she</b>, <b>they</b>, or <b>it</b> in english. pick whichever
-            <li> <b>sie</b> auf deutsch
-          </ul>
+        <dt> pronouns
+        <dd> <b>she</b>, <b>they</b>, or <b>it</b> in english. pick whichever
+        <dd> <b>sie</b> auf deutsch
 
-        <dt>shapes
-        <dd>
-          <ul>
-            <li><a href=https://gallery.niss.website/by-any/#gecs>gold dust day gecko</a>
+        <dt> shapes
+        <dd> <a href=https://gallery.niss.website/by-any/#gecs>gold dust day gecko</a>
               ×2, from “real life”
-            <li><a href=https://gallery.niss.website/by-any/#qt>quox</a>,
+        <dd> <a href=https://gallery.niss.website/by-any/#qt>quox</a>,
               from the tower of druaga
-            <li><a href=https://gallery.niss.website/by-any/#kesi>bubble dragon</a>,
+        <dd> <a href=https://gallery.niss.website/by-any/#kesi>bubble dragon</a>,
               from bubble bobble
-            <li>some others that come and go
-          </ul>
+        <dd> some others that come and go
       </dl>
 
       <div id=flags>
diff --git a/style/base.css b/style/base.css
index 94fc4ac..2c8401d 100644
--- a/style/base.css
+++ b/style/base.css
@@ -230,15 +230,18 @@ strong { font-weight: 700; }
 #id dl {
   display: grid;
   grid-template-columns: min-content auto;
-  gap: 1em 2em;
+  gap: 0 2em;
 }
 #id dt { font-weight: 600; }
-#id dd { margin: 0; }
-#id dd a { font-weight: 700; }
-
-#id dl ul {
-  padding-left: 1em;
+#id dd {
+  margin: 0 0 0 1em;
+  display: list-item;
   list-style: '❧ ';
+  grid-column: 2 / 3;
+}
+#id dd a { font-weight: 700; }
+#id dt, #id dt + dd {
+  margin-top: 1em;
 }
 
 #flags {