From 4ebec87345b960b9278907fc16ceaf830484a787 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Fri, 5 Apr 2024 17:52:18 +0800
Subject: [PATCH] Add table of contents

---
 mycreations/kotor1mods/index.html | 66 +++++++++++++++-------------
 mycreations/kotor2mods/index.html | 72 +++++++++++++++++--------------
 2 files changed, 77 insertions(+), 61 deletions(-)

diff --git a/mycreations/kotor1mods/index.html b/mycreations/kotor1mods/index.html
index 444d5463..fda26955 100644
--- a/mycreations/kotor1mods/index.html
+++ b/mycreations/kotor1mods/index.html
@@ -12,6 +12,7 @@
         <meta property="og:description" content="List of video game mods I have made for Star Wars: Knights of the Old Republic.">
 
         <link rel="stylesheet" href="/css/style-main.css" type="text/css" media="all">
+        <link rel="stylesheet" href="/css/style-toc.css">
         <link rel="stylesheet" href="/css/style-mymods.css" type="text/css" media="all">
         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
 
@@ -20,7 +21,8 @@
         <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
         <link rel="manifest" href="/assets/favicon/site.webmanifest">
 
-        <script src="/js/main-components.js" defer></script> 
+        <script src="/js/main-components.js" defer></script>
+        <script src="/js/toc.js" defer></script>
         <script src="/js/mod-filter.js" defer></script>
 
         <title>My KotOR 1 Mods | Leilukin's Hub</title>
@@ -38,11 +40,17 @@
                 Left sidebar content here
             </aside> -->
 
-            <div class="content-container">
+            <article class="divided-article">
                 <section class="content-section">
                     <h1>My Mods for <cite>Star Wars: Knights of the Old Republic</cite></h1>
-                    
-                    <p>Categories:</p>
+
+                    <details class="toc" role=”doc-toc” style="margin-bottom: 1em;">
+                        <summary class="toc-heading">
+                            Table Of Contents
+                        </summary>
+                    </details>
+
+                    <p>Filter by Categories:</p>
                     <div id="myBtnContainer">
                         <button class="filter-btn active" onclick="filterSelection('all')">All</button>
                         <button class="filter-btn" onclick="filterSelection('pc-party-members')">Player & Party Members</button>
@@ -54,10 +62,10 @@
 
                 <section class="content-section filter-div pc-party-members">
                     <h2>Player & Party Members</h2>
-    
+
                     <div class="mod-entry">
                         <h3>Juhani Dialogue Restoration</h3>
-                        <img src="./img/Juhani-Dialogue-Restoration.png" width="100%" height="auto" alt="Banner of Juhani Dialogue Restoration mod">
+                        <img src="./img/Juhani-Dialogue-Restoration.png" alt="Banner of Juhani Dialogue Restoration mod">
                         <p>Restores Juhani's conversations with the player that are unused or easy to miss in vanilla KotOR.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2173-juhani-dialogue-restoration/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1501" target="_blank">Nexus Mods</a>
@@ -65,15 +73,15 @@
 
                     <div class="mod-entry">
                         <h3>Carth Onasi and Male PC Romance</h3>
-                        <img src="./img/Carth-Onasi-and-Male-PC-Romance.png" width="100%" height="auto" alt="Banner of Carth Onasi and Male PC Romance mod">
+                        <img src="./img/Carth-Onasi-and-Male-PC-Romance.png" alt="Banner of Carth Onasi and Male PC Romance mod">
                         <p>Makes Carth Onasi's romance subplot available for male player characters. Please read the <a href="/shrines/starwarskotor/articles/faq-same-gender-romance-mods.html" target="_blank">FAQ article</a> before asking questions about my same-gender romance mods for the <cite>KotOR</cite> series!</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2140-carth-onasi-and-male-pc-romance/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1493" target="_blank">Nexus Mods</a>
                     </div>
-                        
+
                     <div class="mod-entry">
                         <h3>Bastila and Carth Romance Removal</h3>
