Add web directories section and move all buttons into one main folder

src/_includes/main/webdirectories.njk

@@ -0,0 +1,8 @@
+<div class="web-btn-wrapper">
+    <a href="https://kalechips.net/responsive/" title="Responsive Web">
+        <img src="/assets/buttons/directories/responsiveweb.png" alt="Responsive Web Directory button">
+    </a>
+    <a href="https://pinkvampyr.leprd.space/accessiblenet/" title="Accessibility Net">
+        <img src="/assets/buttons/directories/accessiblenet.png" alt="Accessible Net Directory button">
+    </a>
+</div>

src/_includes/main/webrings.njk

@@ -1,3 +1,13 @@
 <div class="web-btn-wrapper">
-    <div style="border: none; display: inline-flex"><a href="https://isaacfish.neocities.org/webring/25.html"><img src="/assets/webrings/queercoded-left.png" alt="left arrow"></a>&nbsp;<a href="https://isaacfish.neocities.org/webring/"><img src="/assets/webrings/queercoded.png" alt="queer coded webring" title="The Queer Coded Webring"></a>&nbsp;<a href="https://isaacfish.neocities.org/webring/27.html"><img src="/assets/webrings/queercoded-right.png" alt="right arrow"></a></div>
+    <div style="border: none; display: inline-flex">
+        <a href="https://isaacfish.neocities.org/webring/25.html">
+            <img src="/assets/buttons/webrings/queercoded-left.png" alt="left arrow">
+        </a>&nbsp;
+        <a href="https://isaacfish.neocities.org/webring/">
+            <img src="/assets/buttons/webrings/queercoded.png" alt="queer coded webring" title="The Queer Coded Webring">
+        </a>&nbsp;
+        <a href="https://isaacfish.neocities.org/webring/27.html">
+            <img src="/assets/buttons/webrings/queercoded-right.png" alt="right arrow">
+        </a>
+    </div>
 </div>

src/index.njk

@@ -46,18 +46,21 @@ eleventyNavigation:
     <h2>Always Proud</h2>
     <div class="flag-progress-intersex-lesbian" role="img" aria-label="Custom pride flag which combines the lesbian pride flag and the progress pride flag triangle" style="height: 20rem; margin-bottom: 1em;"></div>
     <div class="web-btn-wrapper">
-        <img src="/assets/buttons/progress.png" alt="A website button of the 2018 Progress Flag" title="2018 Progress Flag by Daniel Quasar (2018)">
+        <img src="/assets/buttons/pride/progress.png" alt="A website button of the 2018 Progress Flag" title="2018 Progress Flag by Daniel Quasar (2018)">
-        <img src="/assets/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="/assets/buttons/pride/9_stripe.png" alt="A website button of the 9 stripe rainbow flag" title="Nine-Stripe Rainbow Flag by Gilbert Baker (2017)">
-        <img src="/assets/buttons/lesbian.png" alt="A website button of the lesbian pride flag" title="I am a lesbian">
+        <img src="/assets/buttons/pride/lesbian.png" alt="A website button of the lesbian pride flag" title="I am a lesbian">
-        <img src="/assets/buttons/nonbinary.png" alt="A website button of the non-binary pride flag" title="I am non-binary">
+        <img src="/assets/buttons/pride/nonbinary.png" alt="A website button of the non-binary pride flag" title="I am non-binary">
-        <img src="/assets/buttons/demigirl.png" alt="A website button of the demigirl pride flag" title="I am a demiwoman">
+        <img src="/assets/buttons/pride/demigirl.png" alt="A website button of the demigirl pride flag" title="I am a demiwoman">
-        <img src="/assets/buttons/agender.png" alt="A website button of the agender pride flag" title="I am agender">
+        <img src="/assets/buttons/pride/agender.png" alt="A website button of the agender pride flag" title="I am agender">
-        <img src="/assets/buttons/bigender.png" alt="A website button of the bigender pride flag" title="I am bigender">
+        <img src="/assets/buttons/pride/bigender.png" alt="A website button of the bigender pride flag" title="I am bigender">
     </div>
     <p>Credit to <a href="https://rainy.gay/pride/pridebuttons">Dime</a> for these pride buttons!</p>
 </section>
 
 <section class="content__section">
+    <h2>Directories</h2>
+    {% include "main/webdirectories.njk" %}
+
     <h2>Webrings</h2>
     {% include "main/webrings.njk" %}
 </section>

src/pages/links.njk

@@ -18,10 +18,13 @@ eleventyNavigation:
 <section class="content__section">
     <h2>My Web Network</h2>
 
-    <h3>Webrings I Have Joined</h3>
+    <h3>Directories</h3>
+    {% include "main/webdirectories.njk" %}
+
+    <h3>Webrings</h3>
     {% include "main/webrings.njk" %}
 
-    <h3>Fanlistings I Have Joined</h3>
+    <h3>Fanlistings</h3>
     <div class="web-btn-wrapper">
         <a href="https://glitterskies.org/kotor/"><img src="/assets/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/"><img src="/assets/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>
@@ -38,5 +41,4 @@ eleventyNavigation:
         <li><a href="https://docs.google.com/document/d/15HbD-k-D8WHrp10IjIryAguhq7k2W94pkuGys7Z7xNM/edit">Star Wars: Knights of the Old Republic II: The Sith Lords</a></li>
         <li><a href="https://docs.google.com/document/d/1LMMd3yRtLYb35A7oNEN1hRUsoe9-vo2MfMxcM2Wq0MI/edit">Stardew Valley</a></li>
     </ul>
-
 </section>