Use dl, dt and dd elements for character profiles

This commit is contained in:
Helen Chong 2024-01-12 21:15:02 +08:00
parent ef52382cb2
commit 88e6890ab9
2 changed files with 71 additions and 31 deletions

View File

@ -47,13 +47,29 @@
<img src="./img/cb-character-kristine.png" alt="Cassette Beasts screenshot of Kristine, a custom player character"> <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>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> <dl>
<p><span class="bold-text">Pronouns:</span> They/Them</p> <dt>Name</dt>
<p><span class="bold-text">Starter Monster Tape:</span> Bansheep 🡪 Wooltergeist 🡪 Ramtasm</p> <dd>Kristine</dd>
<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> <dt>Pronouns</dt>
<p><span class="bold-text">Gift Bootleg Received:</span> Glitter-type Pombomb</p> <dd>They/Them</dd>
<p><span class="bold-text">First Wild Bootleg:</span> Air-type Weevillite (obtained on August 14, 2023)</p>
<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> <p><span class="bold-text">Character Trivia:</span></p>
<ul> <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> <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>

View File

@ -55,29 +55,53 @@
<h3>Revan</h3> <h3>Revan</h3>
<img src="img/myrevan-jiaxuan-cheng.png" alt="Screenshot of Jiaxuan Cheng, the Revan for my main KotOR universe"> <img src="img/myrevan-jiaxuan-cheng.png" alt="Screenshot of Jiaxuan Cheng, the Revan for my main KotOR universe">
<p>Profile:</p> <dl>
<ul> <dt>Name</dt>
<li><span class="bold-text">Name:</span> Jiaxuan Cheng 程嘉萱</li> <dd>Jiaxuan Cheng 程嘉萱</dd>
<li><span class="bold-text">Class:</span> Scout + Jedi Sentinel</li>
<li><span class="bold-text">Pronouns:</span> She/Her or They/Them</li> <dt>Class</dt>
<li><span class="bold-text">Gender:</span> Non-binary woman</li> <dd>Scout + Jedi Sentinel</dd>
<li><span class="bold-text">Species:</span> Human</li>
<li><span class="bold-text">Orientation:</span> Lesbian</li> <dt>Pronouns</dt>
<li><span class="bold-text">Romance:</span> Juhani and Bastila (polyamorous triad)</li> <dd>She/Her or They/Them</dd>
</ul>
<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> <h3>Jedi Exile</h3>
<img src="img/myexile-yunhua-yang.png" alt="Screenshot of Yunhua Yang, the Jedi Exile for my main KotOR universe"> <img src="img/myexile-yunhua-yang.png" alt="Screenshot of Yunhua Yang, the Jedi Exile for my main KotOR universe">
<p>Profile:</p> <dl>
<ul> <dt>Name</dt>
<li><span class="bold-text">Name:</span> Yunhua Yang 杨韵华</li> <dd>Yunhua Yang 杨韵华</dd>
<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> <dt>Class</dt>
<li><span class="bold-text">Gender:</span> Non-binary woman</li> <dd>Jedi Sentinel + Jedi Weapon Master</dd>
<li><span class="bold-text">Species:</span> Human</li>
<li><span class="bold-text">Orientation:</span> Lesbian</li> <dt>Pronouns</dt>
<li><span class="bold-text">Romance:</span> Visas Marr</li> <dd>She/Her or They/Them</dd>
</ul>
<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> </section>
</div> </div>