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

@@ -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">

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 hover:underline" to='/'>works</NuxtLink>
-          <NuxtLink class="px-3" to='/events'>events</NuxtLink>
+          <NuxtLink class="px-3 hover:underline" to='/events'>events</NuxtLink>
-          <NuxtLink class="px-3" to='/about'>about</NuxtLink>
+          <NuxtLink class="px-3 hover:underline" to='/about'>about</NuxtLink>
-          <NuxtLink class="px-3" to='https://unboundedpress.org/code'>code</NuxtLink>
+          <NuxtLink class="px-3 hover:underline" to='https://unboundedpress.org/code'>code</NuxtLink>
         </div>
 
         <!-- hdp link while active -->

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">
+          <nav v-if="itemCount >= 2" class="flex gap-4 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="work.vimeo_trackid" href="#video" class="hover:underline">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="gallery && gallery.length" href="#images" class="hover:underline">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>
+            <a v-if="scoreUrl" href="#score" class="hover:underline">Score</a>
           </nav>
         </div>
       </div>

server/data/works.json

@@ -1052,7 +1052,6 @@
       "variable ensemble"
     ],
     "date": "2004-04-02",
-    "score": "Tri_Dimensional_Canon_score.pdf",
     "priority": 2,
     "type": "sound"
   },