-                        <img src="./img/Bastila-and-Carth-Romance-Removal.png" width="100%" height="auto" alt="Banner of Bastila and Carth Romance Removal mod">
+                        <img src="./img/Bastila-and-Carth-Romance-Removal.png" alt="Banner of Bastila and Carth Romance Removal mod">
                         <p>Removes Bastila and Carth's romance by removing all romance-related dialogue from their conversations.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2209-bastila-and-carth-romance-removal/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1519" target="_blank">Nexus Mods</a>
@@ -81,7 +89,7 @@
 
                     <div class="mod-entry">
                         <h3>Leilukin's Juhani's Outfit Reskin Pack</h3>
-                        <img src="./img/Leilukins-Juhanis-Outfit-Reskin-Pack.png" width="100%" height="auto" alt="Banner of Leilukin's Juhani's Outfit Reskin Pack mod">
+                        <img src="./img/Leilukins-Juhanis-Outfit-Reskin-Pack.png" alt="Banner of Leilukin's Juhani's Outfit Reskin Pack mod">
                         <p>Reskins Juhani's outfit by changing the outfit's color scheme, with multiple versions of reskin provided.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2275-leilukins-juhanis-outfit-reskin-pack/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1543" target="_blank">Nexus Mods</a>
@@ -89,7 +97,7 @@
 
                     <div class="mod-entry">
                         <h3>Jolee in Unique Outfit Introduction</h3>
-                        <img src="./img/Jolee-in-Unique-Outfit-Introduction.png" width="100%" height="auto" alt="Banner of Jolee in Unique Outfit Introduction mod">
+                        <img src="./img/Jolee-in-Unique-Outfit-Introduction.png" alt="Banner of Jolee in Unique Outfit Introduction mod">
                         <p>Makes Jolee Bindo wear his signature robe when you meet him on Kashyyyk, before he joins your party.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/1298-jolee-in-unique-outfit-introduction/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1221" target="_blank">Nexus Mods</a>
@@ -97,7 +105,7 @@
 
                     <div class="mod-entry">
                         <h3>KotOR 1 Improved Party Outfits</h3>
-                        <img src="./img/KotOR-1-Improved-Party-Outfits.png" width="100%" height="auto" alt="Banner of KotOR 1 Improved Party Outfits mod">
+                        <img src="./img/KotOR-1-Improved-Party-Outfits.png" alt="Banner of KotOR 1 Improved Party Outfits mod">
                         <p>Adds new items to improve the properties of the default outfits of the human and humanoid party members of TSL, namely Bastila, Canderous, Carth, Jolee, Juhani and Mission.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2134-kotor-1-improved-party-outfits/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1491" target="_blank">Nexus Mods</a>
@@ -105,27 +113,27 @@
 
                     <div class="mod-entry">
                         <h3>Darth Revan Texture for Star Forge Robes</h3>
-                        <img src="./img/Darth-Revan-Texture-for-Star-Forge-Robes.png" width="100%" height="auto" alt="Banner of Darth Revan Texture for Star Forge Robes mod">
+                        <img src="./img/Darth-Revan-Texture-for-Star-Forge-Robes.png" alt="Banner of Darth Revan Texture for Star Forge Robes mod">
                         <p>Makes the Star Forge Robes to have the same texture and inventory icon as Darth Revan's Robes.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/1076-darth-revan-texture-for-star-forge-robes/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1143" target="_blank">Nexus Mods</a>
                     </div>
                 </section>
-                
+
                 <section class="content-section filter-div npcs">
                     <h2>Non-Playable Characters</h2>
 
                     <div class="mod-entry">
                         <h3>KotOR 1 Twi'lek Male NPC Diversity</h3>
-                        <img src="./img/K1-Twilek-Male-NPC-Diversity.png" width="100%" height="auto" alt="Banner of KotOR 1 Twi'lek Male NPC Diversity mod">
+                        <img src="./img/K1-Twilek-Male-NPC-Diversity.png" alt="Banner of KotOR 1 Twi'lek Male NPC Diversity mod">
                         <p>Diversifies the appearances of Twi'lek male NPCs in KotOR 1 by giving the named Twi'lek male NPCs different looks instead of the generic NPC looks. </p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2228-kotor-1-twilek-male-npc-diversity/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1530" target="_blank">Nexus Mods</a>
                     </div>
