Rearranged the links page

changelog/index.html

@@ -43,6 +43,7 @@
                 <ul>
                     <li>For <a href="/mymods/">my mods page</a>, adjusted the background width of the individual mods.</li>
                     <li>Updated the main page of my <a href="/shrines/starwarskotor/"><cite>Star Wars: Knights of the Old Republic</cite> shrine</a>.</li>
+                    <li>Rearranged my <a href="/links/">Links</a> page.</li>
                 </ul>
 
                 <p class="date-style">July 26, 2023:</p>

css/style-main.css

@@ -470,6 +470,13 @@ article, .content-container {
     background: var(--clr-link-hover);
 }
 
+/* Web button lists */
+.web-btn-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+}
+
 /* TABLE OF CONTENTS */
 .sidebar__toc {
     position: sticky;

home.html

@@ -68,6 +68,7 @@
                         <ul>
                             <li>For <a href="/mymods/">my mods page</a>, adjusted the background width of the individual mods.</li>
                             <li>Updated the main page of my <a href="/shrines/starwarskotor/"><cite>Star Wars: Knights of the Old Republic</cite> shrine</a>.</li>
+                            <li>Rearranged my <a href="/links/">Links</a> page.</li>
                         </ul>
                     </div>
                     <a href="/changelog">View all site changelog</a>
@@ -75,7 +76,7 @@
 
                 <section class="content-section">
                     <h2>Always Proud</h2>
-                    <div style="display: inline-flex; flex-wrap: wrap;gap: 0.5rem">
+                    <div class="web-btn-wrapper">
                         <img src="./buttons/progress.png" alt="A website button of the 2018 Progress Flag" title="2018 Progress Flag by Daniel Quasar (2018)">
                         <img src="./buttons/9_stripe.png" alt="A website button of the 9 stripe rainbow flag" title="Nine-Stripe Rainbow Flag by Gilbert Baker (2017)">
                         <img src="./buttons/lesbian.png" alt="A website button of the lesbian pride flag" title="I am a lesbian">

links/index.html

@@ -36,6 +36,10 @@
                 <section class="content-section">
                     <h1>Links</h1>
 
+                    <p>Networks between webmasters or people who share similar interests.</p>
+                </section>
+
+                <section class="content-section">
                     <h2>Link to My Website</h2>
     
                     <p>You can link to my website with this button:</p>
@@ -55,6 +59,7 @@
                     </div>
 
                     <p>Credit to <a href="https://github.com/hekate2" target="_blank">hekate2</a> for their <a href="https://hekate2.github.io/buttonmaker/" target="_blank">88x31 Web Button Maker</a>!</p>
+
                 </section>
 
                 <section class="content-section">
@@ -66,7 +71,7 @@
                 <section class="content-section">
                     <h2>Fanlistings I Have Joined</h2>
 
-                    <div style="display: flex;flex-wrap: wrap;gap: 0.5rem">
+                    <div class="web-btn-wrapper">
                         <a href="https://glitterskies.org/kotor/" target="_blank"><img src="./fanlistings/kotor-100x50.png" alt="A website button of a Star Wars: Knights of the Old Republic fanlisting" title="Erased Identity - Star Wars: Knights of the Old Republic fanlisting"></a>
                         <a href="https://glitterskies.org/kotor2/" target="_blank"><img src="./fanlistings/kotor2-100x50.jpg" alt="A website button of a Star Wars: Knights of the Old Republic 2 fanlisting" title="Mysteries of Malachor - Star Wars: Knights of the Old Republic 2: The Sith Lords fanlisting"></a>
                         <a href="https://inspirationally.net/jedi/" target="_blank"><img src="./fanlistings/jedi-100x50.png" alt="A website button of a Jedi fanlisting" title="Keepers of the Peace // the Star Wars: [+] Jedi fanlisting"></a>