From a51694ea3b9c0e68adcaf1404deee5135ff4736b Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Wed, 30 Aug 2023 10:43:48 +0800
Subject: [PATCH] Adjusted spacing between article list items

---
 articles/index.html                        |  4 ++--
 changelog/index.html                       |  1 +
 css/style-main.css                         |  5 +++++
 featured/index.html                        |  2 +-
 home.html                                  |  1 +
 resources/index.html                       |  4 ++--
 shrines/cassettebeasts/articles/index.html |  2 +-
 shrines/cassettebeasts/devinsights.html    |  4 ++--
 shrines/cassettebeasts/featured.html       |  6 +++---
 shrines/starwarskotor/articles/index.html  |  6 +++---
 shrines/starwarskotor/guides/index.html    |  4 ++--
 shrines/starwarskotor/resources/index.html | 10 +++++-----
 12 files changed, 28 insertions(+), 21 deletions(-)

diff --git a/articles/index.html b/articles/index.html
index d01ff40f..5edd7142 100644
--- a/articles/index.html
+++ b/articles/index.html
@@ -44,7 +44,7 @@
 
                 <section class="content-section">
                     <h2>Fandom Culture</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="my-dislike-of-shipping-culture.html">My Disinterest in Shipping and Dislike of Shipping Culture</a></li>
                         <li><a href="designated-lesbian-syndrome-fandom.html">Designated Lesbian Syndrome in Fandom</a></li>
                     </ul>
@@ -52,7 +52,7 @@
 
                 <section class="content-section">
                     <h2>Specific Video Games with Their Own Pages</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li>My <cite>Cassette Beasts</cite> shrine <a href="/shrines/cassettebeasts/articles/">Articles</a> page</li>
                         <li>My <cite>Star Wars: Knights of the Old Republic</cite> shrine <a href="/shrines/starwarskotor/articles/">Articles</a> page</li>
                     </ul>
diff --git a/changelog/index.html b/changelog/index.html
index 5b4758f1..f142ddab 100644
--- a/changelog/index.html
+++ b/changelog/index.html
@@ -53,6 +53,7 @@
                 <p class="date-style">August 30, 2023:</p>
                 <ul>
                     <li><cite>Star Wars: Knights of the Old Republic</cite> <a href="/shrines/starwarskotor/">shrine</a>: Added new article: <a href="/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough.html">Should You Use The Sith Lords Restored Content Mod in Your First <cite>Star Wars: KotOR 2</cite> Playthrough?</a>.</li>
+                    <li>Adjusted spacing between each item in the article index lists.</li>
                 </ul>
 
                 <p class="date-style">August 29, 2023:</p>
diff --git a/css/style-main.css b/css/style-main.css
index 1c03dc43..d13f8149 100644
--- a/css/style-main.css
+++ b/css/style-main.css
@@ -242,6 +242,11 @@ summary {
     display: none;
 }
 