-                        
+
                     <div class="mod-entry">
                         <h3>KotOR 1 Twi'lek Female NPC Diversity</h3>
-                        <img src="./img/K1-Twilek-Female-NPC-Diversity.png" width="100%" height="auto" alt="Banner of KotOR 1 Twi'lek Female NPC Diversity mod">
+                        <img src="./img/K1-Twilek-Female-NPC-Diversity.png" alt="Banner of KotOR 1 Twi'lek Female NPC Diversity mod">
                         <p>Diversifies the appearances of Twi'lek female NPCs by giving the named Twi'lek female NPCs different looks instead of the generic NPC looks. </p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2179-kotor-1-twilek-female-npc-diversity/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1504" target="_blank">Nexus Mods</a>
@@ -133,7 +141,7 @@
 
                     <div class="mod-entry">
                         <h3>Belaya's Unique Look</h3>
-                        <img src="./img/Belaya-Unique-Look.png" width="100%" height="auto" alt="Banner of Belaya's Unique Look mod">
+                        <img src="./img/Belaya-Unique-Look.png" alt="Banner of Belaya's Unique Look mod">
                         <p>Gives the NPC Belaya a unique look instead of a generic NPC look.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2146-belayas-unique-look/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1494" target="_blank">Nexus Mods</a>
@@ -141,7 +149,7 @@
 
                     <div class="mod-entry">
                         <h3>Human Xor Restoration</h3>
-                        <img src="./img/Human-Xor-Restoration.png" width="100%" height="auto" alt="Banner of Human Xor Restoration mod">
+                        <img src="./img/Human-Xor-Restoration.png" alt="Banner of Human Xor Restoration mod">
                         <p>Restores the original appearance of the NPC Xor in the Xbox version of KotOR, by changing his species from a Twi'lek to a human.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/1091-human-xor-restoration/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1155" target="_blank">Nexus Mods</a>
@@ -149,35 +157,35 @@
 
                     <div class="mod-entry">
                         <h3>Human Xor Unique Look</h3>
-                        <img src="./img/Human-Xor-Unique-Look.png" width="100%" height="auto" alt="Banner of Human Xor Unique Look mod">
+                        <img src="./img/Human-Xor-Unique-Look.png" alt="Banner of Human Xor Unique Look mod">
                         <p>Changes the NPC Xor's appearance by making him a human with a unique look to make him different from other human NPCs.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2147-human-xor-unique-look/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1495" target="_blank">Nexus Mods</a>
                     </div>
-                        
+
                     <div class="mod-entry">
                         <h3>KotOR 1 No Gendered Dialogue from Male NPCs</h3>
-                        <img src="./img/K1-No-Gendered-Dialogue-Male-NPCs.png" width="100%" height="auto" alt="Banner of KotOR 1 No Gendered Dialogue from Male NPCs mod">
+                        <img src="./img/K1-No-Gendered-Dialogue-Male-NPCs.png" alt="Banner of KotOR 1 No Gendered Dialogue from Male NPCs mod">
                         <p>Removes male NPC dialogues that involve them flirting with female player characters or remarking on the female PC's gender or appearance.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2176-kotor-1-no-gendered-dialogue-from-male-npcs/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1502" target="_blank">Nexus Mods</a>
                     </div>
-                        
+
                     <div class="mod-entry">
                         <h3>PC Dialogue with Davik's Slaves Change</h3>
-                        <img src="./img/PC-Dialogue-with-Daviks-Slaves-Change.png" width="100%" height="auto" alt="Banner of No Flirting with Davik's Slaves mod">
+                        <img src="./img/PC-Dialogue-with-Daviks-Slaves-Change.png" alt="Banner of No Flirting with Davik's Slaves mod">
                         <p>Removes the option for the player character to flirt with Davik Kang's slaves, or give the player Dark Side options for requesting a massage from the slaves. Threatening the slaves also gives the player Dark Side points.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2214-pc-dialogue-with-daviks-slaves-change/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1523" target="_blank">Nexus Mods</a>
                     </div>
                 </section>
