From d24280a9e231c457b30a3c98e77a3727113b8351 Mon Sep 17 00:00:00 2001
From: Dustin Thurston <dthurston1996@gmail.com>
Date: Tue, 30 Jun 2026 15:47:51 -0400
Subject: [PATCH] WIP

---
 src/components/nav.astro              | 66 +++++++++++++++++----------
 src/pages/{work.astro => about.astro} |  6 +--
 2 files changed, 45 insertions(+), 27 deletions(-)
 rename src/pages/{work.astro => about.astro} (91%)

diff --git a/src/components/nav.astro b/src/components/nav.astro
index f62cbaa..206edba 100644
--- a/src/components/nav.astro
+++ b/src/components/nav.astro
@@ -1,11 +1,11 @@
 ---
 import { Birdhouse, Menu, TentTree, Trees } from "@lucide/astro";
 
-const pathname = Astro.url.pathname;
+const pathname = Astro.url.pathname.replace(/\/$/, "") || "/";
 
 const links = [
     { name: "Home", href: "/", icon: Birdhouse },
-    { name: "Work", href: "/work", icon: TentTree },
+    { name: "About", href: "/about", icon: TentTree },
     { name: "Blog", href: "/blog", icon: Trees }
 ];
 
@@ -15,40 +15,51 @@ const { className, isMobile = false } = Astro.props;
 ---
 
 <script>
-    const menuButton = document.getElementById("menuToggle");
-    const mobileNav = document.getElementById("mobileNav");
-
-    function handleClick() {
-        if (menuButton) {
-            if (menuButton.dataset.state === "closed") {
-                menuButton.dataset.state = "open";
-                mobileNav?.classList.remove("hidden");
-                mobileNav?.classList.add("absolute");
-            } else {
-                menuButton.dataset.state = "closed";
-                mobileNav?.classList.remove("absolute");
-                mobileNav?.classList.add("hidden");
-            }
-        }
+    function resetMobileNav() {
+        const menuButton = document.getElementById("menuToggle");
+        const mobileNav = document.getElementById("mobileNav");
+        if (!menuButton) return;
+        menuButton.dataset.state = "closed";
+        mobileNav?.classList.remove("absolute");
+        mobileNav?.classList.add("hidden");
     }
 
-    document.addEventListener("astro:page-load", () => {
-        // Runs when the view transition is completely done
-        if (menuButton) {
+    function toggleMobileNav() {
+        const menuButton = document.getElementById("menuToggle");
+        const mobileNav = document.getElementById("mobileNav");
+        if (!menuButton) return;
+        if (menuButton.dataset.state === "closed") {
+            menuButton.dataset.state = "open";
+            mobileNav?.classList.remove("hidden");
+            mobileNav?.classList.add("absolute");
+        } else {
             menuButton.dataset.state = "closed";
             mobileNav?.classList.remove("absolute");
             mobileNav?.classList.add("hidden");
         }
+    }
+
+    document.addEventListener("astro:page-load", resetMobileNav);
+    document.addEventListener("click", (event) => {
+        const target = event.target;
+        if (!(target instanceof Element)) return;
+        if (target.closest("#menuToggle")) {
+            toggleMobileNav();
+        }
     });
 
-    menuButton?.addEventListener("click", handleClick);
+    if (document.readyState !== "loading") {
+        resetMobileNav();
+    } else {
+        document.addEventListener("DOMContentLoaded", resetMobileNav);
+    }
 </script>
 
-<div class={className} transition:persist>
+<div class={className}>
     {
         isMobile ? (
             <div>
-                <button class="p-2" id="menuToggle" data-state={initialState}>
+                {/* <button class="p-2" id="menuToggle" data-state={initialState}>
                     <Menu />
                 </button>
                 <div
@@ -77,7 +88,14 @@ const { className, isMobile = false } = Astro.props;
                             ))}
                         </ul>
                     </nav>
-                </div>
+                </div> */}
+                <nav class="flex gap-3">
+                    {links.map((link) => (
+                        <a href={link.href}>
+                            {link.name}
+                        </a>
+                    ))}
+                </nav>
             </div>
         ) : (
             <div class="surface">
diff --git a/src/pages/work.astro b/src/pages/about.astro
similarity index 91%
rename from src/pages/work.astro
rename to src/pages/about.astro
index 2475960..b55feb8 100644
--- a/src/pages/work.astro
+++ b/src/pages/about.astro
@@ -4,9 +4,9 @@ import Layout from "../layouts/Layout.astro";
 const jobs = [
   {
     company: "Zenimax Online Studios",
-    title: "Applications Engineer",
+    title: "Senior Applications Engineer",
     notes: [
-      "Architected and built web app to bring studio knowledge and communication to one place and automate workflows across different teams - React, Fastify, BullMQ, MySQL",
+      "Architected and built web app to bring studio knowledge and communication to one place and automate workflows across different teams with Jira Integration - React, Fastify, BullMQ, MySQL",
       "Worked on web app to search and review both 2D and 3D game assets - React, Fastify, ArangoDB",
       "Worked on web app to aggregate in-game market performance data and various BI data - React, Fastify, MySQL",
       "Managed and automated deployments for web applications and set up hosting infrastrucure - Ubuntu, Docker, Nginx, Github Actions",
@@ -30,7 +30,7 @@ const jobs = [
     title: 'Software Engineer - "Ford College Graduate (FCG)"',
     notes: [
       "Helped automate internal application onboarding into various monitoring tools, like Splunk and Dynatrace in a single self-serve web application",
-      "Worked on FordPass Android application",
+      "Worked on FordPass Android application, introducing Jetpack Compose to the application",
       "Built various web applications used to train and onboard engineers to company coding standards",
     ],
     startYear: "2019",
-- 
2.51.2