From eec118bccc4ae1e0ed372d27b8a85d846eaa4434 Mon Sep 17 00:00:00 2001
From: marleyrae <marleyrae@protonmail.com>
Date: Mon, 5 Jun 2023 19:38:29 -0700
Subject: [PATCH] :sparkles: feat: Get menu toggle working!

---
 .idea/inspectionProfiles/Project_Default.xml |  1 +
 .idea/jsLibraryMappings.xml                  |  2 ++
 dist/index.html                              | 13 ++++------
 dist/js/main.js                              |  5 ++++
 dist/style/style.css                         |  2 +-
 package-lock.json                            | 26 ++++++++++++++++++++
 package.json                                 |  2 ++
 src/_includes/layout.liquid                  | 15 ++++-------
 src/_includes/main.js                        |  5 ----
 src/js/main.js                               | 13 ++++++++++
 src/style/components/_Site.scss              |  1 -
 11 files changed, 60 insertions(+), 25 deletions(-)
 create mode 100644 dist/js/main.js
 delete mode 100644 src/_includes/main.js
 create mode 100644 src/js/main.js

diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
index 39bc389..f15a3c4 100644
--- a/.idea/inspectionProfiles/Project_Default.xml
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -1,6 +1,7 @@
 <component name="InspectionProjectProfileManager">
   <profile version="1.0">
     <option name="myName" value="Project Default" />
+    <inspection_tool class="ReturnFromFinallyBlockJS" enabled="false" level="WARNING" enabled_by_default="false" />
     <inspection_tool class="SpellCheckingInspection" enabled="true" level="TYPO" enabled_by_default="true">
       <option name="processCode" value="false" />
       <option name="processLiterals" value="true" />
diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml
index d23208f..fd69714 100644
--- a/.idea/jsLibraryMappings.xml
+++ b/.idea/jsLibraryMappings.xml
@@ -1,6 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="JavaScriptLibraryMappings">
+    <file url="file://$PROJECT_DIR$" libraries="{punkfairie-site/node_modules}" />
+    <file url="PROJECT" libraries="{punkfairie-site/node_modules}" />
     <includedPredefinedLibrary name="Node.js Core" />
   </component>
 </project>
\ No newline at end of file
diff --git a/dist/index.html b/dist/index.html
index 81c0cc5..a4f8f59 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -18,9 +18,9 @@
 
 <h1 class="Site-title">punkfairie.net</h1>
 
-<nav class="Site-nav Nav">
+<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">collections</button>
+    <button class="Nav-link" @click="$store['subNav'].toggle('collections')">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>
@@ -32,7 +32,7 @@
     <a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>
 </nav>
 
-<nav class="Site-subNav Nav">
+<nav class="Site-subNav Nav" x-data x-show="$store['subNav'].open">
 
 </nav>
 
@@ -53,10 +53,7 @@
 
 </aside>
 
-
-
-<script>
-    TypeError: callback is not a function
-</script>
+<!--suppress HtmlUnknownTarget -->
+<script src="/js/main.js"></script>
 </body>
 </html>