-                    
+
                 <section class="content-section filter-div gameplay">
                     <h2>Gameplay</h2>
 
                     <div class="mod-entry">
                         <h3>Trask Ulgo Without Tutorials</h3>
-                        <img src="./img/Trask-Ulgo-Without-Tutorials.png" width="100%" height="auto" alt="Banner of Trask Ulgo Without Tutorials mod">
+                        <img src="./img/Trask-Ulgo-Without-Tutorials.png" alt="Banner of Trask Ulgo Without Tutorials mod">
                         <p>Removes the tutorial elements from the game, while keeps Trask Ulgo as a party member in the first area of the Endar Spire.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2184-trask-ulgo-without-tutorials/" target="_blank" >Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1508" target="_blank">Nexus Mods</a>
@@ -189,13 +197,13 @@
 
                     <div class="mod-entry">
                         <h3>Mysterious Box Music for Unknown World</h3>
-                        <img src="./img/Mysterious-Box-Music-for-Unknown-World.png" width="100%" height="auto" alt="Banner of Mysterious Box Music for Unknown World mod">
+                        <img src="./img/Mysterious-Box-Music-for-Unknown-World.png" alt="Banner of Mysterious Box Music for Unknown World mod">
                         <p>This mod will make the Mysterious Box's ambient music played in some areas of the Unknown World.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/1322-mysterious-box-music-for-unknown-world/" target="_blank" >Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1226" target="_blank">Nexus Mods</a>
                     </div>
                 </section>
-            </div>
+            </article>
 
             <!-- <aside class="right-sidebar">
                 Right sidebar content here
@@ -203,4 +211,4 @@
         </main>
         <footer class="main-footer"></footer>
     </body>
-</h
\ No newline at end of file
+</html>
\ No newline at end of file
diff --git a/mycreations/kotor2mods/index.html b/mycreations/kotor2mods/index.html
index 112a9177..626f4299 100644
--- a/mycreations/kotor2mods/index.html
+++ b/mycreations/kotor2mods/index.html
@@ -12,6 +12,7 @@
         <meta property="og:description" content="List of video game mods I have made for Star Wars: Knights of the Old Republic II: The Sith Lords.">
 
         <link rel="stylesheet" href="/css/style-main.css" type="text/css" media="all">
+        <link rel="stylesheet" href="/css/style-toc.css">
         <link rel="stylesheet" href="/css/style-mymods.css" type="text/css" media="all">
         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
 
@@ -20,7 +21,8 @@
         <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
         <link rel="manifest" href="/assets/favicon/site.webmanifest">
 
-        <script src="/js/main-components.js" defer></script> 
+        <script src="/js/main-components.js" defer></script>
+        <script src="/js/toc.js" defer></script>
         <script src="/js/mod-filter.js" defer></script>
 
         <title>My KotOR 2 Mods | Leilukin's Hub</title>
@@ -38,11 +40,17 @@
                 Left sidebar content here
             </aside> -->
 
-            <div class="content-container">
+            <article class="divided-article">
                 <section class="content-section">
                     <h1>My Mods for <cite>Star Wars: Knights of the Old Republic II: The Sith Lords</cite></h1>
 
-                    <p>Categories:</p>
+                    <details class="toc" role=”doc-toc” style="margin-bottom: 1em;">
+                        <summary class="toc-heading">
+                            Table Of Contents
+                        </summary>
+                    </details>
+
+                    <p>Filter by Categories:</p>
                     <div id="myBtnContainer">
                         <button class="filter-btn active" onclick="filterSelection('all')">All</button>
                         <button class="filter-btn" onclick="filterSelection('same-gender-romances')">Same-Gender Romances</button>
@@ -60,10 +68,10 @@
                         <p class="psa">↓↓READ THIS↓↓ before asking questions about my romance mods!<br>
                         <a href="/shrines/starwarskotor/articles/faq-same-gender-romance-mods.html" target="_blank">Frequently Asked Questions (FAQ) for My Same-Gender Romance Mods for the <cite>KotOR</cite> series</a></p>
                     </div>
-    
+
                     <div class="mod-entry">
                         <h3>Atton Rand and Male Exile Romance</h3>
