From 88e6890ab9c0c467746382abffe6788300add2d4 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Fri, 12 Jan 2024 21:15:02 +0800
Subject: [PATCH] Use dl, dt and dd elements for character profiles

---
 shrines/cassettebeasts/gamelog/index.html  | 32 +++++++---
 shrines/starwarskotor/universes/index.html | 70 +++++++++++++++-------
 2 files changed, 71 insertions(+), 31 deletions(-)

diff --git a/shrines/cassettebeasts/gamelog/index.html b/shrines/cassettebeasts/gamelog/index.html
index f465bf67..e8c9011c 100644
--- a/shrines/cassettebeasts/gamelog/index.html
+++ b/shrines/cassettebeasts/gamelog/index.html
@@ -19,7 +19,7 @@
         <link rel="icon" type="image/png" sizes="16x16" href="/shrines/cassettebeasts/img/cb-icon.png">
         <link rel="manifest" href="/assets/favicon/site.webmanifest">
 
-        <script src="/shrines/cassettebeasts/js/cb-components.js" defer></script> 
+        <script src="/shrines/cassettebeasts/js/cb-components.js" defer></script>
 
         <title>Game Log | Cassette Beasts Shrine | Leilukin's Hub</title>
     </head>
@@ -47,13 +47,29 @@
                     <img src="./img/cb-character-kristine.png" alt="Cassette Beasts screenshot of Kristine, a custom player character">
                     <p>My first and main character for <cite>Cassette Beasts</cite>. The first save file was created on 18 July 2023, and the main story was beaten on 30 July 2023. The second save file was created on 18 October 2023.</p>
 
-                    <p><span class="bold-text">Name:</span> Kristine</p>
-                    <p><span class="bold-text">Pronouns:</span> They/Them</p>
-                    <p><span class="bold-text">Starter Monster Tape:</span> Bansheep 🡪 Wooltergeist 🡪 Ramtasm</p>
-                    <p><span class="bold-text">Romance:</span> Meredith</p>
-                    <p><span class="bold-text">Night's Bridge Station Location:</span> Behind the tree stump to the top right of Autumn Hill</p>
-                    <p><span class="bold-text">Gift Bootleg Received:</span> Glitter-type Pombomb</p>
-                    <p><span class="bold-text">First Wild Bootleg:</span> Air-type Weevillite (obtained on August 14, 2023)</p>
+                    <dl>
+                        <dt>Name</dt>
+                        <dd>Kristine</dd>
+
+                        <dt>Pronouns</dt>
+                        <dd>They/Them</dd>
+
+                        <dt>Starter Monster Tape</dt>
+                        <dd>Bansheep</dd>
+
+                        <dt>Romance</dt>
+                        <dd>Meredith</dd>
+
+                        <dt>Final Station Location</dt>
+                        <dd>Behind the tree stump to the top right of Autumn Hill</dd>
+
+                        <dt>Gift Bootleg Received</dt>
+                        <dd>Glitter-type Pombomb</dd>
+
+                        <dt>First Wild Bootleg</dt>
+                        <dd>Air-type Weevillite (obtained on August 14, 2023)</dd>
+                    </dl>
+
                     <p><span class="bold-text">Character Trivia:</span></p>
                     <ul>
                         <li>I named Kristine after <a href="https://bulbapedia.bulbagarden.net/wiki/Kris_(game)" target="_blank">Kris</a>, the female player character of <cite>Pokémon Crystal</cite> and the first female player character of the <cite>Pokémon</cite> video game series.</li>
diff --git a/shrines/starwarskotor/universes/index.html b/shrines/starwarskotor/universes/index.html
index da464af6..98cd03b3 100644
--- a/shrines/starwarskotor/universes/index.html
+++ b/shrines/starwarskotor/universes/index.html
@@ -19,7 +19,7 @@
         <link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
         <link rel="manifest" href="/assets/favicon/site.webmanifest">
 
-        <script src="/shrines/starwarskotor/js/swkotor-components.js" defer></script> 
+        <script src="/shrines/starwarskotor/js/swkotor-components.js" defer></script>
 
         <title>Leilukin's KotOR Universes | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
     </head>
