From 8f73a3388e341ef84360032f9f111c080d35e815 Mon Sep 17 00:00:00 2001
From: Michael Winter <mwinter@unboundedpress.org>
Date: Fri, 6 Mar 2026 15:49:29 +0100
Subject: [PATCH] Clean up navigation links with hover underline

- Add hover:underline to header nav links
- Add hover:underline to works links
- Rename /work/ route to /works/
- Include works.json manual tweak
---
 components/IndexContent.vue      | 2 +-
 layouts/default.vue              | 8 ++++----
 pages/{work => works}/[slug].vue | 8 ++++----
 server/data/works.json           | 1 -
 4 files changed, 9 insertions(+), 10 deletions(-)
 rename pages/{work => works}/[slug].vue (84%)

diff --git a/components/IndexContent.vue b/components/IndexContent.vue
index 8622f37..c127645 100644
--- a/components/IndexContent.vue
+++ b/components/IndexContent.vue
@@ -8,7 +8,7 @@
         <p class="text-sm font-semibold mt-4 text-[#7F7F7F]">{{ item.year }}</p>
         <div class="leading-tight py-1 ml-3" v-for="work in item.works">
           <div class="grid grid-cols-[65%,30%] gap-1 items-start">
-            <NuxtLink v-if="hasItems(work)" :to="'/work/' + slugify(work.title)" class="italic text-sm">
+            <NuxtLink v-if="hasItems(work)" :to="'/works/' + slugify(work.title)" class="italic text-sm hover:underline">
               <span v-html="work.title"></span>
             </NuxtLink>
             <span v-else class="italic text-sm">
diff --git a/layouts/default.vue b/layouts/default.vue
index 7386837..e563b6b 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -3,10 +3,10 @@
       <div>
         <div class="text-5xl p-2"> <NuxtLink to='/'>michael winter</NuxtLink></div>
         <div class="inline-flex text-2xl ml-4">
-          <NuxtLink class="px-3" to='/'>works</NuxtLink>
-          <NuxtLink class="px-3" to='/events'>events</NuxtLink>
-          <NuxtLink class="px-3" to='/about'>about</NuxtLink>
-          <NuxtLink class="px-3" to='https://unboundedpress.org/code'>code</NuxtLink>
+          <NuxtLink class="px-3 hover:underline" to='/'>works</NuxtLink>
+          <NuxtLink class="px-3 hover:underline" to='/events'>events</NuxtLink>
+          <NuxtLink class="px-3 hover:underline" to='/about'>about</NuxtLink>
+          <NuxtLink class="px-3 hover:underline" to='https://unboundedpress.org/code'>code</NuxtLink>
         </div>
 
         <!-- hdp link while active -->
diff --git a/pages/work/[slug].vue b/pages/works/[slug].vue
similarity index 84%
rename from pages/work/[slug].vue
rename to pages/works/[slug].vue
index 81c093c..9aa18e2 100644
--- a/pages/work/[slug].vue
+++ b/pages/works/[slug].vue
@@ -5,10 +5,10 @@
         <div class="max-w-[800px] mx-auto">
           <h1 class="text-4xl italic text-center mb-4" v-html="work.title"></h1>
           
-          <nav v-if="itemCount >= 2" class="bg-zinc-200 flex gap-2 p-2 rounded-lg shadow border border-zinc-300 mb-6">
-            <a v-if="work.vimeo_trackid" href="#video" class="px-4 py-2 bg-white rounded hover:bg-gray-200 transition font-medium">Video</a>
-            <a v-if="gallery && gallery.length" href="#images" class="px-4 py-2 bg-white rounded hover:bg-gray-200 transition font-medium">Images</a>
-            <a v-if="scoreUrl" href="#score" class="px-4 py-2 bg-white rounded hover:bg-gray-200 transition font-medium">Score</a>
+          <nav v-if="itemCount >= 2" class="flex gap-4 mb-6">
+            <a v-if="work.vimeo_trackid" href="#video" class="hover:underline">Video</a>
+            <a v-if="gallery && gallery.length" href="#images" class="hover:underline">Images</a>
+            <a v-if="scoreUrl" href="#score" class="hover:underline">Score</a>
           </nav>
         </div>
       </div>
diff --git a/server/data/works.json b/server/data/works.json
index fabf506..ddec93e 100644
--- a/server/data/works.json
+++ b/server/data/works.json
@@ -1052,7 +1052,6 @@
       "variable ensemble"
     ],
     "date": "2004-04-02",
-    "score": "Tri_Dimensional_Canon_score.pdf",
     "priority": 2,
     "type": "sound"
   },