-                        <img src="./img/Atton-Rand-and-Male-Exile-Romance.png" width="100%" height="auto" alt="Banner of Atton Rand and Male Exile Romance mod">
+                        <img src="./img/Atton-Rand-and-Male-Exile-Romance.png" alt="Banner of Atton Rand and Male Exile Romance mod">
                         <p>Makes Atton flirts with and expresses romantic interests for male Exiles.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/972-atton-rand-and-male-exile-romance/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/926" target="_blank">Nexus Mods</a>
@@ -71,7 +79,7 @@
 
                     <div class="mod-entry">
                         <h3>Handmaiden and Female Exile - Disciple and Male Exile Romance</h3>
-                        <img src="./img/Handmaiden-Disciple-Same-Gender-Romances.png" width="100%" height="auto" alt="Banner of Handmaiden and Female Exile - Disciple and Male Exile Romances mod">
+                        <img src="./img/Handmaiden-Disciple-Same-Gender-Romances.png" alt="Banner of Handmaiden and Female Exile - Disciple and Male Exile Romances mod">
                         <p>Makes the Handmaiden a romance option for female Exiles and the Disciple a romance option for male Exiles.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/977-handmaiden-and-female-exile-disciple-and-male-exile-romance/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/927" target="_blank">Nexus Mods</a>
@@ -79,7 +87,7 @@
 
                     <div class="mod-entry">
                         <h3>Visas Marr and Female Exile Romance</h3>
-                        <img src="./img/Visas-Marr-and-Female-Exile-Romance.png" width="100%" height="auto" alt="Banner of Visas Marr and Female Exile Romance mod">
+                        <img src="./img/Visas-Marr-and-Female-Exile-Romance.png" alt="Banner of Visas Marr and Female Exile Romance mod">
                         <p>Makes the Visas Marr romance scene available for female Exiles.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/968-visas-marr-and-female-exile-romance/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/925" target="_blank">Nexus Mods</a>
@@ -87,7 +95,7 @@
 
                     <div class="mod-entry">
                         <h3>Alternate Revan Romances REDUX</h3>
-                        <img src="./img/Alternate-Revan-Romances.png" width="100%" height="auto" alt="Banner of Alternate Revan Romances REDUX mod">
+                        <img src="./img/Alternate-Revan-Romances.png" alt="Banner of Alternate Revan Romances REDUX mod">
                         <p>Gives players options to set Revan's love ineterest(s), or lack thereof. Updated version of felixfelicitas'
                         Alternate Revan Romances mod.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/1004-alternate-revan-romances-redux/" target="_blank">Deadly Stream</a>
@@ -96,7 +104,7 @@
 
                     <div class="mod-entry">
                         <h3>Darth Sion and Male Exile Mod</h3>
-                        <img src="./img/Darth-Sion-and-Male-Exile-Mod.png" width="100%" height="auto" alt="Banner of Darth Sion and Male Exile Mod">
+                        <img src="./img/Darth-Sion-and-Male-Exile-Mod.png" alt="Banner of Darth Sion and Male Exile Mod">
                         <p>Makes Darth Sion develop the same affections to a male Exile like he did to a female Exile in vanilla KotOR II.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/996-darth-sion-and-male-exile-mod/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/928" target="_blank">Nexus Mods</a>
@@ -104,7 +112,7 @@
 
                     <div class="mod-entry">
                         <h3>Dahnis Flirt Option for Female PC</h3>
-                        <img src="./img/Dahnis-Flirt-Option-for-Female-PC.png" width="100%" height="auto" alt="Banner of Dahnis Flirt Option for Female PC mod">
+                        <img src="./img/Dahnis-Flirt-Option-for-Female-PC.png" alt="Banner of Dahnis Flirt Option for Female PC mod">
                         <p>Makes the NPC Dahnis flirt with the player character regardless of gender, including a female PC. A female PC also gets the option to flirt back.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/1400-dahnis-flirt-option-for-female-pc/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1036" target="_blank">Nexus Mods</a>
@@ -116,14 +124,14 @@
 
                     <div class="mod-entry">
                         <h3>PartySwap</h3>
