✨ feat: Break out site sections into their own includes

dist/index.html

@@ -33,6 +33,7 @@
 
 <a href="https://epiphany.punkfairie.net" target="_blank" class="Nav-link">epiphany</a>
 <a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>
+
 </nav>
 
 <nav class="Site-subNav Nav" x-data x-show="$store['subNav'].current === 'collections'" id="collections-submenu">
@@ -41,6 +42,7 @@
 <a href="/collections/buttons/" class="Nav-link">buttons</a>
 <a href="/collections/blinkies/" class="Nav-link">blinkies</a>
 <a href="/collections/stamps/" class="Nav-link">stamps</a>
+
 </nav>
 
 <main class="Site-content">

src/_includes/collections-nav.liquid

@@ -0,0 +1,5 @@
+<p class="Nav-caption"><i>Warning: flashing gifs; very image heavy.</i></p>
+
+<a href="/collections/buttons/" class="Nav-link">buttons</a>
+<a href="/collections/blinkies/" class="Nav-link">blinkies</a>
+<a href="/collections/stamps/" class="Nav-link">stamps</a>

src/_includes/layout.liquid

@@ -19,28 +19,11 @@
 <h1 class="Site-title">punkfairie.net</h1>
 
 <nav class="Site-nav Nav" x-data :style="$store['subNav'].open ? '--Site-nav-gridArea: Site-nav;' : ''">
-    <a href="/" class="Nav-link">index</a>
-    <button class="Nav-link" @click="$store['subNav'].toggle('collections')" aria-controls="collections-submenu"
-            aria-expanded="false">
-        collections
-    </button>
-    <a href="/about/" class="Nav-link">about</a>
-    <a href="/manifesto/" class="Nav-link">manifesto</a>
-    <a href="/diary/" class="Nav-link">diary</a>
-    <a href="/links/" class="Nav-link">links</a>
-
-    <hr class="Nav-separator">
-
-    <a href="https://epiphany.punkfairie.net" target="_blank" class="Nav-link">epiphany</a>
-    <a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>
+    {% include 'main-nav' %}
 </nav>
 
 <nav class="Site-subNav Nav" x-data x-show="$store['subNav'].current === 'collections'" id="collections-submenu">
-    <p class="Nav-caption"><i>Warning: flashing gifs; very image heavy.</i></p>
-
-    <a href="/collections/buttons/" class="Nav-link">buttons</a>
-    <a href="/collections/blinkies/" class="Nav-link">blinkies</a>
-    <a href="/collections/stamps/" class="Nav-link">stamps</a>
+    {% include 'collections-nav' %}
 </nav>
 
 <main class="Site-content">
@@ -48,11 +31,11 @@
 </main>
 
 <aside class="Site-info">
-
+    {% include 'site-info' %}
 </aside>
 
 <aside class="Site-social">
-
+    {% include 'site-social' %}
 </aside>
 
 <!--suppress HtmlUnknownTarget -->

src/_includes/main-nav.liquid

@@ -0,0 +1,14 @@
+<a href="/" class="Nav-link">index</a>
+<button class="Nav-link" @click="$store['subNav'].toggle('collections')" aria-controls="collections-submenu"
+        aria-expanded="false">
+    collections
+</button>
+<a href="/about/" class="Nav-link">about</a>
+<a href="/manifesto/" class="Nav-link">manifesto</a>
+<a href="/diary/" class="Nav-link">diary</a>
+<a href="/links/" class="Nav-link">links</a>
+
+<hr class="Nav-separator">
+
+<a href="https://epiphany.punkfairie.net" target="_blank" class="Nav-link">epiphany</a>
+<a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>