punkfairie/punkfairie-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

✨ feat: Break out site sections into their own includes

Browse source
This commit is contained in:
marleyrae 2023-06-05 20:12:14 -07:00
parent 97aa7ffed2
commit f2278b2fa0
6 changed files with 41 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
dist/index.html vendored
View file

@ -20,27 +20,29 @@
<nav class="Site-nav Nav" x-data :style="$store['subNav'].open ? '--Site-nav-gridArea: Site-nav;' : ''"> <nav class="Site-nav Nav" x-data :style="$store['subNav'].open ? '--Site-nav-gridArea: Site-nav;' : ''">
<a href="/" class="Nav-link">index</a> <a href="/" class="Nav-link">index</a>
<button class="Nav-link" @click="$store['subNav'].toggle('collections')" aria-controls="collections-submenu" <button class="Nav-link" @click="$store['subNav'].toggle('collections')" aria-controls="collections-submenu"
aria-expanded="false"> aria-expanded="false">
collections collections
</button> </button>
<a href="/about/" class="Nav-link">about</a> <a href="/about/" class="Nav-link">about</a>
<a href="/manifesto/" class="Nav-link">manifesto</a> <a href="/manifesto/" class="Nav-link">manifesto</a>
<a href="/diary/" class="Nav-link">diary</a> <a href="/diary/" class="Nav-link">diary</a>
<a href="/links/" class="Nav-link">links</a> <a href="/links/" class="Nav-link">links</a>
<hr class="Nav-separator"> <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>
<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>
<nav class="Site-subNav Nav" x-data x-show="$store['subNav'].current === 'collections'" id="collections-submenu"> <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> <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/buttons/" class="Nav-link">buttons</a>
<a href="/collections/blinkies/" class="Nav-link">blinkies</a> <a href="/collections/blinkies/" class="Nav-link">blinkies</a>
<a href="/collections/stamps/" class="Nav-link">stamps</a> <a href="/collections/stamps/" class="Nav-link">stamps</a>
</nav> </nav>
<main class="Site-content"> <main class="Site-content">
@ -53,11 +55,11 @@
</main> </main>
<aside class="Site-info"> <aside class="Site-info">
</aside> </aside>
<aside class="Site-social"> <aside class="Site-social">
</aside> </aside>
<!--suppress HtmlUnknownTarget --> <!--suppress HtmlUnknownTarget -->

5
src/_includes/collections-nav.liquid Normal file
View file

@ -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>

25
src/_includes/layout.liquid
View file

@ -19,28 +19,11 @@
<h1 class="Site-title">punkfairie.net</h1> <h1 class="Site-title">punkfairie.net</h1>
<nav class="Site-nav Nav" x-data :style="$store['subNav'].open ? '--Site-nav-gridArea: Site-nav;' : ''"> <nav class="Site-nav Nav" x-data :style="$store['subNav'].open ? '--Site-nav-gridArea: Site-nav;' : ''">
<a href="/" class="Nav-link">index</a> {% include 'main-nav' %}
<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>
</nav> </nav>
<nav class="Site-subNav Nav" x-data x-show="$store['subNav'].current === 'collections'" id="collections-submenu"> <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> {% include 'collections-nav' %}
<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> </nav>
<main class="Site-content"> <main class="Site-content">
@ -48,11 +31,11 @@
</main> </main>
<aside class="Site-info"> <aside class="Site-info">
{% include 'site-info' %}
</aside> </aside>
<aside class="Site-social"> <aside class="Site-social">
{% include 'site-social' %}
</aside> </aside>
<!--suppress HtmlUnknownTarget --> <!--suppress HtmlUnknownTarget -->

14
src/_includes/main-nav.liquid Normal file
View file

@ -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>

0
src/_includes/site-info.liquid Normal file
View file

0
src/_includes/site-social.liquid Normal file
View file