-                        <img src="./img/PartySwap.png" width="100%" height="auto" alt="Banner of Leilukin’s Kreia Reskin mod">
+                        <img src="./img/PartySwap.png" alt="Banner of Leilukin’s Kreia Reskin mod">
                         <p>Allows you to recruit both Handmaiden and Disciple in the same playthrough regardless of the player character's gender. Mod originally created by DarthTyren. I have <a href="/shrines/starwarskotor/articles/partyswap-management-takeover.html" target="_blank">taken over the management and development of this mod</a> since July 2023.</p>
                             <a class="link-btn" href="https://deadlystream.com/files/file/544-partyswap/" target="_blank">Deadly Stream</a>
                     </div>
-    
+
                     <div class="mod-entry">
                         <h3>Leilukin’s Kreia Reskin</h3>
-                        <img src="./img/Leilukin's-Kreia-Reskin.png" width="100%" height="auto" alt="Banner of Leilukin’s Kreia Reskin mod">
+                        <img src="./img/Leilukin's-Kreia-Reskin.png" alt="Banner of Leilukin’s Kreia Reskin mod">
                         <p>My version of a retexture of Kreia.</p>
                             <a class="link-btn" href="https://deadlystream.com/files/file/1003-leilukins-kreia-reskin/" target="_blank">Deadly Stream</a>
                             <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/932" target="_blank">Nexus Mods</a>
@@ -131,7 +139,7 @@
 
                     <div class="mod-entry">
                         <h3>No Jealousy Lock in Handmaiden Dialogue</h3>
-                        <img src="./img/No-Jealousy-Lock-Handmaiden.png" width="100%" height="auto" alt="Banner of No Jealousy Lock in Handmaiden Dialogue mod">
+                        <img src="./img/No-Jealousy-Lock-Handmaiden.png" alt="Banner of No Jealousy Lock in Handmaiden Dialogue mod">
                         <p>Allows you to continue to talk to Handmaiden even if you have much higher influence with Visas than with Handmaiden.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2205-no-jealousy-lock-in-handmaiden-dialogue/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1181" target="_blank">Nexus Mods</a>
@@ -139,7 +147,7 @@
 
                     <div class="mod-entry">
                         <h3>Visas Visible Jedi Robes</h3>
-                        <img src="./img/Visas-Visible-Jedi-Robes.png" width="100%" height="auto" alt="Banner of Visas Visible Jedi Robes mod">
+                        <img src="./img/Visas-Visible-Jedi-Robes.png" alt="Banner of Visas Visible Jedi Robes mod">
                         <p>Makes Jedi robes visible on Visas Marr's body when you equip her with one.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2218-visas-visible-jedi-robes/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1185" target="_blank">Nexus Mods</a>
@@ -147,7 +155,7 @@
 
                     <div class="mod-entry">
                         <h3>Love Between Brianna and the Exile - The Sith Lords Restored Content Mod Version</h3>
-                        <img src="./img/Love-Between-Brianna-and-the-Exile-TSLRCM.png" width="100%" height="auto" alt="Banner of Love Between Brianna and the Exile - The Sith Lords Restored Content Mod Version">
+                        <img src="./img/Love-Between-Brianna-and-the-Exile-TSLRCM.png" alt="Banner of Love Between Brianna and the Exile - The Sith Lords Restored Content Mod Version">
                         <p>Updated version of DarthShgaad's <a href="https://www.gamefront.com/games/knights-of-the-old-republic-ii/file/love-between-brianna-and-the-exile" target="_blank">Love Between Brianna and the Exile</a> mod, made to be more compatible with The Sith Lords Restored Content Mod (TSLRCM).</p>
                         <a class="link-btn" href="https://www.dropbox.com/s/ilntlihyaabthzg/Love%20Between%20Brianna%20And%20The%20Exile%20-%20TSLRCM%20version.zip?dl=0" target="_blank">Dropbox</a>
                     </div>
@@ -155,10 +163,10 @@
 
                 <section class="content-section filter-div npcs">
                     <h2>NPCs</h2>
-    
+
                     <div class="mod-entry">
                         <h3>Lonna Vash Mod for TSLRCM</h3>
