From f99f38c9d2221c3bbc7b1f849f0e677db033c23e Mon Sep 17 00:00:00 2001
From: Earth Walker <pineconefirestarter@pm.me>
Date: Fri, 28 Aug 2026 15:43:43 -0400
Subject: [PATCH 1/3] rename assets

---
 website/src/assets/icons/menu close.svg | 30 -------------
 website/src/assets/icons/menu open.svg  | 29 -------------
 website/src/assets/icons/menu-close.svg | 52 ++++++++++++++++++++++
 website/src/assets/icons/menu-open.svg  | 57 +++++++++++++++++++++++++
 4 files changed, 109 insertions(+), 59 deletions(-)
 delete mode 100644 website/src/assets/icons/menu close.svg
 delete mode 100644 website/src/assets/icons/menu open.svg
 create mode 100644 website/src/assets/icons/menu-close.svg
 create mode 100644 website/src/assets/icons/menu-open.svg

diff --git a/website/src/assets/icons/menu close.svg b/website/src/assets/icons/menu close.svg
deleted file mode 100644
index 851bad3f..00000000
--- a/website/src/assets/icons/menu close.svg	
+++ /dev/null
@@ -1,30 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="260.15558"
-   height="260.15472"
-   viewBox="0 0 68.832829 68.832604"
-   version="1.1"
-   id="svg1"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1" />
-  <g
-     id="layer1"
-     transform="translate(-5.271081,-5.2711983)">
-    <g
-       id="g5"
-       transform="matrix(1.191148,0,0,1.191148,-8.9018003,-8.702249)">
-      <path
-         style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
-         d="m 22.252631,13.508586 a 6.0647502,6.0647502 0 0 0 -8.57782,-0.0014 6.0647502,6.0647502 0 0 0 10e-4,8.577814 l 45.65534,45.65534 a 6.0647502,6.0647502 0 0 0 8.57782,0.0014 6.0647502,6.0647502 0 0 0 -10e-4,-8.577816 z"
-         id="path4" />
-      <path
-         style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
-         d="m 13.676011,59.163724 a 6.0647502,6.0647502 0 0 0 -0.001,8.57782 6.0647502,6.0647502 0 0 0 8.57782,-0.001 l 45.65534,-45.65534 a 6.0647502,6.0647502 0 0 0 0.001,-8.57782 6.0647502,6.0647502 0 0 0 -8.57782,10e-4 z"
-         id="path5" />
-    </g>
-  </g>
-</svg>
diff --git a/website/src/assets/icons/menu open.svg b/website/src/assets/icons/menu open.svg
deleted file mode 100644
index abb1b22c..00000000
--- a/website/src/assets/icons/menu open.svg	
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="300"
-   height="300"
-   viewBox="0 0 79.374999 79.375"
-   version="1.1"
-   id="svg1"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1" />
-  <g
-     id="layer1">
-    <path
-       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
-       d="M 7.4042969,5.3476562 A 6.0647502,6.0647502 0 0 0 1.3378906,11.412109 6.0647502,6.0647502 0 0 0 7.4042969,17.476562 H 71.970703 a 6.0647502,6.0647502 0 0 0 6.066406,-6.064453 6.0647502,6.0647502 0 0 0 -6.066406,-6.0644528 z"
-       id="path1" />
-    <path
-       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
-       d="M 7.4042969,33.623047 A 6.0647502,6.0647502 0 0 0 1.3378906,39.6875 6.0647502,6.0647502 0 0 0 7.4042969,45.751953 H 71.970703 A 6.0647502,6.0647502 0 0 0 78.037109,39.6875 6.0647502,6.0647502 0 0 0 71.970703,33.623047 Z"
-       id="path2" />
-    <path
-       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
-       d="m 7.4042969,61.898437 a 6.0647502,6.0647502 0 0 0 -6.0664063,6.064454 6.0647502,6.0647502 0 0 0 6.0664063,6.064453 H 71.970703 a 6.0647502,6.0647502 0 0 0 6.066406,-6.064453 6.0647502,6.0647502 0 0 0 -6.066406,-6.064454 z"
-       id="path3" />
-  </g>
-</svg>
diff --git a/website/src/assets/icons/menu-close.svg b/website/src/assets/icons/menu-close.svg
new file mode 100644
index 00000000..a544837c
--- /dev/null
+++ b/website/src/assets/icons/menu-close.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="300"
+   height="300"
+   viewBox="0 0 79.374999 79.375"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="menu-close.svg"
+   inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="2.69"
+     inkscape:cx="150"
+     inkscape:cy="150"
+     inkscape:window-width="1882"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="matrix(0.82637069,0,0,0.82637069,6.3675966,7.3358595)"
+     style="stroke-width:1.21011">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-width:1.21011;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 3.5606732,67.332729 c -2.369455,2.368161 -2.3700733,6.208891 -0.00138,8.577814 2.3689237,2.368692 6.209653,2.368073 8.5778137,-0.0014 L 77.080858,10.965409 c 2.369455,-2.3681601 2.370073,-6.2088891 0.0014,-8.5778135 -2.368923,-2.36869102 -6.209652,-2.36807372 -8.577814,0.0014 z"
+       id="path2"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-width:1.21011;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="M 12.137107,2.3889757 C 9.7689461,0.0195207 5.9282161,0.0189024 3.5592931,2.3875957 c -2.368692,2.3689237 -2.368073,6.209653 0.0014,8.5778133 L 68.504427,75.909161 c 2.36816,2.369455 6.208889,2.370073 8.577814,0.0014 2.368691,-2.368923 2.368073,-6.209652 -0.0014,-8.577814 z"
+       id="path3"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>
diff --git a/website/src/assets/icons/menu-open.svg b/website/src/assets/icons/menu-open.svg
new file mode 100644
index 00000000..3f4580da
--- /dev/null
+++ b/website/src/assets/icons/menu-open.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="300"
+   height="300"
+   viewBox="0 0 79.374999 79.375"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="menu-open.svg"
+   inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="2.69"
+     inkscape:cx="150"
+     inkscape:cy="150"
+     inkscape:window-width="1882"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="matrix(0.82637069,0,0,0.82637069,6.3675966,7.3358595)"
+     style="stroke-width:1.21011">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-width:1.21011;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 0.94493383,65.824717 c -3.35000013,-9.15e-4 -6.06624283,2.714454 -6.06640633,6.064454 1.641e-4,3.35 2.7164066,6.065368 6.06640633,6.064453 H 79.696608 c 3.349999,9.15e-4 6.066242,-2.714453 6.066406,-6.064453 -1.64e-4,-3.35 -2.716406,-6.065369 -6.066406,-6.064454 z"
+       id="path3"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-width:1.21011;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 0.94493383,33.084612 c -3.35000013,-9.15e-4 -6.06624283,2.714454 -6.06640633,6.064454 1.641e-4,3.35 2.7164066,6.065368 6.06640633,6.064453 H 79.696608 c 3.349999,9.15e-4 6.066242,-2.714453 6.066406,-6.064453 -1.64e-4,-3.35 -2.716406,-6.065369 -6.066406,-6.064454 z"
+       id="path1"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-width:1.21011;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="M 0.94493383,0.34450707 C -2.4050663,0.34359207 -5.121309,3.0589611 -5.1214725,6.4089611 c 1.641e-4,3.35 2.7164066,6.0653679 6.06640633,6.0644529 H 79.696608 c 3.349999,9.15e-4 6.066242,-2.7144529 6.066406,-6.0644529 -1.64e-4,-3.35 -2.716406,-6.06536903 -6.066406,-6.06445403 z"
+       id="path2"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>