+.article-list {
+    display: grid;
+    gap: 0.5em;
+}
+
 /* HEADER COMPONENT */
 .main-header {
     width: 100%;
diff --git a/featured/index.html b/featured/index.html
index 4babc4e9..2f273b8d 100644
--- a/featured/index.html
+++ b/featured/index.html
@@ -41,7 +41,7 @@
                     <h1>Featured</h1>
                     
                     <h2>Interviews with Me</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="./kotor2-modder-interview-ars-technica.html">The modders who spent 15 years fixing Knights of the Old Republic 2 @ Ars Technica</a></li>
                         <li><a href="./lgbtq-booklet-interview-misi-bawang.html">Artist Interview for MISI:Bawang's Floating in a Sky Full of Pride</a></li>
                     </ul>
diff --git a/home.html b/home.html
index a3cd17b2..34121d54 100644
--- a/home.html
+++ b/home.html
@@ -71,6 +71,7 @@
                         <p class="date-style">August 30, 2023:</p>
                         <ul>
                             <li><cite>Star Wars: Knights of the Old Republic</cite> <a href="/shrines/starwarskotor/">shrine</a>: Added new article: <a href="/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough.html">Should You Use The Sith Lords Restored Content Mod in Your First <cite>Star Wars: KotOR 2</cite> Playthrough?</a>.</li>
+                            <li>Adjusted spacing between each item in the article index lists.</li>
                         </ul>
                         <p><a href="/changelog">View all site changelog</a></p>
                     </div>
diff --git a/resources/index.html b/resources/index.html
index 79e1df9a..ed4e9594 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -44,7 +44,7 @@
 
                 <section class="content-section">
                     <h2>Leilukin's Masterlists</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="web-building-resources.html">Web Building Resources</a></li>
                         <li><a href="anti-harry-potter-jk-rowling-masterlist.html">Anti-Harry Potter and Anti-J.K. Rowling Masterlist</a></li>
                     </ul>
@@ -53,7 +53,7 @@
                 <section class="content-section">
                     <h2>Leilukin's Mod Builds</h2>
                     <p>Lists of video game mods I use for my own playthroughs.</p>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://docs.google.com/document/d/1Hhh_31ZlplT06UaVVwf1so7PnIBRCbT60tCBNn7zHiQ/edit" target="_blank">Mass Effect Legendary Edition</a></li>
                         <li><a href="https://docs.google.com/document/d/1LMMd3yRtLYb35A7oNEN1hRUsoe9-vo2MfMxcM2Wq0MI/edit" target="_blank">Stardew Valley</a></li>
                     </ul>
diff --git a/shrines/cassettebeasts/articles/index.html b/shrines/cassettebeasts/articles/index.html
index 1b094ed9..8ae1db04 100644
--- a/shrines/cassettebeasts/articles/index.html
+++ b/shrines/cassettebeasts/articles/index.html
@@ -43,7 +43,7 @@
                 </section>
 
                 <section class="content-section">
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="cassette-beasts-more-than-a-pokemon-clone.html">How <cite>Cassette Beasts</cite> is Much More than a <cite>Pokémon</cite> Clone</a></li>
                     </ul>
                 </section>
diff --git a/shrines/cassettebeasts/devinsights.html b/shrines/cassettebeasts/devinsights.html
index 79331aaa..a2e8e810 100644
--- a/shrines/cassettebeasts/devinsights.html
+++ b/shrines/cassettebeasts/devinsights.html
@@ -46,7 +46,7 @@
 
                 <section class="content-section">
                     <h2>Q&A Sessions</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://store.steampowered.com/news/app/1321440/view/3669908058337516561" target="_blank">Cassette Beasts Blog #13 - You asked, we answered!</a> (February 28, 2023)</li>
                         <li><a href="https://www.reddit.com/r/JRPG/comments/12kobbo/were_bytten_studio_the_developers_of_cassette/" target="_blank">Reddit AMA on r/JRPG</a> (April 13, 2023)</li>
                         <li><a href="https://www.reddit.com/r/NintendoSwitch/comments/14nvsiu/ama_we_are_bytten_studio_the_developers_of/" target="_blank">Reddit AMA on r/NintendoSwitch</a> (July 1, 2023)</li>
@@ -55,7 +55,7 @@
 
                 <section class="content-section">
                     <h2>Interviews</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://www.shacknews.com/article/130992/shacknews-e6-2022-cassette-beasts-interview-on-collectible-monsters-and-fusion-system" target="blank">Shacknews E6 2022: Cassette Beasts interview on collectible monsters and Fusion System</a> by Morgan Shaver of Shacknews</li>
                         <li><a href="https://www.pockettactics.com/cassette-beasts/interview" target="blank">Making monsters out of myths with the Cassette Beasts dev</a> by Ben Johnson of Pocket Tactics (March 2023)</li>
                         <li><a href="https://www.patreon.com/posts/game-maker-with-79789240" target="blank">Game Maker Series - Interview with Jay Baylis (Cassette Beasts)</a> by The Pre-Order Bonus Podcast</li>
diff --git a/shrines/cassettebeasts/featured.html b/shrines/cassettebeasts/featured.html
index d24d2d24..477ee6cd 100644
--- a/shrines/cassettebeasts/featured.html
+++ b/shrines/cassettebeasts/featured.html
@@ -44,7 +44,7 @@
 
                 <section class="content-section">
                     <h2>Reviews</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://www.godisageek.com/reviews/cassette-beasts-review/" target="_blank">Cassette Beasts review</a> by Lyle Carr at GodisaGeek (April 26, 2023)</li>
                         <li><a href="https://hardcoregamer.com/reviews/review-cassette-beasts/439840/" target="blank">Review: Cassette Beasts</a> by Jeremy Peeples at Hardcore Gamer (April 26, 2023)</li>
                         <li><a href="https://www.rockpapershotgun.com/cassette-beasts-review" target="_blank">Cassette Beasts review: dropping the mic on the Pokémon-like</a> by Katharine Castle at Rock Paper Shotgun (April 26, 2023)</li>
@@ -57,7 +57,7 @@
 
                 <section class="content-section">
                     <h2>Articles</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://www.rockpapershotgun.com/cassette-beasts-is-monster-collecting-rpg-thats-more-power-rangers-than-pokemon" target="blank">Cassette Beasts is monster-collecting RPG that's more Power Rangers than Pokémon</a> by Ed Thorn at Rock Paper Shotgun (September 30, 2022)</li>
                         <li><a href="https://www.siliconera.com/cassette-beasts-companions-are-what-i-always-wanted-from-pokemon-rivals/" target="_blank">Cassette Beasts’ Companions Are What I Always Wanted from Pokemon Rivals</a> by Jenni Lada at Siliconera (June 10, 2023)</li>
                         <li><a href="https://www.dualshockers.com/cassette-beasts-new-king-of-monster-collecting-games/" target="_blank">Cassette Beasts is the New King of the Monster-Collecting Games</a> by Robert Webb at DualShockers (July 20, 2023)</li>
@@ -67,7 +67,7 @@
 
                 <section class="content-section">
                     <h2>Videos</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://www.youtube.com/watch?v=W__eBjKDFvo" target="_blank">Is Cassette Beasts Worth It?</a> by Gym Leader Ed (April 26, 2023)</li>
                         <li><a href="https://www.youtube.com/watch?v=vIwzTJp3o9M" target="_blank">Why You Should Play Cassette Beasts</a> by AstralKat (May 10, 2023)</li>
                         <li><a href="https://www.youtube.com/watch?v=Hi2LdmBpJk8" target="blank">This Indie Game Fixes Pokémon's Problems | Cassette Beasts Review</a> by Indie Game Oasis (June 17, 2023)</li>
diff --git a/shrines/starwarskotor/articles/index.html b/shrines/starwarskotor/articles/index.html
index bd921f36..257a1cae 100644
--- a/shrines/starwarskotor/articles/index.html
+++ b/shrines/starwarskotor/articles/index.html
@@ -51,7 +51,7 @@
 
                 <section class="content-section">
                     <h2>My <cite>KotOR 1</cite> Articles</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="juhani-lesbian-evidence.html">Evidence of Juhani being a Lesbian from <cite>Star Wars: Knights of the Old Republic's</cite> Game Files</a></li>
                         <li><a href="juhani-hostility-towards-canderous.html">How to Access Juhani's Conversaion about Canderous without Restoration Mods</a></li>
                         <li><a href="keep-juhani-a-lesbian.html">Keep Juhani a Lesbian and Keep Juhani's Romance Exclusive to Female Characters</a></li>
@@ -60,7 +60,7 @@
 
                 <section class="content-section">
                     <h2>My <cite>KotOR 2</cite> Articles</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="arren-kae-kreia-theory.html">Why I Personally Do Not Subscribe to the “Arren Kae is Kreia” Theory</a></li>
                         <li><a href="handmaiden-sisters-mother.html">Where is the Mother of the Handmaiden’s Sisters?</a></li>
                         <li><a href="partyswap-management-takeover.html">On Me Taking Over the Management and Development of DarthTyren's PartySwap Mod</a></li>
@@ -70,7 +70,7 @@
 
                 <section class="content-section">
                     <h2><cite>KotOR</cite> Articles I Recommend</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://somblog.tumblr.com/post/175466502069/this-isnt-a-star-wars-fandom-blog-but-ive-been" target="_blank">This essay about Juhani</a> by Tumblr user somblog is an excellent analysis of Juhani's character.</li>
                         <li><a href="https://www.reddit.com/r/kotor/comments/129co74/in_defense_of_peragus_its_not_just_welldesigned/" target="_blank">In Defense of Peragus: it’s not just well-designed, it’s a uniquely good level too</a> by Snigaroo on the KotOR Subreddit — An excellent essay that goes into detail in explaining why some of us actually find Peragus a good level. I am among the minority that genuinely enjoy Peragus, to the extent that I never even considered using any mod to skip the level, and I replay all the hologram recordings throughout Peragus and the Harbinger every time I replay <cite>KotOR 2</cite>.</li>
                     </ul>
diff --git a/shrines/starwarskotor/guides/index.html b/shrines/starwarskotor/guides/index.html
index 9eda202c..51f9fa79 100644
--- a/shrines/starwarskotor/guides/index.html
+++ b/shrines/starwarskotor/guides/index.html
@@ -44,7 +44,7 @@
 
                 <section class="content-section">
                     <h2><cite>KotOR 1</cite> Guides</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://strategywiki.org/wiki/Star_Wars:_Knights_of_the_Old_Republic" target="_blank"><cite>Star Wars: Knights of the Old Republic</cite> section</a> on StrategyWiki</li>
                         <li><a href="./kotor-juhani-romance-guide.html">Juhani Romance Guide</a> by Leilukin (me)</li>
                         <li><a href="./kotor-redeeming-bastila-guide.html">Redeeming Bastila Guide</a> by Leilukin (me)</li>
@@ -54,7 +54,7 @@
 
                 <section class="content-section">
                     <h2><cite>KotOR 2: TSL</cite> Guides</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://web.archive.org/web/20190104130924/www.starwarsknights.com/influence.php" target="_blank">Influence Walkthrough</a> by by Achilles — This guide was written for the vanilla game. The Unofficial Dialog Patch on the page is not compatible with The Sith Lords Restored Content Mod (TSLRCM).</li>
                         <li><a href="https://www.reddit.com/r/kotor/comments/ruofg1/kotor_2_tslrcm_influence_guide/" target="_blank">TSLRCM Influence Guide</a> by u/XDarkStrikerX</li>
                         <li><a href="https://www.reddit.com/r/kotor/comments/vmhn73/kotor_2_tslrcm_influence_guide_collaboration/" target="_blank">TSLRCM Influence Guide Collaboration</a>, organised by u/Egg-MacGuffin. <a href="https://docs.google.com/spreadsheets/d/1SppuhOhl3AU-EAKjSji1EIJm41OTjeRGfVHbnmRwqio/edit?usp=sharing" target="_blank">Here is the direct link to the spreadsheet</a>.</li>
diff --git a/shrines/starwarskotor/resources/index.html b/shrines/starwarskotor/resources/index.html
index 818a44da..b73698fb 100644
--- a/shrines/starwarskotor/resources/index.html
+++ b/shrines/starwarskotor/resources/index.html
@@ -45,7 +45,7 @@
                 <section class="content-section">
                     <h2>My Mods</h2>
                     <p>Here are the modifications for the <cite>KotOR</cite> series I have created.</p>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="/mymods/kotor1mods/" target="_blank"><cite>Star Wars: Knights of the Old Republic</cite></a></li>
                         <li><a href="/mymods/kotor2mods/" target="_blank"><cite>Star Wars: Knights of the Old Republic II: The Sith Lords</cite></a></li>
                     </ul>
@@ -53,14 +53,14 @@
 
                 <section class="content-section">
                     <h2>My Modder's Resource</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://deadlystream.com/files/file/2249-missing-k1-party-member-ports-for-tsl-modders-resource/" target="_blank">Missing K1 Party Member Ports for TSL</a></li>
                     </ul>  
                 </section>
 
                 <section class="content-section">
                     <h2>My Save Files</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://deadlystream.com/files/file/2180-light-side-female-saves-with-kotor-1-community-patch-and-all-romances/" target="_blank">Light Side Female Saves with KOTOR 1 Community Patch and All Romances</a></li>
                         <li><a href="https://deadlystream.com/files/file/2213-kotor-2-light-side-female-saves-with-tslrcm-and-partyswap/" target="_blank">KotOR 2 Light Side Female Saves with The Sith Lords Restored Content Mod and PartySwap</a></li>
                     </ul>
@@ -68,7 +68,7 @@
 
                 <section class="content-section">
                     <h2>My Mod Lists</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="./kotor-same-gender-romance-mods.html">List of Same-Gender Romance Mods for the <cite>KotOR</cite> Series</a></li>
                         <li><a href="./kotor2-female-exile-recruit-handmaiden-mods.html">List of <cite>KotOR 2</cite> Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member</a></li>
                     </ul>
@@ -76,7 +76,7 @@
 
                 <section class="content-section">
                     <h2>References</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="./tslrcm-m478ep-modules-music.html">The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes & Music Overview</a></li>
                     </ul>
                 </section>