-                        <img src="./img/Lonna-Vash-Mod-for-TSLRCM.png" width="100%" height="auto" alt="Banner of Lonna Vash Mod for TSLRCM">
+                        <img src="./img/Lonna-Vash-Mod-for-TSLRCM.png" alt="Banner of Lonna Vash Mod for TSLRCM">
                         <p>Restores Jedi Master Lonna Vash's cut conversation by allowing the player to meet and talk to her in the secret tomb on Korriban. Updated version of Sikon's Lonna Vash Mod, made to be fully compatible with The Sith Lord Restored Content Mod (TSLRCM).</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2201-lonna-vash-mod-for-tslrcm/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1180" target="_blank">Nexus Mods</a>
@@ -166,7 +174,7 @@
 
                     <div class="mod-entry">
                         <h3>TSL Twi'lek Male NPC Diversity</h3>
-                        <img src="./img/TSL-Twilek-Male-NPC-Diversity.png" width="100%" height="auto" alt="Banner of TSL Twi'lek Male NPC Diversity mod">
+                        <img src="./img/TSL-Twilek-Male-NPC-Diversity.png" alt="Banner of TSL Twi'lek Male NPC Diversity mod">
                         <p>Diversifies the appearances of Twi'lek male NPCs in KotOR 2: TSL by giving the named Twi'lek male NPCs different looks.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2242-tsl-twilek-male-npc-diversity/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1188" target="_blank">Nexus Mods</a>
@@ -174,7 +182,7 @@
 
                     <div class="mod-entry">
                         <h3>Dahnis Unique Look</h3>
-                        <img src="./img/Dahnis-Unique-Look.png" width="100%" height="auto" alt="Banner of Dahnis Unique Look mod">
+                        <img src="./img/Dahnis-Unique-Look.png" alt="Banner of Dahnis Unique Look mod">
                         <p>Gives the NPC Dahnis a unique appearance to make her look different from other Twi'lek women NPCs.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2198-dahnis-unique-look/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1178" target="_blank">Nexus Mods</a>
@@ -183,10 +191,10 @@
 
                 <section class="content-section filter-div items">
                     <h2>Items</h2>
-    
+
                     <div class="mod-entry">
                         <h3>TSL Improved Party Outfits</h3>
-                        <img src="./img/TSL-Improved-Party-Outfits.png" width="100%" height="auto" alt="Banner of TSL Improved Party Outfits mod">
+                        <img src="./img/TSL-Improved-Party-Outfits.png" alt="Banner of TSL Improved Party Outfits mod">
                         <p>Adds new items to improve the properties of the default outfits of the human and humanoid party members of KotOR II, namely Atton, Bao-Dur, the Disciple, the Handmaiden, Kreia, Mandalore, Mira and Visas.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/1012-tsl-improved-party-outfits/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/934" target="_blank">Nexus Mods</a>
@@ -194,7 +202,7 @@
 
                     <div class="mod-entry">
                         <h3>Juhani Item Pack for TSL</h3>
-                        <img src="./img/Juhani-Item-Pack-for-TSL.png" width="100%" height="auto" alt="Banner of Juhani Item Pack for TSL mod">
+                        <img src="./img/Juhani-Item-Pack-for-TSL.png" alt="Banner of Juhani Item Pack for TSL mod">
                         <p>Adds a new Jedi robe, a new headband and a new armband to In KotOR II: TSL, named after Juhani, with item descriptions that indicate these items once belonged to Juhani. </p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2244-juhani-item-pack-for-tsl/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1190" target="_blank">Nexus Mods</a>
@@ -202,7 +210,7 @@
 
                     <div class="mod-entry">
                         <h3>Prologue Item Recovery</h3>
-                        <img src="./img/Prologue-Item-Recovery.png" width="100%" height="auto" alt="Banner of Prologue Item Recovery mod">
+                        <img src="./img/Prologue-Item-Recovery.png" alt="Banner of Prologue Item Recovery mod">
                         <p>Allows you to recover the items you obtain from the prologue, regardless if you choose to skip the prologue or not. </p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2211-prologue-item-recovery/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1183" target="_blank">Nexus Mods</a>
