From 736fd64852ed86448645e5931a0599da8ba8222e Mon Sep 17 00:00:00 2001
From: walaura <hi@laura.monster>
Date: Wed, 3 Jun 2026 16:02:26 +0100
Subject: [PATCH 1/4] ipad-style nav

---
 app/components/AppFooter.vue |  2 +-
 app/components/AppHeader.vue | 27 ++++++++++++++++-----------
 app/layouts/default.vue      | 14 ++++++++------
 worker-configuration.d.ts    | 24 +++++++++++++++++++++++-
 4 files changed, 48 insertions(+), 19 deletions(-)

diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue
index e03ca46..c02d881 100644
--- a/app/components/AppFooter.vue
+++ b/app/components/AppFooter.vue
@@ -1,5 +1,5 @@
 <template>
-  <footer class="footer footer-center bg-base-200 p-4 text-base-content">
+  <footer class="footer mt-12 p-4 text-base-content/80">
     <aside>
       <p>&copy; {{ new Date().getFullYear() }} TEC. Built with Nuxt 4 + DaisyUI.</p>
     </aside>
diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 8230886..9611f69 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -1,13 +1,18 @@
+<script setup lang="ts"></script>
+
 <template>
-  <header class="navbar bg-base-200">
-    <div class="flex-1">
-      <NuxtLink to="/" class="btn btn-ghost text-xl">Affirm</NuxtLink>
-    </div>
-    <nav class="flex-none">
-      <ul class="menu menu-horizontal px-1">
-        <li><NuxtLink to="/">Home</NuxtLink></li>
-        <li><NuxtLink to="/about">About</NuxtLink></li>
-      </ul>
-    </nav>
-  </header>
+  <nav>
+    <h1 class="mb-8 text-xl font-bold ml-4">Affirm</h1>
+    <ul class="menu menu-lg w-full p-0">
+      <li>
+        <NuxtLink to="/" class="link link-hover" activeClass="menu-active">Home</NuxtLink>
+      </li>
+      <li>
+        <NuxtLink to="/about" class="link link-hover" activeClass="menu-active">About</NuxtLink>
+      </li>
+      <li>
+        <NuxtLink to="/list" class="link link-hover" activeClass="menu-active">List</NuxtLink>
+      </li>
+    </ul>
+  </nav>
 </template>
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 95faf21..1fc05d5 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,9 +1,11 @@
 <template>
-  <div class="flex min-h-screen flex-col">
-    <AppHeader />
-    <main class="flex-1 container mx-auto p-6">
-      <slot />
-    </main>
-    <AppFooter />
+  <div class="flex min-h-screen flex-row justify-center">
+    <div class="flex min-h-screen flex-column p-12 gap-8">
+      <AppHeader class="flex-0 min-w-40" />
+      <main class="flex-1 max-w-3xl">
+        <slot />
+        <AppFooter />
+      </main>
+    </div>
   </div>
 </template>
diff --git a/worker-configuration.d.ts b/worker-configuration.d.ts
index b68c6b7..ef09323 100644
--- a/worker-configuration.d.ts
+++ b/worker-configuration.d.ts
@@ -1,16 +1,38 @@
 /* eslint-disable */
-// Generated by Wrangler by running `wrangler types` (hash: 1224b5b86c5bfbfdc24911a0d4ce5c0f)
+// Generated by Wrangler by running `wrangler types` (hash: 933066b3a95ca283951caf6d326d4588)
 // Runtime types generated with workerd@1.20260529.1 2026-02-01 no_nodejs_compat_v2,nodejs_compat
 interface __BaseEnv_Env {
   DB: D1Database;
   IMAGES: ImagesBinding;
   CF_VERSION_METADATA: WorkerVersionMetadata;
   ASSETS: Fetcher;
+  CLOUDFLARE_ACCOUNT_ID: string;
+  CLOUDFLARE_DATABASE_ID: string;
+  CLOUDFLARE_PRODUCTION_DATABASE_ID: string;
+  CLOUDFLARE_STAGING_DATABASE_ID: string;
+  CLOUDFLARE_D1_TOKEN: string;
+  NUXT_SESSION_PASSWORD: string;
 }
 declare namespace Cloudflare {
   interface Env extends __BaseEnv_Env {}
 }
 interface Env extends __BaseEnv_Env {}