diff --git a/dist/js/main.js b/dist/js/main.js
new file mode 100644
index 0000000..caf3693
--- /dev/null
+++ b/dist/js/main.js
@@ -0,0 +1,5 @@
+(()=>{var Te=!1,Re=!1,N=[],Pe=-1;function Kr(e){Br(e)}function Br(e){N.includes(e)||N.push(e),Hr()}function bt(e){let t=N.indexOf(e);t!==-1&&t>Pe&&N.splice(t,1)}function Hr(){!Re&&!Te&&(Te=!0,queueMicrotask(zr))}function zr(){Te=!1,Re=!0;for(let e=0;e<N.length;e++)N[e](),Pe=e;N.length=0,Pe=-1,Re=!1}var H,z,Q,wt,Ie=!0;function kr(e){Ie=!1,e(),Ie=!0}function qr(e){H=e.reactive,Q=e.release,z=t=>e.effect(t,{scheduler:r=>{Ie?Kr(r):r()}}),wt=e.raw}function pt(e){z=e}function Wr(e){let t=()=>{};return[n=>{let i=z(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(o=>o())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),Q(i))},i},()=>{t()}]}var Et=[],At=[],St=[];function Ur(e){St.push(e)}function Ot(e,t){typeof t=="function"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,At.push(t))}function Vr(e){Et.push(e)}function Yr(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function Ct(e,t){e._x_attributeCleanups&&Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}var Ue=new MutationObserver(Je),Ve=!1;function Ye(){Ue.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),Ve=!0}function Mt(){Gr(),Ue.disconnect(),Ve=!1}var Y=[],Se=!1;function Gr(){Y=Y.concat(Ue.takeRecords()),Y.length&&!Se&&(Se=!0,queueMicrotask(()=>{Jr(),Se=!1}))}function Jr(){Je(Y),Y.length=0}function x(e){if(!Ve)return e();Mt();let t=e();return Ye(),t}var Ge=!1,se=[];function Xr(){Ge=!0}function Zr(){Ge=!1,Je(se),se=[]}function Je(e){if(Ge){se=se.concat(e);return}let t=[],r=[],n=new Map,i=new Map;for(let o=0;o<e.length;o++)if(!e[o].target._x_ignoreMutationObserver&&(e[o].type==="childList"&&(e[o].addedNodes.forEach(a=>a.nodeType===1&&t.push(a)),e[o].removedNodes.forEach(a=>a.nodeType===1&&r.push(a))),e[o].type==="attributes")){let a=e[o].target,s=e[o].attributeName,l=e[o].oldValue,u=()=>{n.has(a)||n.set(a,[]),n.get(a).push({name:s,value:a.getAttribute(s)})},c=()=>{i.has(a)||i.set(a,[]),i.get(a).push(s)};a.hasAttribute(s)&&l===null?u():a.hasAttribute(s)?(c(),u()):c()}i.forEach((o,a)=>{Ct(a,o)}),n.forEach((o,a)=>{Et.forEach(s=>s(a,o))});for(let o of r)if(!t.includes(o)&&(At.forEach(a=>a(o)),o._x_cleanups))for(;o._x_cleanups.length;)o._x_cleanups.pop()();t.forEach(o=>{o._x_ignoreSelf=!0,o._x_ignore=!0});for(let o of t)r.includes(o)||o.isConnected&&(delete o._x_ignoreSelf,delete o._x_ignore,St.forEach(a=>a(o)),o._x_ignore=!0,o._x_ignoreSelf=!0);t.forEach(o=>{delete o._x_ignoreSelf,delete o._x_ignore}),t=null,r=null,n=null,i=null}function Tt(e){return te(K(e))}function ee(e,t,r){return e._x_dataStack=[t,...K(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function K(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot=="function"&&e instanceof ShadowRoot?K(e.host):e.parentNode?K(e.parentNode):[]}function te(e){let t=new Proxy({},{ownKeys:()=>Array.from(new Set(e.flatMap(r=>Object.keys(r)))),has:(r,n)=>e.some(i=>i.hasOwnProperty(n)),get:(r,n)=>(e.find(i=>{if(i.hasOwnProperty(n)){let o=Object.getOwnPropertyDescriptor(i,n);if(o.get&&o.get._x_alreadyBound||o.set&&o.set._x_alreadyBound)return!0;if((o.get||o.set)&&o.enumerable){let a=o.get,s=o.set,l=o;a=a&&a.bind(t),s=s&&s.bind(t),a&&(a._x_alreadyBound=!0),s&&(s._x_alreadyBound=!0),Object.defineProperty(i,n,{...l,get:a,set:s})}return!0}return!1})||{})[n],set:(r,n,i)=>{let o=e.find(a=>a.hasOwnProperty(n));return o?o[n]=i:e[e.length-1][n]=i,!0}});return t}function Rt(e){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,r=(n,i="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([o,{value:a,enumerable:s}])=>{if(s===!1||a===void 0)return;let l=i===""?o:`${i}.${o}`;typeof a=="object"&&a!==null&&a._x_interceptor?n[o]=a.initialize(e,l,o):t(a)&&a!==n&&!(a instanceof Element)&&r(a,l)})};return r(e)}function Pt(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,o){return e(this.initialValue,()=>Qr(n,i),a=>$e(n,i,a),i,o)}};return t(r),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(o,a,s)=>{let l=n.initialize(o,a,s);return r.initialValue=l,i(o,a,s)}}else r.initialValue=n;return r}}function Qr(e,t){return t.split(".").reduce((r,n)=>r[n],e)}function $e(e,t,r){if(typeof t=="string"&&(t=t.split(".")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),$e(e[t[0]],t.slice(1),r)}}var It={};function A(e,t){It[e]=t}function Ne(e,t){return Object.entries(It).forEach(([r,n])=>{let i=null;function o(){if(i)return i;{let[a,s]=jt(t);return i={interceptor:Pt,...a},Ot(t,s),i}}Object.defineProperty(e,`$${r}`,{get(){return n(t,o())},enumerable:!1})}),e}function en(e,t,r,...n){try{return r(...n)}catch(i){X(i,e,t)}}function X(e,t,r=void 0){Object.assign(e,{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message}
+
+${r?'Expression: "'+r+`"
+
+`:""}`,t),setTimeout(()=>{throw e},0)}var ae=!0;function tn(e){let t=ae;ae=!1,e(),ae=t}function D(e,t,r={}){let n;return b(e,t)(i=>n=i,r),n}function b(...e){return $t(...e)}var $t=Nt;function rn(e){$t=e}function Nt(e,t){let r={};Ne(r,e);let n=[r,...K(e)],i=typeof t=="function"?nn(n,t):an(n,t,e);return en.bind(null,e,t,i)}function nn(e,t){return(r=()=>{},{scope:n={},params:i=[]}={})=>{let o=t.apply(te([n,...e]),i);le(r,o)}}var Oe={};function on(e,t){if(Oe[e])return Oe[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*\(.*\)/.test(e)||/^(let|const)\s/.test(e)?`(async()=>{ ${e} })()`:e,o=(()=>{try{return new r(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`)}catch(a){return X(a,t,e),Promise.resolve()}})();return Oe[e]=o,o}function an(e,t,r){let n=on(t,r);return(i=()=>{},{scope:o={},params:a=[]}={})=>{n.result=void 0,n.finished=!1;let s=te([o,...e]);if(typeof n=="function"){let l=n(n,s).catch(u=>X(u,r,t));n.finished?(le(i,n.result,s,a,r),n.result=void 0):l.then(u=>{le(i,u,s,a,r)}).catch(u=>X(u,r,t)).finally(()=>n.result=void 0)}}}function le(e,t,r,n,i){if(ae&&typeof t=="function"){let o=t.apply(r,n);o instanceof Promise?o.then(a=>le(e,a,r,n)).catch(a=>X(a,i,t)):e(o)}else typeof t=="object"&&t instanceof Promise?t.then(o=>e(o)):e(t)}var Xe="x-";function k(e=""){return Xe+e}function sn(e){Xe=e}var Le={};function g(e,t){return Le[e]=t,{before(r){if(!Le[r]){console.warn("Cannot find directive `${directive}`. `${name}` will use the default order of execution");return}let n=$.indexOf(r);$.splice(n>=0?n:$.indexOf("DEFAULT"),0,e)}}}function Ze(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let o=Object.entries(e._x_virtualDirectives).map(([s,l])=>({name:s,value:l})),a=Lt(o);o=o.map(s=>a.find(l=>l.name===s.name)?{name:`x-bind:${s.name}`,value:`"${s.value}"`}:s),t=t.concat(o)}let n={};return t.map(Bt((o,a)=>n[o]=a)).filter(zt).map(cn(n,r)).sort(fn).map(o=>un(e,o))}function Lt(e){return Array.from(e).map(Bt()).filter(t=>!zt(t))}var Fe=!1,V=new Map,Ft=Symbol();function ln(e){Fe=!0;let t=Symbol();Ft=t,V.set(t,[]);let r=()=>{for(;V.get(t).length;)V.get(t).shift()();V.delete(t)},n=()=>{Fe=!1,r()};e(r),n()}function jt(e){let t=[],r=s=>t.push(s),[n,i]=Wr(e);return t.push(i),[{Alpine:ne,effect:n,cleanup:r,evaluateLater:b.bind(b,e),evaluate:D.bind(D,e)},()=>t.forEach(s=>s())]}function un(e,t){let r=()=>{},n=Le[t.type]||r,[i,o]=jt(e);Yr(e,t.original,o);let a=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),Fe?V.get(Ft).push(n):n())};return a.runCleanups=o,a}var Dt=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),Kt=e=>e;function Bt(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=Ht.reduce((o,a)=>a(o),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var Ht=[];function Qe(e){Ht.push(e)}function zt({name:e}){return kt().test(e)}var kt=()=>new RegExp(`^${Xe}([^:^.]+)\\b`);function cn(e,t){return({name:r,value:n})=>{let i=r.match(kt()),o=r.match(/:([a-zA-Z0-9\-:]+)/),a=r.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],s=t||e[r]||r;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:a.map(l=>l.replace(".","")),expression:n,original:s}}}var je="DEFAULT",$=["ignore","ref","data","id","bind","init","for","model","modelable","transition","show","if",je,"teleport"];function fn(e,t){let r=$.indexOf(e.type)===-1?je:e.type,n=$.indexOf(t.type)===-1?je:t.type;return $.indexOf(r)-$.indexOf(n)}function G(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}function M(e,t){if(typeof ShadowRoot=="function"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>M(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)M(n,t,!1),n=n.nextElementSibling}function T(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var _t=!1;function dn(){_t&&T("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),_t=!0,document.body||T("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),G(document,"alpine:init"),G(document,"alpine:initializing"),Ye(),Ur(t=>R(t,M)),Ot(t=>Jt(t)),Vr((t,r)=>{Ze(t,r).forEach(n=>n())});let e=t=>!fe(t.parentElement,!0);Array.from(document.querySelectorAll(Ut())).filter(e).forEach(t=>{R(t)}),G(document,"alpine:initialized")}var et=[],qt=[];function Wt(){return et.map(e=>e())}function Ut(){return et.concat(qt).map(e=>e())}function Vt(e){et.push(e)}function Yt(e){qt.push(e)}function fe(e,t=!1){return de(e,r=>{if((t?Ut():Wt()).some(i=>r.matches(i)))return!0})}function de(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),!!e.parentElement)return de(e.parentElement,t)}}function pn(e){return Wt().some(t=>e.matches(t))}var Gt=[];function _n(e){Gt.push(e)}function R(e,t=M,r=()=>{}){ln(()=>{t(e,(n,i)=>{r(n,i),Gt.forEach(o=>o(n,i)),Ze(n,n.attributes).forEach(o=>o()),n._x_ignore&&i()})})}function Jt(e){M(e,t=>Ct(t))}var De=[],tt=!1;function rt(e=()=>{}){return queueMicrotask(()=>{tt||setTimeout(()=>{Ke()})}),new Promise(t=>{De.push(()=>{e(),t()})})}function Ke(){for(tt=!1;De.length;)De.shift()()}function hn(){tt=!0}function nt(e,t){return Array.isArray(t)?ht(e,t.join(" ")):typeof t=="object"&&t!==null?gn(e,t):typeof t=="function"?nt(e,t()):ht(e,t)}function ht(e,t){let r=o=>o.split(" ").filter(Boolean),n=o=>o.split(" ").filter(a=>!e.classList.contains(a)).filter(Boolean),i=o=>(e.classList.add(...o),()=>{e.classList.remove(...o)});return t=t===!0?t="":t||"",i(n(t))}function gn(e,t){let r=s=>s.split(" ").filter(Boolean),n=Object.entries(t).flatMap(([s,l])=>l?r(s):!1).filter(Boolean),i=Object.entries(t).flatMap(([s,l])=>l?!1:r(s)).filter(Boolean),o=[],a=[];return i.forEach(s=>{e.classList.contains(s)&&(e.classList.remove(s),a.push(s))}),n.forEach(s=>{e.classList.contains(s)||(e.classList.add(s),o.push(s))}),()=>{a.forEach(s=>e.classList.add(s)),o.forEach(s=>e.classList.remove(s))}}function pe(e,t){return typeof t=="object"&&t!==null?vn(e,t):yn(e,t)}function vn(e,t){let r={};return Object.entries(t).forEach(([n,i])=>{r[n]=e.style[n],n.startsWith("--")||(n=xn(n)),e.style.setProperty(n,i)}),setTimeout(()=>{e.style.length===0&&e.removeAttribute("style")}),()=>{pe(e,r)}}function yn(e,t){let r=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",r||"")}}function xn(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function Be(e,t=()=>{}){let r=!1;return function(){r?t.apply(this,arguments):(r=!0,e.apply(this,arguments))}}g("transition",(e,{value:t,modifiers:r,expression:n},{evaluate:i})=>{typeof n=="function"&&(n=i(n)),n!==!1&&(!n||typeof n=="boolean"?bn(e,r,t):mn(e,n,t))});function mn(e,t,r){Xt(e,nt,""),{enter:i=>{e._x_transition.enter.during=i},"enter-start":i=>{e._x_transition.enter.start=i},"enter-end":i=>{e._x_transition.enter.end=i},leave:i=>{e._x_transition.leave.during=i},"leave-start":i=>{e._x_transition.leave.start=i},"leave-end":i=>{e._x_transition.leave.end=i}}[r](t)}function bn(e,t,r){Xt(e,pe);let n=!t.includes("in")&&!t.includes("out")&&!r,i=n||t.includes("in")||["enter"].includes(r),o=n||t.includes("out")||["leave"].includes(r);t.includes("in")&&!n&&(t=t.filter((_,v)=>v<t.indexOf("out"))),t.includes("out")&&!n&&(t=t.filter((_,v)=>v>t.indexOf("out")));let a=!t.includes("opacity")&&!t.includes("scale"),s=a||t.includes("opacity"),l=a||t.includes("scale"),u=s?0:1,c=l?W(t,"scale",95)/100:1,d=W(t,"delay",0)/1e3,p=W(t,"origin","center"),y="opacity, transform",O=W(t,"duration",150)/1e3,ie=W(t,"duration",75)/1e3,f="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:p,transitionDelay:`${d}s`,transitionProperty:y,transitionDuration:`${O}s`,transitionTimingFunction:f},e._x_transition.enter.start={opacity:u,transform:`scale(${c})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),o&&(e._x_transition.leave.during={transformOrigin:p,transitionDelay:`${d}s`,transitionProperty:y,transitionDuration:`${ie}s`,transitionTimingFunction:f},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:u,transform:`scale(${c})`})}function Xt(e,t,r={}){e._x_transition||(e._x_transition={enter:{during:r,start:r,end:r},leave:{during:r,start:r,end:r},in(n=()=>{},i=()=>{}){He(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,i)},out(n=()=>{},i=()=>{}){He(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,r,n){let i=document.visibilityState==="visible"?requestAnimationFrame:setTimeout,o=()=>i(r);if(t){e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(r):o():e._x_transition?e._x_transition.in(r):o();return}e._x_hidePromise=e._x_transition?new Promise((a,s)=>{e._x_transition.out(()=>{},()=>a(n)),e._x_transitioning.beforeCancel(()=>s({isFromCancelledTransition:!0}))}):Promise.resolve(n),queueMicrotask(()=>{let a=Zt(e);a?(a._x_hideChildren||(a._x_hideChildren=[]),a._x_hideChildren.push(e)):i(()=>{let s=l=>{let u=Promise.all([l._x_hidePromise,...(l._x_hideChildren||[]).map(s)]).then(([c])=>c());return delete l._x_hidePromise,delete l._x_hideChildren,u};s(e).catch(l=>{if(!l.isFromCancelledTransition)throw l})})})};function Zt(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:Zt(t)}function He(e,t,{during:r,start:n,end:i}={},o=()=>{},a=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),Object.keys(r).length===0&&Object.keys(n).length===0&&Object.keys(i).length===0){o(),a();return}let s,l,u;wn(e,{start(){s=t(e,n)},during(){l=t(e,r)},before:o,end(){s(),u=t(e,i)},after:a,cleanup(){l(),u()}})}function wn(e,t){let r,n,i,o=Be(()=>{x(()=>{r=!0,n||t.before(),i||(t.end(),Ke()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning})});e._x_transitioning={beforeCancels:[],beforeCancel(a){this.beforeCancels.push(a)},cancel:Be(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()}),finish:o},x(()=>{t.start(),t.during()}),hn(),requestAnimationFrame(()=>{if(r)return;let a=Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""))*1e3,s=Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""))*1e3;a===0&&(a=Number(getComputedStyle(e).animationDuration.replace("s",""))*1e3),x(()=>{t.before()}),n=!0,requestAnimationFrame(()=>{r||(x(()=>{t.end()}),Ke(),setTimeout(e._x_transitioning.finish,a+s),i=!0)})})}function W(e,t,r){if(e.indexOf(t)===-1)return r;let n=e[e.indexOf(t)+1];if(!n||t==="scale"&&isNaN(n))return r;if(t==="duration"||t==="delay"){let i=n.match(/([0-9]+)ms/);if(i)return i[1]}return t==="origin"&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[n,e[e.indexOf(t)+2]].join(" "):n}var Z=!1;function re(e,t=()=>{}){return(...r)=>Z?t(...r):e(...r)}function En(e){return(...t)=>Z&&e(...t)}function An(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),Z=!0,On(()=>{Sn(t)}),Z=!1}function Sn(e){let t=!1;R(e,(n,i)=>{M(n,(o,a)=>{if(t&&pn(o))return a();t=!0,i(o,a)})})}function On(e){let t=z;pt((r,n)=>{let i=t(r);return Q(i),()=>{}}),e(),pt(t)}function Qt(e,t,r,n=[]){switch(e._x_bindings||(e._x_bindings=H({})),e._x_bindings[t]=r,t=n.includes("camel")?Nn(t):t,t){case"value":Cn(e,r);break;case"style":Tn(e,r);break;case"class":Mn(e,r);break;case"selected":case"checked":Rn(e,t,r);break;default:er(e,t,r);break}}function Cn(e,t){if(e.type==="radio")e.attributes.value===void 0&&(e.value=t),window.fromModel&&(e.checked=gt(e.value,t));else if(e.type==="checkbox")Number.isInteger(t)?e.value=t:!Number.isInteger(t)&&!Array.isArray(t)&&typeof t!="boolean"&&![null,void 0].includes(t)?e.value=String(t):Array.isArray(t)?e.checked=t.some(r=>gt(r,e.value)):e.checked=!!t;else if(e.tagName==="SELECT")$n(e,t);else{if(e.value===t)return;e.value=t}}function Mn(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=nt(e,t)}function Tn(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=pe(e,t)}function Rn(e,t,r){er(e,t,r),In(e,t,r)}function er(e,t,r){[null,void 0,!1].includes(r)&&Ln(t)?e.removeAttribute(t):(tr(t)&&(r=t),Pn(e,t,r))}function Pn(e,t,r){e.getAttribute(t)!=r&&e.setAttribute(t,r)}function In(e,t,r){e[t]!==r&&(e[t]=r)}function $n(e,t){let r=[].concat(t).map(n=>n+"");Array.from(e.options).forEach(n=>{n.selected=r.includes(n.value)})}function Nn(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function gt(e,t){return e==t}function tr(e){return["disabled","checked","required","readonly","hidden","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}function Ln(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}function Fn(e,t,r){if(e._x_bindings&&e._x_bindings[t]!==void 0)return e._x_bindings[t];let n=e.getAttribute(t);return n===null?typeof r=="function"?r():r:n===""?!0:tr(t)?!![t,"true"].includes(n):n}function rr(e,t){var r;return function(){var n=this,i=arguments,o=function(){r=null,e.apply(n,i)};clearTimeout(r),r=setTimeout(o,t)}}function nr(e,t){let r;return function(){let n=this,i=arguments;r||(e.apply(n,i),r=!0,setTimeout(()=>r=!1,t))}}function jn(e){(Array.isArray(e)?e:[e]).forEach(r=>r(ne))}var I={},vt=!1;function Dn(e,t){if(vt||(I=H(I),vt=!0),t===void 0)return I[e];I[e]=t,typeof t=="object"&&t!==null&&t.hasOwnProperty("init")&&typeof t.init=="function"&&I[e].init(),Rt(I[e])}function Kn(){return I}var ir={};function Bn(e,t){let r=typeof t!="function"?()=>t:t;e instanceof Element?or(e,r()):ir[e]=r}function Hn(e){return Object.entries(ir).forEach(([t,r])=>{Object.defineProperty(e,t,{get(){return(...n)=>r(...n)}})}),e}function or(e,t,r){let n=[];for(;n.length;)n.pop()();let i=Object.entries(t).map(([a,s])=>({name:a,value:s})),o=Lt(i);i=i.map(a=>o.find(s=>s.name===a.name)?{name:`x-bind:${a.name}`,value:`"${a.value}"`}:a),Ze(e,i,r).map(a=>{n.push(a.runCleanups),a()})}var ar={};function zn(e,t){ar[e]=t}function kn(e,t){return Object.entries(ar).forEach(([r,n])=>{Object.defineProperty(e,r,{get(){return(...i)=>n.bind(t)(...i)},enumerable:!1})}),e}var qn={get reactive(){return H},get release(){return Q},get effect(){return z},get raw(){return wt},version:"3.12.2",flushAndStopDeferringMutations:Zr,dontAutoEvaluateFunctions:tn,disableEffectScheduling:kr,startObservingMutations:Ye,stopObservingMutations:Mt,setReactivityEngine:qr,closestDataStack:K,skipDuringClone:re,onlyDuringClone:En,addRootSelector:Vt,addInitSelector:Yt,addScopeToNode:ee,deferMutations:Xr,mapAttributes:Qe,evaluateLater:b,interceptInit:_n,setEvaluator:rn,mergeProxies:te,findClosest:de,closestRoot:fe,destroyTree:Jt,interceptor:Pt,transition:He,setStyles:pe,mutateDom:x,directive:g,throttle:nr,debounce:rr,evaluate:D,initTree:R,nextTick:rt,prefixed:k,prefix:sn,plugin:jn,magic:A,store:Dn,start:dn,clone:An,bound:Fn,$data:Tt,walk:M,data:zn,bind:Bn},ne=qn;function sr(e,t){let r=Object.create(null),n=e.split(",");for(let i=0;i<n.length;i++)r[n[i]]=!0;return t?i=>!!r[i.toLowerCase()]:i=>!!r[i]}var Wn="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",Bi=sr(Wn+",async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected"),Un=Object.freeze({}),Hi=Object.freeze([]),lr=Object.assign,Vn=Object.prototype.hasOwnProperty,_e=(e,t)=>Vn.call(e,t),L=Array.isArray,J=e=>ur(e)==="[object Map]",Yn=e=>typeof e=="string",it=e=>typeof e=="symbol",he=e=>e!==null&&typeof e=="object",Gn=Object.prototype.toString,ur=e=>Gn.call(e),cr=e=>ur(e).slice(8,-1),ot=e=>Yn(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,ge=e=>{let t=Object.create(null);return r=>t[r]||(t[r]=e(r))},Jn=/-(\w)/g,zi=ge(e=>e.replace(Jn,(t,r)=>r?r.toUpperCase():"")),Xn=/\B([A-Z])/g,ki=ge(e=>e.replace(Xn,"-$1").toLowerCase()),fr=ge(e=>e.charAt(0).toUpperCase()+e.slice(1)),qi=ge(e=>e?`on${fr(e)}`:""),dr=(e,t)=>e!==t&&(e===e||t===t),ze=new WeakMap,U=[],S,F=Symbol("iterate"),ke=Symbol("Map key iterate");function Zn(e){return e&&e._isEffect===!0}function Qn(e,t=Un){Zn(e)&&(e=e.raw);let r=ri(e,t);return t.lazy||r(),r}function ei(e){e.active&&(pr(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var ti=0;function ri(e,t){let r=function(){if(!r.active)return e();if(!U.includes(r)){pr(r);try{return ii(),U.push(r),S=r,e()}finally{U.pop(),_r(),S=U[U.length-1]}}};return r.id=ti++,r.allowRecurse=!!t.allowRecurse,r._isEffect=!0,r.active=!0,r.raw=e,r.deps=[],r.options=t,r}function pr(e){let{deps:t}=e;if(t.length){for(let r=0;r<t.length;r++)t[r].delete(e);t.length=0}}var B=!0,at=[];function ni(){at.push(B),B=!1}function ii(){at.push(B),B=!0}function _r(){let e=at.pop();B=e===void 0?!0:e}function E(e,t,r){if(!B||S===void 0)return;let n=ze.get(e);n||ze.set(e,n=new Map);let i=n.get(r);i||n.set(r,i=new Set),i.has(S)||(i.add(S),S.deps.push(i),S.options.onTrack&&S.options.onTrack({effect:S,target:e,type:t,key:r}))}function P(e,t,r,n,i,o){let a=ze.get(e);if(!a)return;let s=new Set,l=c=>{c&&c.forEach(d=>{(d!==S||d.allowRecurse)&&s.add(d)})};if(t==="clear")a.forEach(l);else if(r==="length"&&L(e))a.forEach((c,d)=>{(d==="length"||d>=n)&&l(c)});else switch(r!==void 0&&l(a.get(r)),t){case"add":L(e)?ot(r)&&l(a.get("length")):(l(a.get(F)),J(e)&&l(a.get(ke)));break;case"delete":L(e)||(l(a.get(F)),J(e)&&l(a.get(ke)));break;case"set":J(e)&&l(a.get(F));break}let u=c=>{c.options.onTrigger&&c.options.onTrigger({effect:c,target:e,key:r,type:t,newValue:n,oldValue:i,oldTarget:o}),c.options.scheduler?c.options.scheduler(c):c()};s.forEach(u)}var oi=sr("__proto__,__v_isRef,__isVue"),hr=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(it)),ai=ve(),si=ve(!1,!0),li=ve(!0),ui=ve(!0,!0),ue={};["includes","indexOf","lastIndexOf"].forEach(e=>{let t=Array.prototype[e];ue[e]=function(...r){let n=h(this);for(let o=0,a=this.length;o<a;o++)E(n,"get",o+"");let i=t.apply(n,r);return i===-1||i===!1?t.apply(n,r.map(h)):i}});["push","pop","shift","unshift","splice"].forEach(e=>{let t=Array.prototype[e];ue[e]=function(...r){ni();let n=t.apply(this,r);return _r(),n}});function ve(e=!1,t=!1){return function(n,i,o){if(i==="__v_isReactive")return!e;if(i==="__v_isReadonly")return e;if(i==="__v_raw"&&o===(e?t?xi:Tr:t?yi:Mr).get(n))return n;let a=L(n);if(!e&&a&&_e(ue,i))return Reflect.get(ue,i,o);let s=Reflect.get(n,i,o);return(it(i)?hr.has(i):oi(i))||(e||E(n,"get",i),t)?s:qe(s)?!a||!ot(i)?s.value:s:he(s)?e?Rr(s):ct(s):s}}var ci=gr(),fi=gr(!0);function gr(e=!1){return function(r,n,i,o){let a=r[n];if(!e&&(i=h(i),a=h(a),!L(r)&&qe(a)&&!qe(i)))return a.value=i,!0;let s=L(r)&&ot(n)?Number(n)<r.length:_e(r,n),l=Reflect.set(r,n,i,o);return r===h(o)&&(s?dr(i,a)&&P(r,"set",n,i,a):P(r,"add",n,i)),l}}function di(e,t){let r=_e(e,t),n=e[t],i=Reflect.deleteProperty(e,t);return i&&r&&P(e,"delete",t,void 0,n),i}function pi(e,t){let r=Reflect.has(e,t);return(!it(t)||!hr.has(t))&&E(e,"has",t),r}function _i(e){return E(e,"iterate",L(e)?"length":F),Reflect.ownKeys(e)}var vr={get:ai,set:ci,deleteProperty:di,has:pi,ownKeys:_i},yr={get:li,set(e,t){return console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}},Wi=lr({},vr,{get:si,set:fi}),Ui=lr({},yr,{get:ui}),st=e=>he(e)?ct(e):e,lt=e=>he(e)?Rr(e):e,ut=e=>e,ye=e=>Reflect.getPrototypeOf(e);function xe(e,t,r=!1,n=!1){e=e.__v_raw;let i=h(e),o=h(t);t!==o&&!r&&E(i,"get",t),!r&&E(i,"get",o);let{has:a}=ye(i),s=n?ut:r?lt:st;if(a.call(i,t))return s(e.get(t));if(a.call(i,o))return s(e.get(o));e!==i&&e.get(t)}function me(e,t=!1){let r=this.__v_raw,n=h(r),i=h(e);return e!==i&&!t&&E(n,"has",e),!t&&E(n,"has",i),e===i?r.has(e):r.has(e)||r.has(i)}function be(e,t=!1){return e=e.__v_raw,!t&&E(h(e),"iterate",F),Reflect.get(e,"size",e)}function xr(e){e=h(e);let t=h(this);return ye(t).has.call(t,e)||(t.add(e),P(t,"add",e,e)),this}function mr(e,t){t=h(t);let r=h(this),{has:n,get:i}=ye(r),o=n.call(r,e);o?Cr(r,n,e):(e=h(e),o=n.call(r,e));let a=i.call(r,e);return r.set(e,t),o?dr(t,a)&&P(r,"set",e,t,a):P(r,"add",e,t),this}function br(e){let t=h(this),{has:r,get:n}=ye(t),i=r.call(t,e);i?Cr(t,r,e):(e=h(e),i=r.call(t,e));let o=n?n.call(t,e):void 0,a=t.delete(e);return i&&P(t,"delete",e,void 0,o),a}function wr(){let e=h(this),t=e.size!==0,r=J(e)?new Map(e):new Set(e),n=e.clear();return t&&P(e,"clear",void 0,void 0,r),n}function we(e,t){return function(n,i){let o=this,a=o.__v_raw,s=h(a),l=t?ut:e?lt:st;return!e&&E(s,"iterate",F),a.forEach((u,c)=>n.call(i,l(u),l(c),o))}}function oe(e,t,r){return function(...n){let i=this.__v_raw,o=h(i),a=J(o),s=e==="entries"||e===Symbol.iterator&&a,l=e==="keys"&&a,u=i[e](...n),c=r?ut:t?lt:st;return!t&&E(o,"iterate",l?ke:F),{next(){let{value:d,done:p}=u.next();return p?{value:d,done:p}:{value:s?[c(d[0]),c(d[1])]:c(d),done:p}},[Symbol.iterator](){return this}}}}function C(e){return function(...t){{let r=t[0]?`on key "${t[0]}" `:"";console.warn(`${fr(e)} operation ${r}failed: target is readonly.`,h(this))}return e==="delete"?!1:this}}var Er={get(e){return xe(this,e)},get size(){return be(this)},has:me,add:xr,set:mr,delete:br,clear:wr,forEach:we(!1,!1)},Ar={get(e){return xe(this,e,!1,!0)},get size(){return be(this)},has:me,add:xr,set:mr,delete:br,clear:wr,forEach:we(!1,!0)},Sr={get(e){return xe(this,e,!0)},get size(){return be(this,!0)},has(e){return me.call(this,e,!0)},add:C("add"),set:C("set"),delete:C("delete"),clear:C("clear"),forEach:we(!0,!1)},Or={get(e){return xe(this,e,!0,!0)},get size(){return be(this,!0)},has(e){return me.call(this,e,!0)},add:C("add"),set:C("set"),delete:C("delete"),clear:C("clear"),forEach:we(!0,!0)},hi=["keys","values","entries",Symbol.iterator];hi.forEach(e=>{Er[e]=oe(e,!1,!1),Sr[e]=oe(e,!0,!1),Ar[e]=oe(e,!1,!0),Or[e]=oe(e,!0,!0)});function Ee(e,t){let r=t?e?Or:Ar:e?Sr:Er;return(n,i,o)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?n:Reflect.get(_e(r,i)&&i in n?r:n,i,o)}var gi={get:Ee(!1,!1)},Vi={get:Ee(!1,!0)},vi={get:Ee(!0,!1)},Yi={get:Ee(!0,!0)};function Cr(e,t,r){let n=h(r);if(n!==r&&t.call(e,n)){let i=cr(e);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var Mr=new WeakMap,yi=new WeakMap,Tr=new WeakMap,xi=new WeakMap;function mi(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function bi(e){return e.__v_skip||!Object.isExtensible(e)?0:mi(cr(e))}function ct(e){return e&&e.__v_isReadonly?e:Pr(e,!1,vr,gi,Mr)}function Rr(e){return Pr(e,!0,yr,vi,Tr)}function Pr(e,t,r,n,i){if(!he(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;let o=i.get(e);if(o)return o;let a=bi(e);if(a===0)return e;let s=new Proxy(e,a===2?n:r);return i.set(e,s),s}function h(e){return e&&h(e.__v_raw)||e}function qe(e){return!!(e&&e.__v_isRef===!0)}A("nextTick",()=>rt);A("dispatch",e=>G.bind(G,e));A("watch",(e,{evaluateLater:t,effect:r})=>(n,i)=>{let o=t(n),a=!0,s,l=r(()=>o(u=>{JSON.stringify(u),a?s=u:queueMicrotask(()=>{i(u,s),s=u}),a=!1}));e._x_effects.delete(l)});A("store",Kn);A("data",e=>Tt(e));A("root",e=>fe(e));A("refs",e=>(e._x_refs_proxy||(e._x_refs_proxy=te(wi(e))),e._x_refs_proxy));function wi(e){let t=[],r=e;for(;r;)r._x_refs&&t.push(r._x_refs),r=r.parentNode;return t}var Ce={};function Ir(e){return Ce[e]||(Ce[e]=0),++Ce[e]}function Ei(e,t){return de(e,r=>{if(r._x_ids&&r._x_ids[t])return!0})}function Ai(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=Ir(t))}A("id",e=>(t,r=null)=>{let n=Ei(e,t),i=n?n._x_ids[t]:Ir(t);return r?`${t}-${i}-${r}`:`${t}-${i}`});A("el",e=>e);$r("Focus","focus","focus");$r("Persist","persist","persist");function $r(e,t,r){A(t,n=>T(`You can't use [$${directiveName}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}function Si({get:e,set:t},{get:r,set:n}){let i=!0,o,a,s,l,u=z(()=>{let c,d;i?(c=e(),n(c),d=r(),i=!1):(c=e(),d=r(),s=JSON.stringify(c),l=JSON.stringify(d),s!==o?(d=r(),n(c),d=c):(t(d),c=d)),o=JSON.stringify(c),a=JSON.stringify(d)});return()=>{Q(u)}}g("modelable",(e,{expression:t},{effect:r,evaluateLater:n,cleanup:i})=>{let o=n(t),a=()=>{let c;return o(d=>c=d),c},s=n(`${t} = __placeholder`),l=c=>s(()=>{},{scope:{__placeholder:c}}),u=a();l(u),queueMicrotask(()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let c=e._x_model.get,d=e._x_model.set,p=Si({get(){return c()},set(y){d(y)}},{get(){return a()},set(y){l(y)}});i(p)})});var Oi=document.createElement("div");g("teleport",(e,{modifiers:t,expression:r},{cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&T("x-teleport can only be used on a <template> tag",e);let i=re(()=>document.querySelector(r),()=>Oi)();i||T(`Cannot find x-teleport element for selector: "${r}"`);let o=e.content.cloneNode(!0).firstElementChild;e._x_teleport=o,o._x_teleportBack=e,e._x_forwardEvents&&e._x_forwardEvents.forEach(a=>{o.addEventListener(a,s=>{s.stopPropagation(),e.dispatchEvent(new s.constructor(s.type,s))})}),ee(o,{},e),x(()=>{t.includes("prepend")?i.parentNode.insertBefore(o,i):t.includes("append")?i.parentNode.insertBefore(o,i.nextSibling):i.appendChild(o),R(o),o._x_ignore=!0}),n(()=>o.remove())});var Nr=()=>{};Nr.inline=(e,{modifiers:t},{cleanup:r})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,r(()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore})};g("ignore",Nr);g("effect",(e,{expression:t},{effect:r})=>r(b(e,t)));function We(e,t,r,n){let i=e,o=l=>n(l),a={},s=(l,u)=>c=>u(l,c);if(r.includes("dot")&&(t=Ci(t)),r.includes("camel")&&(t=Mi(t)),r.includes("passive")&&(a.passive=!0),r.includes("capture")&&(a.capture=!0),r.includes("window")&&(i=window),r.includes("document")&&(i=document),r.includes("debounce")){let l=r[r.indexOf("debounce")+1]||"invalid-wait",u=ce(l.split("ms")[0])?Number(l.split("ms")[0]):250;o=rr(o,u)}if(r.includes("throttle")){let l=r[r.indexOf("throttle")+1]||"invalid-wait",u=ce(l.split("ms")[0])?Number(l.split("ms")[0]):250;o=nr(o,u)}return r.includes("prevent")&&(o=s(o,(l,u)=>{u.preventDefault(),l(u)})),r.includes("stop")&&(o=s(o,(l,u)=>{u.stopPropagation(),l(u)})),r.includes("self")&&(o=s(o,(l,u)=>{u.target===e&&l(u)})),(r.includes("away")||r.includes("outside"))&&(i=document,o=s(o,(l,u)=>{e.contains(u.target)||u.target.isConnected!==!1&&(e.offsetWidth<1&&e.offsetHeight<1||e._x_isShown!==!1&&l(u))})),r.includes("once")&&(o=s(o,(l,u)=>{l(u),i.removeEventListener(t,o,a)})),o=s(o,(l,u)=>{Ri(t)&&Pi(u,r)||l(u)}),i.addEventListener(t,o,a),()=>{i.removeEventListener(t,o,a)}}function Ci(e){return e.replace(/-/g,".")}function Mi(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function ce(e){return!Array.isArray(e)&&!isNaN(e)}function Ti(e){return[" ","_"].includes(e)?e:e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function Ri(e){return["keydown","keyup"].includes(e)}function Pi(e,t){let r=t.filter(o=>!["window","document","prevent","stop","once","capture"].includes(o));if(r.includes("debounce")){let o=r.indexOf("debounce");r.splice(o,ce((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.includes("throttle")){let o=r.indexOf("throttle");r.splice(o,ce((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.length===0||r.length===1&&yt(e.key).includes(r[0]))return!1;let i=["ctrl","shift","alt","meta","cmd","super"].filter(o=>r.includes(o));return r=r.filter(o=>!i.includes(o)),!(i.length>0&&i.filter(a=>((a==="cmd"||a==="super")&&(a="meta"),e[`${a}Key`])).length===i.length&&yt(e.key).includes(r[0]))}function yt(e){if(!e)return[];e=Ti(e);let t={ctrl:"control",slash:"/",space:" ",spacebar:" ",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",equal:"=",minus:"-",underscore:"_"};return t[e]=e,Object.keys(t).map(r=>{if(t[r]===e)return r}).filter(r=>r)}g("model",(e,{modifiers:t,expression:r},{effect:n,cleanup:i})=>{let o=e;t.includes("parent")&&(o=e.parentNode);let a=b(o,r),s;typeof r=="string"?s=b(o,`${r} = __placeholder`):typeof r=="function"&&typeof r()=="string"?s=b(o,`${r()} = __placeholder`):s=()=>{};let l=()=>{let p;return a(y=>p=y),xt(p)?p.get():p},u=p=>{let y;a(O=>y=O),xt(y)?y.set(p):s(()=>{},{scope:{__placeholder:p}})};typeof r=="string"&&e.type==="radio"&&x(()=>{e.hasAttribute("name")||e.setAttribute("name",r)});var c=e.tagName.toLowerCase()==="select"||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input";let d=Z?()=>{}:We(e,c,t,p=>{u(Ii(e,t,p,l()))});if(t.includes("fill")&&[null,""].includes(l())&&e.dispatchEvent(new Event(c,{})),e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=d,i(()=>e._x_removeModelListeners.default()),e.form){let p=We(e.form,"reset",[],y=>{rt(()=>e._x_model&&e._x_model.set(e.value))});i(()=>p())}e._x_model={get(){return l()},set(p){u(p)}},e._x_forceModelUpdate=p=>{p=p===void 0?l():p,p===void 0&&typeof r=="string"&&r.match(/\./)&&(p=""),window.fromModel=!0,x(()=>Qt(e,"value",p)),delete window.fromModel},n(()=>{let p=l();t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate(p)})});function Ii(e,t,r,n){return x(()=>{if(r instanceof CustomEvent&&r.detail!==void 0)return r.detail??r.target.value;if(e.type==="checkbox")if(Array.isArray(n)){let i=t.includes("number")?Me(r.target.value):r.target.value;return r.target.checked?n.concat([i]):n.filter(o=>!$i(o,i))}else return r.target.checked;else{if(e.tagName.toLowerCase()==="select"&&e.multiple)return t.includes("number")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return Me(o)}):Array.from(r.target.selectedOptions).map(i=>i.value||i.text);{let i=r.target.value;return t.includes("number")?Me(i):t.includes("trim")?i.trim():i}}})}function Me(e){let t=e?parseFloat(e):null;return Ni(t)?t:e}function $i(e,t){return e==t}function Ni(e){return!Array.isArray(e)&&!isNaN(e)}function xt(e){return e!==null&&typeof e=="object"&&typeof e.get=="function"&&typeof e.set=="function"}g("cloak",e=>queueMicrotask(()=>x(()=>e.removeAttribute(k("cloak")))));Yt(()=>`[${k("init")}]`);g("init",re((e,{expression:t},{evaluate:r})=>typeof t=="string"?!!t.trim()&&r(t,{},!1):r(t,{},!1)));g("text",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{x(()=>{e.textContent=o})})})});g("html",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{x(()=>{e.innerHTML=o,e._x_ignoreSelf=!0,R(e),delete e._x_ignoreSelf})})})});Qe(Dt(":",Kt(k("bind:"))));g("bind",(e,{value:t,modifiers:r,expression:n,original:i},{effect:o})=>{if(!t){let s={};Hn(s),b(e,n)(u=>{or(e,u,i)},{scope:s});return}if(t==="key")return Li(e,n);let a=b(e,n);o(()=>a(s=>{s===void 0&&typeof n=="string"&&n.match(/\./)&&(s=""),x(()=>Qt(e,t,s,r))}))});function Li(e,t){e._x_keyExpression=t}Vt(()=>`[${k("data")}]`);g("data",re((e,{expression:t},{cleanup:r})=>{t=t===""?"{}":t;let n={};Ne(n,e);let i={};kn(i,n);let o=D(e,t,{scope:i});(o===void 0||o===!0)&&(o={}),Ne(o,e);let a=H(o);Rt(a);let s=ee(e,a);a.init&&D(e,a.init),r(()=>{a.destroy&&D(e,a.destroy),s()})}));g("show",(e,{modifiers:t,expression:r},{effect:n})=>{let i=b(e,r);e._x_doHide||(e._x_doHide=()=>{x(()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)})}),e._x_doShow||(e._x_doShow=()=>{x(()=>{e.style.length===1&&e.style.display==="none"?e.removeAttribute("style"):e.style.removeProperty("display")})});let o=()=>{e._x_doHide(),e._x_isShown=!1},a=()=>{e._x_doShow(),e._x_isShown=!0},s=()=>setTimeout(a),l=Be(d=>d?a():o(),d=>{typeof e._x_toggleAndCascadeWithTransitions=="function"?e._x_toggleAndCascadeWithTransitions(e,d,a,o):d?s():o()}),u,c=!0;n(()=>i(d=>{!c&&d===u||(t.includes("immediate")&&(d?s():o()),l(d),u=d,c=!1)}))});g("for",(e,{expression:t},{effect:r,cleanup:n})=>{let i=ji(t),o=b(e,i.items),a=b(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},r(()=>Fi(e,i,o,a)),n(()=>{Object.values(e._x_lookup).forEach(s=>s.remove()),delete e._x_prevKeys,delete e._x_lookup})});function Fi(e,t,r,n){let i=a=>typeof a=="object"&&!Array.isArray(a),o=e;r(a=>{Di(a)&&a>=0&&(a=Array.from(Array(a).keys(),f=>f+1)),a===void 0&&(a=[]);let s=e._x_lookup,l=e._x_prevKeys,u=[],c=[];if(i(a))a=Object.entries(a).map(([f,_])=>{let v=mt(t,_,f,a);n(m=>c.push(m),{scope:{index:f,...v}}),u.push(v)});else for(let f=0;f<a.length;f++){let _=mt(t,a[f],f,a);n(v=>c.push(v),{scope:{index:f,..._}}),u.push(_)}let d=[],p=[],y=[],O=[];for(let f=0;f<l.length;f++){let _=l[f];c.indexOf(_)===-1&&y.push(_)}l=l.filter(f=>!y.includes(f));let ie="template";for(let f=0;f<c.length;f++){let _=c[f],v=l.indexOf(_);if(v===-1)l.splice(f,0,_),d.push([ie,f]);else if(v!==f){let m=l.splice(f,1)[0],w=l.splice(v-1,1)[0];l.splice(f,0,w),l.splice(v,0,m),p.push([m,w])}else O.push(_);ie=_}for(let f=0;f<y.length;f++){let _=y[f];s[_]._x_effects&&s[_]._x_effects.forEach(bt),s[_].remove(),s[_]=null,delete s[_]}for(let f=0;f<p.length;f++){let[_,v]=p[f],m=s[_],w=s[v],j=document.createElement("div");x(()=>{w||T('x-for ":key" is undefined or invalid',o),w.after(j),m.after(w),w._x_currentIfEl&&w.after(w._x_currentIfEl),j.before(m),m._x_currentIfEl&&m.after(m._x_currentIfEl),j.remove()}),w._x_refreshXForScope(u[c.indexOf(v)])}for(let f=0;f<d.length;f++){let[_,v]=d[f],m=_==="template"?o:s[_];m._x_currentIfEl&&(m=m._x_currentIfEl);let w=u[v],j=c[v],q=document.importNode(o.content,!0).firstElementChild,dt=H(w);ee(q,dt,o),q._x_refreshXForScope=Fr=>{Object.entries(Fr).forEach(([jr,Dr])=>{dt[jr]=Dr})},x(()=>{m.after(q),R(q)}),typeof j=="object"&&T("x-for key cannot be an object, it must be a string or an integer",o),s[j]=q}for(let f=0;f<O.length;f++)s[O[f]]._x_refreshXForScope(u[c.indexOf(O[f])]);o._x_prevKeys=c})}function ji(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,r=/^\s*\(|\)\s*$/g,n=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,i=e.match(n);if(!i)return;let o={};o.items=i[2].trim();let a=i[1].replace(r,"").trim(),s=a.match(t);return s?(o.item=a.replace(t,"").trim(),o.index=s[1].trim(),s[2]&&(o.collection=s[2].trim())):o.item=a,o}function mt(e,t,r,n){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map(a=>a.trim()).forEach((a,s)=>{i[a]=t[s]}):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&typeof t=="object"?e.item.replace("{","").replace("}","").split(",").map(a=>a.trim()).forEach(a=>{i[a]=t[a]}):i[e.item]=t,e.index&&(i[e.index]=r),e.collection&&(i[e.collection]=n),i}function Di(e){return!Array.isArray(e)&&!isNaN(e)}function Lr(){}Lr.inline=(e,{expression:t},{cleanup:r})=>{let n=fe(e);n._x_refs||(n._x_refs={}),n._x_refs[t]=e,r(()=>delete n._x_refs[t])};g("ref",Lr);g("if",(e,{expression:t},{effect:r,cleanup:n})=>{let i=b(e,t),o=()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let s=e.content.cloneNode(!0).firstElementChild;return ee(s,{},e),x(()=>{e.after(s),R(s)}),e._x_currentIfEl=s,e._x_undoIf=()=>{M(s,l=>{l._x_effects&&l._x_effects.forEach(bt)}),s.remove(),delete e._x_currentIfEl},s},a=()=>{e._x_undoIf&&(e._x_undoIf(),delete e._x_undoIf)};r(()=>i(s=>{s?o():a()})),n(()=>e._x_undoIf&&e._x_undoIf())});g("id",(e,{expression:t},{evaluate:r})=>{r(t).forEach(i=>Ai(e,i))});Qe(Dt("@",Kt(k("on:"))));g("on",re((e,{value:t,modifiers:r,expression:n},{cleanup:i})=>{let o=n?b(e,n):()=>{};e.tagName.toLowerCase()==="template"&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let a=We(e,t,r,s=>{o(()=>{},{scope:{$event:s},params:[s]})});i(()=>a())}));Ae("Collapse","collapse","collapse");Ae("Intersect","intersect","intersect");Ae("Focus","trap","focus");Ae("Mask","mask","mask");function Ae(e,t,r){g(t,n=>T(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}ne.setEvaluator(Nt);ne.setReactivityEngine({reactive:ct,effect:Qn,release:ei,raw:h});var Ki=ne,ft=Ki;ft.store("subNav",{open:!1,current:null,toggle(e){this.open=!this.open,this.current=this.open?e:null}});ft.start();})();
diff --git a/dist/style/style.css b/dist/style/style.css
index eb3be83..6c84057 100644
--- a/dist/style/style.css
+++ b/dist/style/style.css
@@ -1 +1 @@
-*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}html{background-image:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);min-height:100vh;min-height:100vb;min-width:100vw;min-width:100vi;overflow:hidden}body{color:#18181b;font-family:Imprima,handwriting;font-size:clamp(.75rem,.71rem + .22vw,.88rem);letter-spacing:.6px}:nth-child(7n+1 of i){color:#dc2626}:nth-child(7n+2 of i){color:#ea580c}:nth-child(7n+3 of i){color:#ca8a04}:nth-child(7n+4 of i){color:#65a30d}:nth-child(7n+5 of i){color:#0892a2}:nth-child(7n+6 of i){color:#9333ea}:nth-child(7n+7 of i){color:#db2777}:nth-child(7n+1 of b){color:#dc2626}:nth-child(7n+2 of b){color:#ea580c}:nth-child(7n+3 of b){color:#ca8a04}:nth-child(7n+4 of b){color:#65a30d}:nth-child(7n+5 of b){color:#0892a2}:nth-child(7n+6 of b){color:#9333ea}:nth-child(7n+7 of b){color:#db2777}.Site-content,.Site-info,.Site-nav,.Site-social,.Site-subNav{background-color:hsla(0,0%,98%,.5);margin:clamp(.19rem,.17rem + .11vw,.25rem);padding:clamp(.75rem,.71rem + .22vw,.88rem)}.Site{display:grid;grid-template:"Site-info   Site-content Site-nav" 2fr "Site-social Site-content Site-nav" 2fr "Site-social Site-content Site-subNav" 2fr "Site-title  Site-title   Site-title" 2fr/1fr 3fr 1fr;height:100%;padding:clamp(9rem,8.48rem + 2.61vw,10.5rem);width:100%}.Site-title{font-family:Bungee Shade,display;font-size:clamp(2.24rem,1.86rem + 1.91vw,3.34rem);font-weight:400;grid-area:Site-title;justify-self:end;padding-right:clamp(.75rem,.71rem + .22vw,.88rem)}.Site-nav{--Site-nav-gridArea:Site-nav/Site-nav/Site-subNav/Site-nav;grid-area:Site-nav/Site-nav/Site-subNav/Site-nav;grid-area:var(--Site-nav-gridArea)}.Site-subNav{display:none;grid-area:Site-subNav}.Site-content{grid-area:Site-content;padding:clamp(1.13rem,1.06rem + .33vw,1.31rem)}.Site-content>*+*{margin-top:1em}.Site-info{grid-area:Site-info}.Site-social{grid-area:Site-social}.Nav-link{background-color:transparent;border:none;color:inherit;cursor:pointer;display:block;letter-spacing:inherit;margin:0;padding:0;-webkit-text-decoration:underline;text-decoration:underline}.Nav-link:focus,.Nav-link:hover{text-decoration:underline;-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.Nav-separator{background-image:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border:none;height:clamp(.13rem,.13rem + 0vw,.13rem)}:nth-child(7n+1 of .Nav-link){color:#dc2626}:nth-child(7n+2 of .Nav-link){color:#ea580c}:nth-child(7n+3 of .Nav-link){color:#ca8a04}:nth-child(7n+4 of .Nav-link){color:#65a30d}:nth-child(7n+5 of .Nav-link){color:#0892a2}:nth-child(7n+6 of .Nav-link){color:#9333ea}:nth-child(7n+7 of .Nav-link){color:#db2777}
\ No newline at end of file
+*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}html{background-image:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);min-height:100vh;min-height:100vb;min-width:100vw;min-width:100vi;overflow:hidden}body{color:#18181b;font-family:Imprima,handwriting;font-size:clamp(.75rem,.71rem + .22vw,.88rem);letter-spacing:.6px}:nth-child(7n+1 of i){color:#dc2626}:nth-child(7n+2 of i){color:#ea580c}:nth-child(7n+3 of i){color:#ca8a04}:nth-child(7n+4 of i){color:#65a30d}:nth-child(7n+5 of i){color:#0892a2}:nth-child(7n+6 of i){color:#9333ea}:nth-child(7n+7 of i){color:#db2777}:nth-child(7n+1 of b){color:#dc2626}:nth-child(7n+2 of b){color:#ea580c}:nth-child(7n+3 of b){color:#ca8a04}:nth-child(7n+4 of b){color:#65a30d}:nth-child(7n+5 of b){color:#0892a2}:nth-child(7n+6 of b){color:#9333ea}:nth-child(7n+7 of b){color:#db2777}.Site-content,.Site-info,.Site-nav,.Site-social,.Site-subNav{background-color:hsla(0,0%,98%,.5);margin:clamp(.19rem,.17rem + .11vw,.25rem);padding:clamp(.75rem,.71rem + .22vw,.88rem)}.Site{display:grid;grid-template:"Site-info   Site-content Site-nav" 2fr "Site-social Site-content Site-nav" 2fr "Site-social Site-content Site-subNav" 2fr "Site-title  Site-title   Site-title" 2fr/1fr 3fr 1fr;height:100%;padding:clamp(9rem,8.48rem + 2.61vw,10.5rem);width:100%}.Site-title{font-family:Bungee Shade,display;font-size:clamp(2.24rem,1.86rem + 1.91vw,3.34rem);font-weight:400;grid-area:Site-title;justify-self:end;padding-right:clamp(.75rem,.71rem + .22vw,.88rem)}.Site-nav{--Site-nav-gridArea:Site-nav/Site-nav/Site-subNav/Site-nav;grid-area:Site-nav/Site-nav/Site-subNav/Site-nav;grid-area:var(--Site-nav-gridArea)}.Site-subNav{grid-area:Site-subNav}.Site-content{grid-area:Site-content;padding:clamp(1.13rem,1.06rem + .33vw,1.31rem)}.Site-content>*+*{margin-top:1em}.Site-info{grid-area:Site-info}.Site-social{grid-area:Site-social}.Nav-link{background-color:transparent;border:none;color:inherit;cursor:pointer;display:block;letter-spacing:inherit;margin:0;padding:0;-webkit-text-decoration:underline;text-decoration:underline}.Nav-link:focus,.Nav-link:hover{text-decoration:underline;-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.Nav-separator{background-image:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border:none;height:clamp(.13rem,.13rem + 0vw,.13rem)}:nth-child(7n+1 of .Nav-link){color:#dc2626}:nth-child(7n+2 of .Nav-link){color:#ea580c}:nth-child(7n+3 of .Nav-link){color:#ca8a04}:nth-child(7n+4 of .Nav-link){color:#65a30d}:nth-child(7n+5 of .Nav-link){color:#0892a2}:nth-child(7n+6 of .Nav-link){color:#9333ea}:nth-child(7n+7 of .Nav-link){color:#db2777}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 9a71169..c9ba005 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,11 +12,13 @@
         "@11ty/eleventy-plugin-vite": "^4.0.0",
         "alpinejs": "^3.12.2",
         "eleventy-sass": "^2.2.1",
+        "esbuild": "0.17.19",
         "terser": "^5.17.7"
       },
       "devDependencies": {
         "@11ty/eleventy": "^2.0.1",
         "@ronilaukkarinen/stylelint-a11y": "^1.2.7",
+        "@types/alpinejs": "^3.7.1",
         "cssnano": "^6.0.1",
         "postcss": "^8.4.24",
         "postcss-preset-env": "^8.4.2",
@@ -1468,6 +1470,30 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/@types/alpinejs": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/@types/alpinejs/-/alpinejs-3.7.1.tgz",
+      "integrity": "sha512-gzwyuHXH/meGQQhurMGWlZgMQxe18lMOoSPd7X6CvGoDelHte9EsU7SpTIoRu8yYir0tbHDeaSMdX9LeQz/QtA==",
+      "dev": true,
+      "dependencies": {
+        "@vue/reactivity": "^3.2.26"
+      }
+    },
+    "node_modules/@types/alpinejs/node_modules/@vue/reactivity": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz",
+      "integrity": "sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==",
+      "dev": true,
+      "dependencies": {
+        "@vue/shared": "3.3.4"
+      }
+    },
+    "node_modules/@types/alpinejs/node_modules/@vue/shared": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
+      "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==",
+      "dev": true
+    },
     "node_modules/@types/minimatch": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz",