@@ -210,7 +218,7 @@
 
                     <div class="mod-entry">
                         <h3>TSL Workbench Lightsaber Creation</h3>
-                        <img src="./img/TSL-Workbnch-Lightsaber-Creation.png" width="100%" height="auto" alt="Banner of TSL Workbench Lightsaber Creation mod">
+                        <img src="./img/TSL-Workbnch-Lightsaber-Creation.png" alt="Banner of TSL Workbench Lightsaber Creation mod">
                         <p>Allows you to create lightsabers at a workbench, including double-bladed, one-handed or short lightsabers, with any color focusing crystals available in the game, after completing the quest to craft your first lightsaber.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2197-tsl-workbench-lightsaber-creation/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1177" target="_blank">Nexus Mods</a>
@@ -219,10 +227,10 @@
 
                 <section class="content-section filter-div misc">
                     <h2>Miscellaneous</h2>
-    
+
                     <div class="mod-entry">
                         <h3>Exile's Trial Overlay Removal</h3>
-                        <img src="./img/Exiles-Trial-Overlay-Removal.png" width="100%" height="auto" alt="Banner of Exile's Trial Overlay Removal mod">
+                        <img src="./img/Exiles-Trial-Overlay-Removal.png" alt="Banner of Exile's Trial Overlay Removal mod">
                         <p>Removes the blue overlay of the scene of the Exile's trial on Coruscant in The Sith Lords Restored Content Mod (TSLRCM).</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/2217-exiles-trial-overlay-removal/" target="_blank">Deadly Stream</a>
                         <a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1184" target="_blank">Nexus Mods</a>
@@ -231,22 +239,22 @@
 
                 <section class="content-section filter-div patches">
                     <h2>Patches</h2>
-    
+
                     <div class="mod-entry">
                         <h3>PartySwap and Extended Enclave Compatibility Patch</h3>
-                        <img src="./img/PartySwap-ExtEnclave-Comp-Patch.png" width="100%" height="auto" alt="Banner of PartySwap and Extended Enclave Compatibility Patch">
+                        <img src="./img/PartySwap-ExtEnclave-Comp-Patch.png" alt="Banner of PartySwap and Extended Enclave Compatibility Patch">
                         <p>A standalone patch to make DarthTyren's <a href="https://deadlystream.com/files/file/544-partyswap/" target="_blank">PartySwap</a> mod compatible with danil-ch and Darth Hayze's <a href="https://deadlystream.com/files/file/428-extended-enclave-tslrcm-add-on/" target="_blank">Extended Enclave</a> mod.</p>
                         <a class="link-btn" href="https://deadlystream.com/files/file/1304-partyswap-and-extended-enclave-compatibility-patch/" target="_blank">Deadly Stream</a>
                     </div>
 
                     <div class="mod-entry">
                         <h3>Remote Tells Influence Patch for The Sith Lords Restored Content Mod</h3>
-                        <img src="./img/Remote-Tells-Influence-Patch.png" width="100%" height="auto" alt="Banner of LRemote Tells Influence Patch for The Sith Lords Restored Content Mod">
+                        <img src="./img/Remote-Tells-Influence-Patch.png" alt="Banner of LRemote Tells Influence Patch for The Sith Lords Restored Content Mod">
                         <p>A patch to make tk102's <a href="https://www.gamefront.com/games/knights-of-the-old-republic-ii/file/remote-tells-influence" target="_blank">Remote Tells Influence</a> mod more compatible with The Sith Lords Restored Content Mod (TSLRCM).</p>
                         <a class="link-btn" href="https://www.dropbox.com/s/af3h6y793f3zjxq/Remote%20Tells%20Influence%20Patch%20for%20TSLRCM.zip?dl=0" target="_blank">Dropbox</a>
                     </div>
                 </section>
-            </div>
+            </articl>
 
             <!-- <aside class="right-sidebar">
                 Right sidebar content here
@@ -254,4 +262,4 @@
         </main>
         <footer class="main-footer"></footer>
     </body>
-</h
\ No newline at end of file
+</html>
\ No newline at end of file