From f1c783e494e8cbcda0dec727c47835e6415314be Mon Sep 17 00:00:00 2001
From: Earth Walker <pineconefirestarter@pm.me>
Date: Fri, 28 Aug 2026 15:44:06 -0400
Subject: [PATCH 2/3] use icons instead of text for mobile menu button

---
 website/src/components/NavMenu.svelte | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/website/src/components/NavMenu.svelte b/website/src/components/NavMenu.svelte
index 8a6feba3..64b98f47 100644
--- a/website/src/components/NavMenu.svelte
+++ b/website/src/components/NavMenu.svelte
@@ -1,6 +1,8 @@
 <script>
   import { quadOut } from "svelte/easing";
   import { fade } from "svelte/transition";
+  import menuIcon from "../assets/icons/menu-open.svg?url";
+  import closeIcon from "../assets/icons/menu-close.svg?url";
   const headerLinks = [
     {
       title: "Home",
@@ -33,12 +35,14 @@
   </ul>
 </nav>
 <button
-  class="md:hidden self-center text-white font-bold border-2 border-white rounded-lg px-2 py-1"
+  class="md:hidden self-center p-2"
   onclick={toggleMenu}
   aria-label={menuActive ? "Close navigation menu" : "Open navigation menu"}
   aria-controls="navMenu"
-  aria-expanded={menuActive}>Menu</button
+  aria-expanded={menuActive}
 >
+  <img class="w-6 h-6" src={menuIcon} alt="" />
+</button>
 {#if menuActive == true}
   <div
     id="navMenu"
@@ -46,12 +50,14 @@
     transition:fade={{ duration: 180, easing: quadOut }}
   >
     <button
-      class="fixed top-9.5 right-6 text-white font-bold border-2 border-white rounded-lg px-2 py-1"
+      class="fixed top-9 right-6 p-2"
       onclick={toggleMenu}
       aria-label={menuActive ? "Close navigation menu" : "Open navigation menu"}
       aria-controls="navMenu"
-      aria-expanded={menuActive}>Close</button
+      aria-expanded={menuActive}
     >
+      <img class="w-6 h-6" src={closeIcon} alt="" />
+    </button>
     <ul class="w-fit h-fit flex flex-col gap-4 items-center">
       {#each headerLinks as link}
         <li>

From 8c48b72cb4fa28d5c3d38b879ef2c0f22f1d765c Mon Sep 17 00:00:00 2001
From: Earth Walker <pineconefirestarter@pm.me>
Date: Fri, 28 Aug 2026 15:49:31 -0400
Subject: [PATCH 3/3] adjust accessibility properties of menu button

---
 website/src/components/NavMenu.svelte | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/website/src/components/NavMenu.svelte b/website/src/components/NavMenu.svelte
index 64b98f47..2bf96ebc 100644
--- a/website/src/components/NavMenu.svelte
+++ b/website/src/components/NavMenu.svelte
@@ -34,15 +34,18 @@
     {/each}
   </ul>
 </nav>
-<button
-  class="md:hidden self-center p-2"
-  onclick={toggleMenu}
-  aria-label={menuActive ? "Close navigation menu" : "Open navigation menu"}
-  aria-controls="navMenu"
-  aria-expanded={menuActive}
->
-  <img class="w-6 h-6" src={menuIcon} alt="" />
-</button>
+{#if menuActive == false}
+  <button
+    class="md:hidden self-center p-2"
+    transition:fade={{ duration: 180, easing: quadOut }}
+    onclick={toggleMenu}
+    aria-label="Open navigation menu"
+    aria-controls="navMenu"
+    aria-expanded={menuActive}
+  >
+    <img class="w-6 h-6" src={menuIcon} alt="" />
+  </button>
+{/if}
 {#if menuActive == true}
   <div
     id="navMenu"
@@ -52,7 +55,7 @@
     <button
       class="fixed top-9 right-6 p-2"
       onclick={toggleMenu}
-      aria-label={menuActive ? "Close navigation menu" : "Open navigation menu"}
+      aria-label="Close navigation menu"
       aria-controls="navMenu"
       aria-expanded={menuActive}
     >