+type StringifyValues<EnvType extends Record<string, unknown>> = {
+  [Binding in keyof EnvType]: EnvType[Binding] extends string ? EnvType[Binding] : string;
+};
+declare namespace NodeJS {
+  interface ProcessEnv extends StringifyValues<
+    Pick<
+      Cloudflare.Env,
+      | "CLOUDFLARE_ACCOUNT_ID"
+      | "CLOUDFLARE_DATABASE_ID"
+      | "CLOUDFLARE_PRODUCTION_DATABASE_ID"
+      | "CLOUDFLARE_STAGING_DATABASE_ID"
+      | "CLOUDFLARE_D1_TOKEN"
+      | "NUXT_SESSION_PASSWORD"
+    >
+  > {}
+}
 
 // Begin runtime types
 /*! *****************************************************************************

From f0813bac602daa1cf0cec53bd2d8622588a4ef2e Mon Sep 17 00:00:00 2001
From: walaura <hi@laura.monster>
Date: Wed, 3 Jun 2026 16:06:55 +0100
Subject: [PATCH 2/4] lints

---
 app/components/AppHeader.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 9611f69..8d3fe1c 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -5,13 +5,13 @@
     <h1 class="mb-8 text-xl font-bold ml-4">Affirm</h1>
     <ul class="menu menu-lg w-full p-0">
       <li>
-        <NuxtLink to="/" class="link link-hover" activeClass="menu-active">Home</NuxtLink>
+        <NuxtLink to="/" class="link link-hover" active-class="menu-active">Home</NuxtLink>
       </li>
       <li>
-        <NuxtLink to="/about" class="link link-hover" activeClass="menu-active">About</NuxtLink>
+        <NuxtLink to="/about" class="link link-hover" active-class="menu-active">About</NuxtLink>
       </li>
       <li>
-        <NuxtLink to="/list" class="link link-hover" activeClass="menu-active">List</NuxtLink>
+        <NuxtLink to="/list" class="link link-hover" active-class="menu-active">List</NuxtLink>
       </li>
     </ul>
   </nav>

From 4b49b3b7813145102d4a76c04390abd35b06813c Mon Sep 17 00:00:00 2001
From: walaura <hi@laura.monster>
Date: Wed, 3 Jun 2026 16:15:11 +0100
Subject: [PATCH 3/4] fix width

---
 app/layouts/default.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 1fc05d5..9e5361b 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="flex min-h-screen flex-row justify-center">
-    <div class="flex min-h-screen flex-column p-12 gap-8">
+    <div class="flex min-h-screen flex-column p-12 gap-8 max-w-240 w-full">
       <AppHeader class="flex-0 min-w-40" />
-      <main class="flex-1 max-w-3xl">
+      <main class="flex-1">
         <slot />
         <AppFooter />
       </main>

From 04fe720574a6ed05296b9a220fc087be1422edcc Mon Sep 17 00:00:00 2001
From: walaura <hi@laura.monster>
Date: Thu, 4 Jun 2026 11:06:39 +0100
Subject: [PATCH 4/4] some morning fixes

---
 app/components/AppFooter.vue | 2 +-
 app/layouts/default.vue      | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue
index c02d881..541a014 100644
--- a/app/components/AppFooter.vue
+++ b/app/components/AppFooter.vue
@@ -1,5 +1,5 @@
 <template>
-  <footer class="footer mt-12 p-4 text-base-content/80">
+  <footer class="mt-12 p-4 text-base-content/60 text-sm text-center items-center">
     <aside>
       <p>&copy; {{ new Date().getFullYear() }} TEC. Built with Nuxt 4 + DaisyUI.</p>
     </aside>
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 9e5361b..dc01749 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="flex min-h-screen flex-row justify-center">
-    <div class="flex min-h-screen flex-column p-12 gap-8 max-w-240 w-full">
-      <AppHeader class="flex-0 min-w-40" />
-      <main class="flex-1">
+    <div class="flex min-h-screen flex-column gap-6 max-w-240 w-full">
+      <AppHeader class="flex-0 min-w-40 sticky top-0 h-fit py-12" />
+      <main class="flex-1 py-12">
         <slot />
         <AppFooter />
       </main>