@@ -45,39 +45,63 @@
                 <section class="content-section">
                     <h2>My <cite>KotOR</cite> Timeline</h2>
                     <p>This is my timeline for the events of the <cite>KotOR</cite> series, including the age of the major characters.</p>
-                    
+
                     <a href="https://docs.google.com/spreadsheets/d/1xh9QpXBBVYwBNss1ifrLG1Pf7lbm_AhwaCktlbH0Yzo/edit" target="blank">View Leilukin's <cite>KotOR</cite> Timeline here</a>
                 </section>
 
                 <section class="content-section">
                     <h2>Main Universe</h2>
                     <p>My main <cite>KotOR</cite> universe.</p>
-                    
+
                     <h3>Revan</h3>
                     <img src="img/myrevan-jiaxuan-cheng.png" alt="Screenshot of Jiaxuan Cheng, the Revan for my main KotOR universe">
-                    <p>Profile:</p>
-                    <ul>
-                        <li><span class="bold-text">Name:</span> Jiaxuan Cheng 程嘉萱</li>
-                        <li><span class="bold-text">Class:</span> Scout + Jedi Sentinel</li>
-                        <li><span class="bold-text">Pronouns:</span> She/Her or They/Them</li>
-                        <li><span class="bold-text">Gender:</span> Non-binary woman</li>
-                        <li><span class="bold-text">Species:</span> Human</li>
-                        <li><span class="bold-text">Orientation:</span> Lesbian</li>
-                        <li><span class="bold-text">Romance:</span> Juhani and Bastila (polyamorous triad)</li>
-                    </ul>
+                    <dl>
+                        <dt>Name</dt>
+                        <dd>Jiaxuan Cheng 程嘉萱</dd>
+
+                        <dt>Class</dt>
+                        <dd>Scout + Jedi Sentinel</dd>
+
+                        <dt>Pronouns</dt>
+                        <dd>She/Her or They/Them</dd>
+
+                        <dt>Gender</dt>
+                        <dd>Non-binary woman</dd>
+
+                        <dt>Species</dt>
+                        <dd>Human</dd>
+
+                        <dt>Orientation</dt>
+                        <dd>Lesbian</dd>
+
+                        <dt>Romance</dt>
+                        <dd>Juhani and Bastila (polyamorous triad)</dd>
+                    </dl>
 
                     <h3>Jedi Exile</h3>
                     <img src="img/myexile-yunhua-yang.png" alt="Screenshot of Yunhua Yang, the Jedi Exile for my main KotOR universe">
-                    <p>Profile:</p>
-                    <ul>
-                        <li><span class="bold-text">Name:</span> Yunhua Yang 杨韵华</li>
-                        <li><span class="bold-text">Class:</span> Jedi Sentinel + Jedi Weapon Master</li>
-                        <li><span class="bold-text">Pronouns:</span> She/Her or They/Them</li>
-                        <li><span class="bold-text">Gender:</span> Non-binary woman</li>
-                        <li><span class="bold-text">Species:</span> Human</li>
-                        <li><span class="bold-text">Orientation:</span> Lesbian</li>
-                        <li><span class="bold-text">Romance:</span> Visas Marr</li>
-                    </ul>
+                    <dl>
+                        <dt>Name</dt>
+                        <dd>Yunhua Yang 杨韵华</dd>
+
+                        <dt>Class</dt>
+                        <dd>Jedi Sentinel + Jedi Weapon Master</dd>
+
+                        <dt>Pronouns</dt>
+                        <dd>She/Her or They/Them</dd>
+
+                        <dt>Gender</dt>
+                        <dd>Non-binary woman</dd>
+
+                        <dt>Species</dt>
+                        <dd>Human</dd>
+
+                        <dt>Orientation</dt>
+                        <dd>Lesbian</dd>
+
+                        <dt>Romance</dt>
+                        <dd>Visas Marr</dd>
+                    </dl>
                 </section>
             </div>