update cover card url & artist/title fonts

app/components/Card.vue

@@ -34,10 +34,10 @@
           <div class="label" v-if="isOrder">
             {{ props.track.order }}
           </div>
-          <h2 class="text-base text-neutral-800 font-bold truncate">
+          <h2 class="text-sm text-neutral-500 first-letter:uppercase truncate">
             {{ props.track.title }}
           </h2>
-          <p class="text-sm text-neutral-500 truncate">
+          <p class="text-base text-neutral-800 font-bold capitalize truncate">
             <template v-if="isPlaylistTrack">
               {{ props.track.artist.name }}
             </template>

server/api/boxes.ts

@@ -1,71 +1,68 @@
 import { eventHandler } from 'h3'
 import type { Box } from '~~/types/types'
 
-const boxes: Box[] = [
-  {
-    id: 'ES01',
-    type: 'compilation',
-    name: '...',
-    description: '...',
-    state: 'box-hidden',
-    duration: 3487 + 3773, // Somme des durées A et B
-    sides: {
-      A: {
-        name: '...',
-        description: '...',
-        duration: 3487,
-        color1: '#c7b3aa',
-        color2: '#000100'
+export default eventHandler<Box[]>(() => {
+  return [
+    {
+      id: 'ES01',
+      type: 'compilation',
+      name: '...',
+      description: '...',
+      state: 'box-hidden',
+      duration: 3487 + 3773, // Somme des durées A et B
+      sides: {
+        A: {
+          name: '...',
+          description: '...',
+          duration: 3487,
+          color1: '#c7b3aa',
+          color2: '#000100'
+        },
+        B: {
+          name: '... B',
+          description: '...',
+          duration: 3773,
+          color1: '#f7dd01',
+          color2: '#010103'
+        }
       },
-      B: {
-        name: '... B',
-        description: '...',
-        duration: 3773,
-        color1: '#f7dd01',
-        color2: '#010103'
-      }
+      activeSide: 'A'
     },
-    activeSide: 'A'
-  },
-  {
-    id: 'ES00',
-    type: 'compilation',
-    name: 'manifeste',
-    description: 'Zero is for manifesto',
-    state: 'box-hidden',
-    duration: 2794 + 2470, // Somme des durées A et B
-    sides: {
-      A: {
-        name: 'manifeste',
-        description: 'Zero is for manifesto',
-        duration: 2794,
-        color1: '#ffffff',
-        color2: '#48959d'
+    {
+      id: 'ES00',
+      type: 'compilation',
+      name: 'manifeste',
+      description: 'Zero is for manifesto',
+      state: 'box-hidden',
+      duration: 2794 + 2470, // Somme des durées A et B
+      sides: {
+        A: {
+          name: 'manifeste',
+          description: 'Zero is for manifesto',
+          duration: 2794,
+          color1: '#ffffff',
+          color2: '#48959d'
+        },
+        B: {
+          name: 'manifeste B',
+          description: 'Even Zero has a b-side',
+          duration: 2470,
+          color1: '#0d01b9',
+          color2: '#3b7589'
+        }
       },
-      B: {
-        name: 'manifeste B',
-        description: 'Even Zero has a b-side',
-        duration: 2470,
-        color1: '#0d01b9',
-        color2: '#3b7589'
-      }
+      activeSide: 'A'
     },
-    activeSide: 'A'
-  },
-  {
-    id: 'ESPLAYLIST',
-    type: 'playlist',
-    name: 'playlists',
-    duration: 0,
-    description: '♠♦♣♥',
-    state: 'box-hidden',
-    activeSide: 'A'
-  }
-]
-
-export default eventHandler(() => {
-  return boxes.map((box) => ({
-    ...box,
-    state: 'box-hidden' as const
-  }))
+    {
+      id: 'ESPLAYLIST',
+      type: 'playlist',
+      name: 'playlists',
+      duration: 0,
+      description: '♠♦♣♥',
+      state: 'box-hidden',
+      activeSide: 'A',
+      color1: '#fdec50ff',
+      color2: '#fdec50ff'
+    }
+  ]
 })

server/api/tracks/playlist.ts

@@ -43,7 +43,7 @@ export default eventHandler(async (event) => {
       const date = new Date(year, month - 1, day, hour)
       const card = getCardFromDate(date)
       const url = `${urlPrefix}/${encodeURIComponent(file)}`
-      const coverId = `${urlPrefix}/${encodeURIComponent(file).replace(EXT_RE, '.jpg')}`
+      const coverId = `${urlPrefix}/cover/${encodeURIComponent(file).replace(EXT_RE, '.jpg')}`
 
       return {
         id: Number(`${year}${index + 1}`),