diff --git a/package.json b/package.json
index bf55faa..19dec86 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
   "devDependencies": {
     "@11ty/eleventy": "^2.0.1",
     "@ronilaukkarinen/stylelint-a11y": "^1.2.7",
+    "@types/alpinejs": "^3.7.1",
     "cssnano": "^6.0.1",
     "postcss": "^8.4.24",
     "postcss-preset-env": "^8.4.2",
@@ -29,6 +30,7 @@
     "@11ty/eleventy-plugin-vite": "^4.0.0",
     "alpinejs": "^3.12.2",
     "eleventy-sass": "^2.2.1",
+    "esbuild": "0.17.19",
     "terser": "^5.17.7"
   }
 }
diff --git a/src/_includes/layout.liquid b/src/_includes/layout.liquid
index 66ccf87..029d4be 100644
--- a/src/_includes/layout.liquid
+++ b/src/_includes/layout.liquid
@@ -18,9 +18,9 @@
 
 <h1 class="Site-title">punkfairie.net</h1>
 
-<nav class="Site-nav Nav">
+<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">collections</button>
+    <button class="Nav-link" @click="$store['subNav'].toggle('collections')">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>
@@ -32,7 +32,7 @@
     <a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>
 </nav>
 
-<nav class="Site-subNav Nav">
+<nav class="Site-subNav Nav" x-data x-show="$store['subNav'].open">
 
 </nav>
 
@@ -48,12 +48,7 @@
 
 </aside>
 
-{% capture js %}
-    {% include 'main.js' %}
-{% endcapture %}
-
-<script>
-    {{ js | jsMin }}
-</script>
+<!--suppress HtmlUnknownTarget -->
+<script src="/js/main.js"></script>
 </body>
 </html>
diff --git a/src/_includes/main.js b/src/_includes/main.js
deleted file mode 100644
index d41a043..0000000
--- a/src/_includes/main.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import Alpine from 'alpinejs'
-
-window.Alpine = Alpine
-
-Alpine.start()
diff --git a/src/js/main.js b/src/js/main.js
new file mode 100644
index 0000000..98b05ad
--- /dev/null
+++ b/src/js/main.js
@@ -0,0 +1,13 @@
+import Alpine from 'alpinejs'
+
+Alpine.store('subNav', {
+    open: false,
+    current: null,
+
+    toggle(menu) {
+        this.open = !this.open
+        this.current = this.open ? menu : null
+    },
+})
+
+Alpine.start()
diff --git a/src/style/components/_Site.scss b/src/style/components/_Site.scss
index 282dade..a6f6c10 100644
--- a/src/style/components/_Site.scss
+++ b/src/style/components/_Site.scss
@@ -42,7 +42,6 @@
   &-subNav {
     @extend %_SiteContent;
 
-    display: none;
     grid-area: Site-subNav;
   }