diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..58aaa72
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  }
+}
diff --git a/app/app.vue b/app/app.vue
index fa4ee3e..fea5e1f 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -4,3 +4,24 @@
     <NuxtPage />
   </div>
 </template>
+
+<script setup>
+import { useDataStore } from '@/store/dataStore'
+useHead({
+  bodyAttrs: {
+    class: 'bg-slate-100 dark:bg-slate-900'
+  }
+})
+
+// @todo : load datas as plugin/middleware (cant load pinia in plugin/middleware) ?
+onMounted(async () => {
+  const dataStore = await useDataStore()
+  await dataStore.loadData()
+})
+</script>
+
+<style>
+button {
+  @apply px-4 py-2 m-4 bg-esyellow text-slate-700 rounded-md;
+}
+</style>
\ No newline at end of file
diff --git a/app/components/gameBox.vue b/app/components/atropos.vue
similarity index 100%
rename from app/components/gameBox.vue
rename to app/components/atropos.vue
diff --git a/app/components/boxItem.vue b/app/components/boxItem.vue
new file mode 100644
index 0000000..ad0e27d
--- /dev/null
+++ b/app/components/boxItem.vue
@@ -0,0 +1,263 @@
+<template>
+
+  <div class="scene" id="scene">
+    <div class="box" id="box">
+      <div class="face front">
+        <img class="cover" src="https://evilspins.com/ES01A/object.png" alt="">
+      </div>
+      <div class="face back"></div>
+      <div class="face right"></div>
+      <div class="face left"></div>
+      <div class="face top"></div>
+      <div class="face bottom"></div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+/*
+  Rotation 3D au touch / clic maintenu
+  - Utilise Pointer Events (fonctionne pour souris, stylet, touch)
+  - rotateX et rotateY mis à jour pendant le drag
+  - inertie légère à la release (configurable)
+*/
+
+(function () {
+  const box = document.getElementById('box');
+  const scene = document.getElementById('scene');
+
+  // état
+  let angleX = -20; // angle initial (pour montrer la 3D)
+  let angleY = 20;
+  let dragging = false;
+  let lastPointer = { x: 0, y: 0, time: 0 };
+  let velocity = { x: 0, y: 0 };
+  let raf = null;
+
+  // paramètres
+  const sensitivity = 0.3;    // combien de degrés par px
+  const friction = 0.95;      // inertie (0..1) ; 1 = pas de friction
+  const minVelocity = 0.02;   // seuil pour arrêter l'inertie
+  const enableInertia = true; // tu peux mettre false pour pas d'inertie
+
+  // applique la transformation (raf-friendly)
+  function applyTransform() {
+    box.style.transform = `rotateX(${angleX}deg) rotateY(${angleY}deg)`;
+  }
+
+  applyTransform();
+
+  // boucle d'inertie
+  function tickInertia() {
+    if (!enableInertia) return;
+    // appliquer friction
+    velocity.x *= friction;
+    velocity.y *= friction;
+
+    angleX += velocity.y;
+    angleY += velocity.x;
+
+    // clamp angleX pour éviter flip complet (optionnel)
+    angleX = Math.max(-80, Math.min(80, angleX));
+
+    applyTransform();
+
+    if (Math.abs(velocity.x) > minVelocity || Math.abs(velocity.y) > minVelocity) {
+      raf = requestAnimationFrame(tickInertia);
+    } else {
+      raf = null;
+    }
+  }
+
+  // pointerdown
+  scene.addEventListener('pointerdown', (ev) => {
+    ev.preventDefault();
+    dragging = true;
+    scene.setPointerCapture(ev.pointerId);
+    lastPointer.x = ev.clientX;
+    lastPointer.y = ev.clientY;
+    lastPointer.time = performance.now();
+    velocity.x = 0;
+    velocity.y = 0;
+    if (raf) { cancelAnimationFrame(raf); raf = null; } // stop inertie en commençant un nouveau drag
+  });
+
+  // pointermove
+  scene.addEventListener('pointermove', (ev) => {
+    if (!dragging) return;
+    ev.preventDefault();
+    const now = performance.now();
+    const dx = ev.clientX - lastPointer.x;
+    const dy = ev.clientY - lastPointer.y;
+
+    // mise à jour angles (inverser si tu veux sens différent)
+    angleY += dx * sensitivity;
+    angleX -= dy * sensitivity;
+
+    // clamp angleX
+    angleX = Math.max(-80, Math.min(80, angleX));
+
+    // calculer vitesse (px per frame approximative)
+    const dt = Math.max(1, now - lastPointer.time); // ms
+    velocity.x = (dx / dt) * 16 * sensitivity; // normalisé approximativement à 60fps
+    velocity.y = (-dy / dt) * 16 * sensitivity;
+
+    lastPointer.x = ev.clientX;
+    lastPointer.y = ev.clientY;
+    lastPointer.time = now;
+
+    applyTransform();
+  });
+
+  // pointerup / cancel
+  const endDrag = (ev) => {
+    if (!dragging) return;
+    dragging = false;
+    try { scene.releasePointerCapture(ev.pointerId); } catch (e) { }
+    // si inertie activée, lancer la boucle
+    if (enableInertia && (Math.abs(velocity.x) > minVelocity || Math.abs(velocity.y) > minVelocity)) {
+      if (!raf) raf = requestAnimationFrame(tickInertia);
+    }
+  };
+
+  scene.addEventListener('pointerup', endDrag);
+  scene.addEventListener('pointercancel', endDrag);
+  scene.addEventListener('pointerleave', endDrag); // utile sur desktop si tu sors du container
+
+  // accessibility : permettre rotation via clavier (optionnel)
+  scene.tabIndex = 0;
+  scene.addEventListener('keydown', (e) => {
+    const step = 8;
+    if (e.key === 'ArrowLeft') { angleY -= step; applyTransform(); }
+    if (e.key === 'ArrowRight') { angleY += step; applyTransform(); }
+    if (e.key === 'ArrowUp') { angleX -= step; applyTransform(); }
+    if (e.key === 'ArrowDown') { angleX += step; applyTransform(); }
+  });
+
+})();
+</script>
+
+<style>
+/*  H      W   D
+    k7  5   :  8 : 1
+    CD  12  : 14 : 1
+    VHS 4.5 :  8 : 1
+    DVD 14  : 10 : 1
+    */
+
+:root {
+  --size: 100px;
+  --height: 150px;
+  --width: 150px;
+  --depth: 10px;
+  --bg: #0f172a;
+}
+
+html,
+body {
+  height: 100%;
+  margin: 0;
+  background: var(--bg);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* scène avec perspective */
+.scene {
+  width: calc(var(--height) * 1.2);
+  height: calc(var(--width) * 1.2);
+  perspective: 1000px;
+  touch-action: none;
+  /* essentiel pour empêcher le scroll pendant le drag */
+}
+
+/* l'objet 3D (box simple) */
+.box {
+  width: var(--width);
+  height: var(--height);
+  position: relative;
+  transform-style: preserve-3d;
+  transition: transform 120ms linear;
+  /* légère smoothing quand on lâche */
+  margin: auto;
+  user-select: none;
+  cursor: grab;
+}
+
+.box:active {
+  cursor: grabbing;
+}
+
+/* faces du box */
+.face {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  color: white;
+  font-weight: 600;
+  backface-visibility: hidden;
+  border: 2px solid rgba(255, 255, 255, 0.06);
+  box-sizing: border-box;
+  transform-origin: top right;
+}
+
+.front,
+.back {
+  width: 100%;
+  height: 100%;
+}
+
+.face.top,
+.face.bottom {
+  width: var(--width);
+  height: var(--depth);
+}
+
+.face.left,
+.face.right {
+  width: var(--depth);
+  height: var(--height);
+}
+
+.face.front {
+  background: linear-gradient(180deg, #2563eb, #7dd3fc);
+  transform: translateX(0px) translateY(0px) translateZ(0px);
+}
+
+.face.back {
+  background: linear-gradient(180deg, #7c3aed, #a78bfa);
+  transform: rotateY(180deg) translateX(var(--width)) translateY(0px) translateZ(var(--depth));
+}
+
+.face.right {
+  background: linear-gradient(180deg, #10b981, #6ee7b7);
+  transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(var(--width));
+  transform-origin: top left;
+}
+
+.face.left {
+  background: linear-gradient(180deg, #ef4444, #fca5a5);
+  transform: rotateY(-90deg) translateX(0) translateY(0px) translateZ(var(--depth));
+}
+
+.face.top {
+  background: linear-gradient(180deg, #f59e0b, #fcd34d);
+  transform: rotateX(90deg) translateX(0px) translateY(calc(var(--depth) * -1)) translateZ(0px);
+}
+
+.face.bottom {
+  background: linear-gradient(180deg, #06b6d4, #67e8f9);
+  transform: rotateX(-90deg) translateX(0) translateY(0px) translateZ(calc(var(--height)));
+}
+
+.cover {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+</style>
\ No newline at end of file
diff --git a/app/components/compilationBox.vue b/app/components/compilationBox.vue
new file mode 100644
index 0000000..342c549
--- /dev/null
+++ b/app/components/compilationBox.vue
@@ -0,0 +1,338 @@
+<template>
+  <!-- scène 3D -->
+  <div ref="scene" class="scene z-10">
+    <div ref="box" class="box">
+      <div class="face front relative" ref="frontFace">
+        <img class="cover absolute" :src="`/${compilation.id}/cover.jpg`" alt="">
+      </div>
+      <div class="face back" ref="backFace" />
+      <div class="face right" ref="rightFace" />
+      <div class="face left" ref="leftFace" />
+      <div class="face top" ref="topFace">
+        <img class="logo h-full p-1" src="/logo.svg" alt="">
+        <img class="absolute left-0 w-16 pr-4" :src="`/${compilation.id}/title.svg`" alt="">
+      </div>
+      <div class="face bottom" ref="bottomFace" />
+    </div>
+  </div>
+
+  <div class="devtool  absolute right-4 text-white bg-black rounded-2xl px-4 py-2">
+    <button @click="poser">poser</button>
+    <button @click="face">face</button>
+    <button @click="dos">dos</button>
+    <div>
+      <label class="block">
+        X: {{ angleX }}
+        <input v-model.number="angleX" type="range" step="1" min="-180" max="180" @input="applyTransform">
+      </label>
+      <label class="block">
+        Y: {{ angleY }}
+        <input v-model.number="angleY" type="range" step="1" min="-180" max="180" @input="applyTransform">
+      </label>
+      <label class="block">
+        Z: {{ angleZ }}
+        <input v-model.number="angleZ" type="range" step="1" min="-180" max="180" @input="applyTransform">
+      </label>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import compilations from '~~/server/api/compilations';
+import type { Compilation } from '~~/types/types';
+
+const props = defineProps<{ compilation: Compilation }>()
+
+// States
+const position = ref('')
+const angleX = ref(76)
+const angleY = ref(0)
+const angleZ = ref(150)
+
+const frontFace = ref()
+const backFace = ref()
+const rightFace = ref()
+const leftFace = ref()
+const topFace = ref()
+const bottomFace = ref()
+
+function poser() {
+  rotateBox(76, 0, 150)
+}
+
+function face() {
+  rotateBox(-20, 20, 0)
+}
+
+function dos() {
+  rotateBox(-20, 200, 0)
+}
+
+const box = ref()
+const scene = ref()
+
+/*
+  ÉTATS POUR LE DRAG + INERTIE
+*/
+let dragging = false
+let lastPointer = { x: 0, y: 0, time: 0 } // position précédente du pointeur
+let velocity = { x: 0, y: 0 }              // vitesse calculée pour inertie
+let raf = null                              // id du requestAnimationFrame
+
+/*
+  PARAMÈTRES DE RÉGLAGE
+*/
+const sensitivity = 0.3    // combien de degrés par pixel de mouvement
+const friction = 0.95      // inertie : 1 = sans perte, plus bas = ralentit vite
+const minVelocity = 0.02   // seuil sous lequel on arrête l’inertie
+const enableInertia = true // true = inertie activée, false = rotation immédiate sans suite
+
+/*
+  Applique la transformation CSS à la box
+*/
+function applyTransform() {
+  angleX.value = Math.round(angleX.value)
+  angleY.value = Math.round(angleY.value)
+  angleZ.value = Math.round(angleZ.value)
+
+  box.value.style.transform = `rotateX(${angleX.value}deg) rotateY(${angleY.value}deg) rotateZ(${angleZ.value}deg)`
+}
+
+
+/*
+  Fonction utilitaire : place la box directement à une rotation donnée
+  (utilisée par le bouton reset ou autre logique externe)
+*/
+function rotateBox(x, y, z) {
+  angleX.value = x
+  angleY.value = y
+  angleZ.value = z
+  applyTransform()
+
+  box.value.style.setProperty('transition', 'transform 800ms ease-in-out')
+  setTimeout(() => {
+    box.value.style.setProperty('transition', 'transform 120ms linear')
+    console.log('dopne timeout')
+  }, 120)
+
+}
+
+/*
+  Boucle d’inertie après un drag
+  - reprend la vitesse calculée à la release
+  - diminue petit à petit avec friction
+  - stoppe quand vitesse < minVelocity
+*/
+function tickInertia() {
+  if (!enableInertia) return
+
+  // appliquer la friction
+  velocity.x *= friction
+  velocity.y *= friction
+
+  // appliquer au box
+  angleX.value += velocity.y
+  angleY.value += velocity.x
+
+  // clamp angleX pour éviter de retourner la box trop loin
+  angleX.value = Math.max(-80, Math.min(80, angleX.value))
+
+  applyTransform()
+
+  // continuer tant qu’il reste du mouvement
+  if (Math.abs(velocity.x) > minVelocity || Math.abs(velocity.y) > minVelocity) {
+    raf = requestAnimationFrame(tickInertia)
+  } else {
+    raf = null
+  }
+}
+
+/*
+  Mise en place des listeners une fois le composant monté
+*/
+onMounted(() => {
+  // setup CSS vars pour la scène
+  updateCssVar('--height', '200px', scene.value)
+  updateCssVar('--width', '300px', scene.value)
+  updateCssVar('--depth', '60px', scene.value)
+
+  frontFace.value.style.setProperty('background', `${props.compilation.colorTo}`)
+  backFace.value.style.setProperty('background', `linear-gradient(to top, ${props.compilation.colorFrom}, ${props.compilation.colorTo})`)
+  rightFace.value.style.setProperty('background', `linear-gradient(to top, ${props.compilation.colorFrom}, ${props.compilation.colorTo})`)
+  leftFace.value.style.setProperty('background', `linear-gradient(to top, ${props.compilation.colorFrom}, ${props.compilation.colorTo})`)
+  topFace.value.style.setProperty('background', `linear-gradient(to top, ${props.compilation.colorTo}, ${props.compilation.colorTo})`)
+  bottomFace.value.style.setProperty('background', `${props.compilation.colorFrom}`)
+
+
+  applyTransform()
+
+  // pointerdown = début du drag
+  const down = (ev) => {
+    ev.preventDefault()
+    dragging = true
+    scene.value.setPointerCapture(ev.pointerId)
+    lastPointer = { x: ev.clientX, y: ev.clientY, time: performance.now() }
+    velocity = { x: 0, y: 0 }
+    if (raf) { cancelAnimationFrame(raf); raf = null }
+  }
+
+  // pointermove = on bouge la souris ou le doigt
+  const move = (ev) => {
+    if (!dragging) return
+    ev.preventDefault()
+    const now = performance.now()
+    const dx = ev.clientX - lastPointer.x
+    const dy = ev.clientY - lastPointer.y
+
+    // mise à jour des angles
+    angleY.value += dx * sensitivity
+    angleX.value -= dy * sensitivity
+    angleX.value = Math.max(-80, Math.min(80, angleX.value))
+
+    // calcul vitesse pour inertie
+    const dt = Math.max(1, now - lastPointer.time)
+    velocity.x = (dx / dt) * 16 * sensitivity
+    velocity.y = (-dy / dt) * 16 * sensitivity
+
+    lastPointer = { x: ev.clientX, y: ev.clientY, time: now }
+
+    applyTransform()
+  }
+
+  // pointerup = fin du drag
+  const end = (ev) => {
+    if (!dragging) return
+    dragging = false
+    try { scene.value.releasePointerCapture(ev.pointerId) } catch { }
+    if (enableInertia && (Math.abs(velocity.x) > minVelocity || Math.abs(velocity.y) > minVelocity)) {
+      if (!raf) raf = requestAnimationFrame(tickInertia)
+    }
+  }
+
+  // attach des events
+  scene.value.addEventListener('pointerdown', down)
+  scene.value.addEventListener('pointermove', move)
+  scene.value.addEventListener('pointerup', end)
+  scene.value.addEventListener('pointercancel', end)
+  scene.value.addEventListener('pointerleave', end)
+
+  // cleanup au démontage
+  onBeforeUnmount(() => {
+    cancelAnimationFrame(raf)
+  })
+})
+</script>
+
+
+<style>
+html,
+body {
+  height: 100%;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* scène avec perspective */
+.scene {
+  height: var(--height);
+  width: var(--width);
+  perspective: 1000px;
+  touch-action: none;
+  /* essentiel pour empêcher le scroll pendant le drag */
+  /* height: 20px; */
+  transition: all .5s;
+}
+
+/* l'objet 3D (box simple) */
+.box {
+  width: var(--width);
+  height: var(--height);
+  position: relative;
+  transform-style: preserve-3d;
+  transition: transform 120ms linear;
+  /* légère smoothing quand on lâche */
+  margin: auto;
+  user-select: none;
+  cursor: grab;
+}
+
+.box:active {
+  cursor: grabbing;
+}
+
+/* faces du box */
+.face {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  color: white;
+  font-weight: 600;
+  backface-visibility: hidden;
+  /* border: 2px solid rgba(255, 255, 255, 0.06); */
+  box-sizing: border-box;
+  transform-origin: top right;
+}
+
+.front,
+.back {
+  width: 100%;
+  height: 100%;
+}
+
+.face.top,
+.face.bottom {
+  width: var(--width);
+  height: var(--depth);
+}
+
+.face.left,
+.face.right {
+  width: var(--depth);
+  height: var(--height);
+}
+
+.face.front {
+  transform: translateX(0px) translateY(0px) translateZ(0px);
+}
+
+.face.back {
+  transform: rotateY(180deg) translateX(var(--width)) translateY(0px) translateZ(var(--depth));
+}
+
+.face.right {
+  transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(var(--width));
+  transform-origin: top left;
+}
+
+.face.left {
+  transform: rotateY(-90deg) translateX(0) translateY(0px) translateZ(var(--depth));
+}
+
+.face.top {
+  transform: rotateX(90deg) translateX(0px) translateY(calc(var(--depth) * -1)) translateZ(0px);
+}
+
+.face.top>* {
+  @apply rotate-180;
+}
+
+.face.bottom {
+  transform: rotateX(-90deg) translateX(0) translateY(0px) translateZ(calc(var(--height)));
+}
+
+.cover {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+
+.logo {
+  filter: drop-shadow(2px 2px 0 rgb(0 0 0 / 0.8));
+}
+</style>
\ No newline at end of file
diff --git a/app/pages/design.vue b/app/pages/design.vue
index 2b2dadb..65aad4c 100644
--- a/app/pages/design.vue
+++ b/app/pages/design.vue
@@ -1,11 +1,17 @@
 <template>
-  <div class="mt-8 flex flex-wrap justify-center">
-    <div className="bg-page-dark-bg text-white">
-      <div className="bg-gradient-to-r from-primary to-primary-dark border-t-2 border-b-2 border-primary">
-        <div className="mt-8 flex flex-wrap justify-center">
-          <gameBox />
+  <div class="flex flex-wrap justify-center">
+    <div class="bg-page-dark-bg text-white">
+      <div class="flex flex-col-reverse bg-gradient-to-r from-primary to-primary-dark">
+        <div class="mt-8 flex flex-wrap justify-center"
+          v-for="compilation in store.getAllCompilations.slice().reverse()">
+          <compilationBox :compilation="compilation" template="full" />
         </div>
       </div>
     </div>
   </div>
 </template>
+
+<script setup lang="ts">
+import { useDataStore } from '@/store/dataStore'
+const store = useDataStore()
+</script>
diff --git a/app/store/dataStore.ts b/app/store/dataStore.ts
new file mode 100644
index 0000000..d6a0108
--- /dev/null
+++ b/app/store/dataStore.ts
@@ -0,0 +1,51 @@
+import type { Compilation, Artist, Track } from '~/../types/types'
+
+// stores/data.ts
+import { defineStore } from 'pinia'
+
+export const useDataStore = defineStore('data', {
+  state: () => ({
+    compilations: [] as Compilation[],  // Store your compilation data here
+    artists: [] as Artist[],       // Store artist data here
+    tracks: [] as Track[],        // Store track data here
+    isLoaded: false,                   // Remember if data is already loaded
+  }),
+
+  actions: {
+    async loadData() {
+      if (this.isLoaded) return  // Avoid re-fetching if already loaded
+
+      // Fetch your data once (e.g., from an API or local JSON)
+      const { data: compilations } = await useFetch('/api/compilations')
+      const { data: artists } = await useFetch('/api/artists')
+      const { data: tracks } = await useFetch('/api/tracks')
+
+      // Set the data in the store
+      this.compilations = compilations.value
+      this.artists = artists.value
+      this.tracks = tracks.value
+      this.isLoaded = true
+    }
+  },
+
+  getters: {
+    // Obtenir tous les compilations
+    getAllCompilations: (state) => state.compilations,
+    getCompilationById: (state) => {
+      return (id: string) => {
+        return state.compilations.find(compilation => compilation.id === id)
+      }
+    },
+    // Obtenir toutes les pistes d'une compilation donnée
+    getTracksByCompilationId: (state) => (compilationId: string) => {
+      return state.tracks.filter(track => track.compilationId === compilationId)
+    },
+    // Filtrer les artistes selon certains critères
+    getArtistById: (state) => (id: number) => state.artists.find(artist => artist.id === id),
+
+    // Obtenir toutes les pistes d'un artiste donné
+    getTracksByArtistId: (state) => (artistId: string) => {
+      return state.tracks.filter(track => track.artistId === artistId)
+    },
+  },
+})
diff --git a/app/utils/cssVars.js b/app/utils/cssVars.js
new file mode 100644
index 0000000..771f110
--- /dev/null
+++ b/app/utils/cssVars.js
@@ -0,0 +1,6 @@
+// utils/cssVars.js
+export function updateCssVar(name, value, el) {
+  // if (!import.meta.client) return;
+  const target = el?.$el || el || document.documentElement;
+  target.style.setProperty(name, value);
+}
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 934c3a1..f0f16dd 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,6 +1,21 @@
 // @ts-check
-import withNuxt from './.nuxt/eslint.config.mjs'
+import withNuxt from "./.nuxt/eslint.config.mjs";
 
-export default withNuxt(
-  // Your custom configs here
-)
+export default withNuxt({
+  rules: {
+    // Garde l'ordre correct : class avant @click
+    "vue/attributes-order": "error",
+
+    // Contrôle du nombre d'attributs par ligne
+    "vue/max-attributes-per-line": [
+      "error",
+      {
+        singleline: 3, // autorise jusqu’à 3 attributs sur une ligne
+        multiline: {
+          max: 1, // si retour à la ligne, 1 attr par ligne
+          allowFirstLine: false,
+        },
+      },
+    ],
+  },
+});
diff --git a/nuxt.config.ts b/nuxt.config.ts
index e2f7854..6c69276 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -2,7 +2,7 @@
 export default defineNuxtConfig({
   compatibilityDate: '2025-07-15',
   devtools: { enabled: true },
-  modules: ['@nuxt/eslint', '@nuxtjs/tailwindcss'],
+  modules: ['@nuxt/eslint', '@nuxtjs/tailwindcss', '@pinia/nuxt'],
   app: {
     head: {
       link: [
diff --git a/package.json b/package.json
index 4644e67..f2196ad 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "build": "nuxt build",
-    "dev": "nuxt dev",
+    "dev": "nuxt dev --host",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare"
@@ -12,11 +12,13 @@
   "dependencies": {
     "@nuxt/eslint": "1.9.0",
     "@nuxtjs/tailwindcss": "6.14.0",
+    "@pinia/nuxt": "0.11.2",
+    "atropos": "^2.0.2",
     "eslint": "^9.33.0",
     "nuxt": "^4.0.3",
+    "pinia": "^3.0.3",
     "vue": "^3.5.18",
-    "vue-router": "^4.5.1",
-    "atropos": "^2.0.2"
+    "vue-router": "^4.5.1"
   },
   "engines": {
     "pnpm": ">=10 <11"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 799984d..e7d4e94 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,6 +14,9 @@ importers:
       '@nuxtjs/tailwindcss':
         specifier: 6.14.0
         version: 6.14.0(magicast@0.3.5)
+      '@pinia/nuxt':
+        specifier: 0.11.2
+        version: 0.11.2(magicast@0.3.5)(pinia@3.0.3(typescript@5.9.2)(vue@3.5.18(typescript@5.9.2)))
       atropos:
         specifier: ^2.0.2
         version: 2.0.2
@@ -23,6 +26,9 @@ importers:
       nuxt:
         specifier: ^4.0.3
         version: 4.0.3(@netlify/blobs@9.1.2)(@parcel/watcher@2.5.1)(@types/node@24.3.0)(@vue/compiler-sfc@3.5.18)(db0@0.3.2)(eslint@9.33.0(jiti@2.5.1))(ioredis@5.7.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.46.3)(terser@5.43.1)(typescript@5.9.2)(vite@7.1.2(@types/node@24.3.0)(jiti@2.5.1)(terser@5.43.1)(yaml@2.8.1))(yaml@2.8.1)
+      pinia:
+        specifier: ^3.0.3
+        version: 3.0.3(typescript@5.9.2)(vue@3.5.18(typescript@5.9.2))
       vue:
         specifier: ^3.5.18
         version: 3.5.18(typescript@5.9.2)
@@ -1142,6 +1148,11 @@ packages:
     resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
     engines: {node: '>= 10.0.0'}
 
+  '@pinia/nuxt@0.11.2':
+    resolution: {integrity: sha512-CgvSWpbktxxWBV7ModhAcsExsQZqpPq6vMYEe9DexmmY6959ev8ukL4iFhr/qov2Nb9cQAWd7niFDnaWkN+FHg==}
+    peerDependencies:
+      pinia: ^3.0.3
+
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
@@ -1608,6 +1619,9 @@ packages:
   '@vue/devtools-api@6.6.4':
     resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
 
+  '@vue/devtools-api@7.7.7':
+    resolution: {integrity: sha512-lwOnNBH2e7x1fIIbVT7yF5D+YWhqELm55/4ZKf45R9T8r9dE2AIOy8HKjfqzGsoTHFbWbr337O4E0A0QADnjBg==}
+
   '@vue/devtools-core@7.7.7':
     resolution: {integrity: sha512-9z9TLbfC+AjAi1PQyWX+OErjIaJmdFlbDHcD+cAMYKY6Bh5VlsAtCeGyRMrXwIlMEQPukvnWt3gZBLwTAIMKzQ==}
     peerDependencies:
@@ -3690,6 +3704,15 @@ packages:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
 
+  pinia@3.0.3:
+    resolution: {integrity: sha512-ttXO/InUULUXkMHpTdp9Fj4hLpD/2AoJdmAbAeW2yu1iy1k+pkFekQXw5VpC0/5p51IOR/jDaDRfRWRnMMsGOA==}
+    peerDependencies:
+      typescript: '>=4.4.4'
+      vue: ^2.7.0 || ^3.5.11
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   pirates@4.0.7:
     resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
     engines: {node: '>= 6'}
@@ -6106,6 +6129,13 @@ snapshots:
       '@parcel/watcher-win32-ia32': 2.5.1
       '@parcel/watcher-win32-x64': 2.5.1
 
+  '@pinia/nuxt@0.11.2(magicast@0.3.5)(pinia@3.0.3(typescript@5.9.2)(vue@3.5.18(typescript@5.9.2)))':
+    dependencies:
+      '@nuxt/kit': 3.18.1(magicast@0.3.5)
+      pinia: 3.0.3(typescript@5.9.2)(vue@3.5.18(typescript@5.9.2))
+    transitivePeerDependencies:
+      - magicast
+
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
@@ -6571,6 +6601,10 @@ snapshots:
 
   '@vue/devtools-api@6.6.4': {}
 
+  '@vue/devtools-api@7.7.7':
+    dependencies:
+      '@vue/devtools-kit': 7.7.7
+
   '@vue/devtools-core@7.7.7(vite@7.1.2(@types/node@24.3.0)(jiti@2.5.1)(terser@5.43.1)(yaml@2.8.1))(vue@3.5.18(typescript@5.9.2))':
     dependencies:
       '@vue/devtools-kit': 7.7.7
@@ -8923,6 +8957,13 @@ snapshots:
 
   pify@2.3.0: {}
 
+  pinia@3.0.3(typescript@5.9.2)(vue@3.5.18(typescript@5.9.2)):
+    dependencies:
+      '@vue/devtools-api': 7.7.7
+      vue: 3.5.18(typescript@5.9.2)
+    optionalDependencies:
+      typescript: 5.9.2
+
   pirates@4.0.7: {}
 
   pkg-types@1.3.1:
diff --git a/public/ES00A/cover.jpg b/public/ES00A/cover.jpg
new file mode 100644
index 0000000..9d5297b
Binary files /dev/null and b/public/ES00A/cover.jpg differ
diff --git a/public/ES00A/title.svg b/public/ES00A/title.svg
new file mode 100644
index 0000000..778c972
--- /dev/null
+++ b/public/ES00A/title.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="11.994946mm"
+   height="6.3803077mm"
+   viewBox="0 0 11.994946 6.3803077"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="title.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.0075547"
+     inkscape:cx="397.00077"
+     inkscape:cy="561.25984"
+     inkscape:window-width="3440"
+     inkscape:window-height="1372"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1">
+    <rect
+       x="3133.6135"
+       y="-1022.8775"
+       width="252.69154"
+       height="45.052521"
+       id="rect1117-2-0-8" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <text
+       xml:space="preserve"
+       transform="matrix(0.29158882,0,0,0.29158882,-944.63041,301.73681)"
+       id="text1117-9-2"
+       style="font-size:24.1969px;line-height:0;font-family:Bebas;-inkscape-font-specification:Bebas;text-align:center;letter-spacing:3px;white-space:pre;shape-inside:url(#rect1117-2-0-8);display:inline;fill:#000000;fill-opacity:0.994712;stroke:none;stroke-width:6.04346;stroke-miterlimit:2.3;stroke-dasharray:1.20869, 6.64778;stroke-dashoffset:0;stroke-opacity:1"><tspan
+         x="3240.7435"
+         y="-1016.1585"
+         id="tspan4"><tspan
+           style="font-family:'Punk Typewriter';-inkscape-font-specification:'Punk Typewriter'"
+           id="tspan3">zero</tspan></tspan></text>
+  </g>
+</svg>
diff --git a/public/ES00B/cover.jpg b/public/ES00B/cover.jpg
new file mode 100644
index 0000000..e9b7bdf
Binary files /dev/null and b/public/ES00B/cover.jpg differ
diff --git a/public/ES00B/title.svg b/public/ES00B/title.svg
new file mode 100644
index 0000000..4ef177f
--- /dev/null
+++ b/public/ES00B/title.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="11.994946mm"
+   height="6.3803077mm"
+   viewBox="0 0 11.994946 6.3803077"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="title.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     inkscape:zoom="32.241751"
+     inkscape:cx="27.541929"
+     inkscape:cy="12.142641"
+     inkscape:window-width="3440"
+     inkscape:window-height="1372"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1">
+    <rect
+       x="3133.6135"
+       y="-1022.8775"
+       width="252.69154"
+       height="45.052521"
+       id="rect1117-2-0-8" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <text
+       xml:space="preserve"
+       transform="matrix(0.29158882,0,0,0.29158882,-944.63041,301.73681)"
+       id="text1117-9-2"
+       style="font-size:24.1969px;line-height:0;font-family:Bebas;-inkscape-font-specification:Bebas;text-align:center;letter-spacing:3px;white-space:pre;shape-inside:url(#rect1117-2-0-8);display:inline;fill:#ffffff;fill-opacity:0.994712;stroke:none;stroke-width:6.04346;stroke-miterlimit:2.3;stroke-dasharray:1.20869, 6.64778;stroke-dashoffset:0;stroke-opacity:1"><tspan
+         x="3240.7435"
+         y="-1016.1585"
+         id="tspan4"><tspan
+           style="font-family:'Punk Typewriter';-inkscape-font-specification:'Punk Typewriter'"
+           id="tspan3">zero</tspan></tspan></text>
+  </g>
+</svg>
diff --git a/public/ES01A/cover.jpg b/public/ES01A/cover.jpg
new file mode 100644
index 0000000..bdb21bc
Binary files /dev/null and b/public/ES01A/cover.jpg differ
diff --git a/public/ES01A/number1.svg b/public/ES01A/number1.svg
deleted file mode 100644
index 292c723..0000000
--- a/public/ES01A/number1.svg
+++ /dev/null
@@ -1,50 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="13.52063mm"
-   height="13.52113mm"
-   viewBox="0 0 13.52063 13.52113"
-   version="1.1"
-   id="svg1"
-   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
-   sodipodi:docname="number1.svg"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#505050"
-     bordercolor="#eeeeee"
-     borderopacity="1"
-     inkscape:showpageshadow="0"
-     inkscape:pageopacity="0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#505050"
-     inkscape:document-units="mm"
-     inkscape:zoom="0.79375"
-     inkscape:cx="79.370079"
-     inkscape:cy="78.740157"
-     inkscape:window-width="1920"
-     inkscape:window-height="1132"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1" />
-  <defs
-     id="defs1" />
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-83.872917,-127.79375)">
-    <path
-       id="path18"
-       style="fill:#fdec50;fill-opacity:1;stroke:none;stroke-width:13.2292;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.3;paint-order:fill markers stroke"
-       d="m 90.633227,127.79375 a 6.7605095,6.7605095 0 0 0 -6.76031,6.76082 6.7605095,6.7605095 0 0 0 6.76031,6.76031 6.7605095,6.7605095 0 0 0 6.76032,-6.76031 6.7605095,6.7605095 0 0 0 -6.76032,-6.76082 z m -0.0842,3.28248 h 0.22428 c 0.28045,0.24923 0.42116,0.40241 0.42116,0.45992 0,0.0671 0.10233,0.13393 0.30799,0.20102 l 0.0284,0.0579 v 0.0574 l -0.0842,0.28732 c 0.0187,0.0384 0.0279,0.0671 0.0279,0.0863 -0.0374,0.005 -0.0558,0.0243 -0.0558,0.0579 l -0.14056,-0.0289 c -0.0374,0 -0.0558,0.0288 -0.0558,0.0863 0,0.0335 0.0184,0.0911 0.0558,0.1726 -0.0187,0.0767 -0.0279,0.14351 -0.0279,0.20102 0.0748,0.11503 0.11214,0.20139 0.11214,0.2589 v 0.0289 c -0.0935,0.0719 -0.14004,0.14848 -0.14004,0.22996 v 0.0289 c 0.0935,0.22047 0.14004,0.34486 0.14004,0.37362 0,0.024 -0.0558,0.0913 -0.16795,0.20154 l 0.0279,0.14366 -0.0279,0.20102 c 0.0561,0.10544 0.0837,0.18255 0.0837,0.23048 -0.0935,0.16295 -0.14005,0.26833 -0.14005,0.31626 v 0.11472 c 0.11219,0.11503 0.16847,0.21115 0.16847,0.28784 v 0.0863 c 0,0.0383 -0.0655,0.0671 -0.19637,0.0863 v 0.0284 c 0,0.0767 0.0466,0.14402 0.14004,0.20154 0,0.11502 0.0189,0.19161 0.0563,0.22996 v 0.11523 l -0.19637,0.14366 c 0,0.11982 0.0466,0.2252 0.14004,0.31626 v 0.0289 l -0.0842,0.11472 v 0.0289 c 0,0.0767 0.0563,0.15328 0.16846,0.22996 v 0.0574 c -0.005,0.0336 -0.0794,0.0911 -0.22427,0.1726 0.0187,0.23485 0.0468,0.36901 0.0842,0.40256 v 0.14418 c 0,0.0575 -0.0379,0.0863 -0.11265,0.0863 -0.23839,-0.10065 -0.41593,-0.23533 -0.53279,-0.40308 -0.26175,-0.11502 -0.39274,-0.25844 -0.39274,-0.43098 0.16827,-0.0527 0.2527,-0.10052 0.2527,-0.14366 v -0.11524 c 0,-0.0671 -0.0655,-0.18224 -0.19637,-0.34519 v -0.0574 c 0.0374,-0.0719 0.0937,-0.11969 0.16846,-0.14366 -0.0748,-0.11502 -0.11213,-0.20138 -0.11213,-0.2589 0,-0.0192 0.009,-0.0289 0.0279,-0.0289 -0.0374,-0.0719 -0.0563,-0.14849 -0.0563,-0.22996 v -0.0289 -5.2e-4 l 5.2e-4,-5.2e-4 c 0.003,-0.016 0.0495,-0.0637 0.14004,-0.14262 0,-0.0527 -0.0189,-0.1103 -0.0563,-0.1726 l 0.0563,-0.20102 c -0.028,0 -0.0654,-0.0386 -0.11213,-0.11524 v -0.11524 c 0.11218,-0.23485 0.16794,-0.38803 0.16794,-0.45992 v -0.0574 c -0.0906,-0.10215 -0.13721,-0.1599 -0.14004,-0.17208 v -5.2e-4 -0.14366 c 0.0374,-0.0767 0.0655,-0.11524 0.0842,-0.11524 0,-0.1965 -0.0655,-0.36922 -0.19637,-0.5178 v -0.0574 c 0,-0.0192 0.0655,-0.0767 0.19637,-0.1726 -0.009,-0.23005 -0.0375,-0.3452 -0.0842,-0.3452 h -0.0842 c -0.028,0 -0.0562,0.0288 -0.0842,0.0863 v 0.0289 l 0.14056,0.20154 v 0.0284 h -0.0284 c -0.0514,0 -0.10718,-0.019 -0.16794,-0.0574 -0.0748,0.0383 -0.14028,0.0574 -0.19637,0.0574 -0.0187,-0.0383 -0.0284,-0.0671 -0.0284,-0.0863 0.0187,-0.0767 0.0566,-0.11472 0.11266,-0.11472 v -0.0579 h -0.0284 c -0.22437,0.1342 -0.36456,0.20154 -0.42065,0.20154 h -0.0558 c -0.1823,-0.0383 -0.28514,-0.0574 -0.30851,-0.0574 -0.0654,0 -0.14986,0.009 -0.2527,0.0284 -0.11218,-0.0383 -0.16795,-0.14372 -0.16795,-0.31626 0.0701,-0.0623 0.21952,-0.24427 0.44856,-0.54622 0.20099,-0.0671 0.38774,-0.14369 0.56069,-0.22996 0.28045,-0.23964 0.42064,-0.3738 0.42064,-0.40256 l -0.14004,0.0284 c -0.0374,0 -0.0558,-0.019 -0.0558,-0.0574 0.005,-0.0383 0.0231,-0.0574 0.0558,-0.0574 h 0.0563 l 0.0837,0.0574 c 0.14958,-0.19171 0.28056,-0.28732 0.39274,-0.28732 z m 2.35025,1.26504 c 0.002,-1.5e-4 0.004,0 0.006,0 l 0.0279,0.0574 v 0.0289 h -0.0837 v -0.0289 c 0.004,-0.0359 0.0211,-0.0551 0.0501,-0.0574 z m 0.56637,0.80512 h 0.11265 c 0.0374,0.005 0.0558,0.0238 0.0558,0.0574 0,0.0383 -0.0282,0.0579 -0.0842,0.0579 -0.0374,-0.0192 -0.0655,-0.0289 -0.0842,-0.0289 z m 0.0785,2.7895 c 0.002,-1.5e-4 0.004,0 0.006,0 h 0.0284 c 0.0374,0.005 0.0558,0.0238 0.0558,0.0574 0,0.0383 -0.0184,0.0579 -0.0558,0.0579 h -0.0284 c -0.0374,0 -0.0558,-0.0195 -0.0558,-0.0579 0.004,-0.0359 0.0211,-0.0551 0.0501,-0.0574 z m -5.32267,0.69039 0.0842,0.11472 c 0,0.0288 -0.0281,0.0576 -0.0842,0.0863 -0.39264,0 -0.58912,-0.0288 -0.58912,-0.0863 0.005,-0.0383 0.0236,-0.0574 0.0563,-0.0574 h 0.19637 c 0.0935,0 0.20554,-0.019 0.33642,-0.0574 z m 3.78581,0 c 0.0748,0.0288 0.11214,0.057 0.11214,0.0858 v 0.0289 c 0,0.0431 -0.0466,0.0719 -0.14004,0.0863 -0.13088,-0.0192 -0.19637,-0.048 -0.19637,-0.0863 v -0.0289 c 0,-0.0383 0.0747,-0.0666 0.22427,-0.0858 z m -3.5357,0.0574 c 7.6e-4,-1.5e-4 0.001,0 0.002,0 h 0.0563 c 0.028,0 0.0562,0.0288 0.0842,0.0863 -0.0935,0.1342 -0.14977,0.20102 -0.16847,0.20102 h -0.0279 c -0.0374,0 -0.0563,-0.019 -0.0563,-0.0574 0.0498,-0.14857 0.0866,-0.22531 0.11007,-0.22996 z m 0.42271,0 h 0.0842 c 0.0374,0.005 0.0563,0.0238 0.0563,0.0574 v 0.0574 c 0,0.0288 -0.0281,0.0576 -0.0842,0.0863 h -0.0842 c -0.028,0 -0.0562,-0.0288 -0.0842,-0.0863 0,-0.0288 0.0373,-0.0668 0.11213,-0.11472 z m 0.5271,0 c 0.002,-1.5e-4 0.004,0 0.006,0 h 0.11265 c 0.0374,0.005 0.0558,0.0238 0.0558,0.0574 -0.0187,0.0575 -0.075,0.0863 -0.16846,0.0863 -0.0374,0 -0.0558,-0.019 -0.0558,-0.0574 v -0.0289 c 0.004,-0.0359 0.0211,-0.0551 0.0501,-0.0574 z m 4.03852,0 c 0.002,-1.5e-4 0.004,0 0.006,0 h 0.0284 c 0.0374,0.005 0.0558,0.0238 0.0558,0.0574 0,0.0288 -0.0281,0.0576 -0.0842,0.0863 -0.0374,0 -0.0558,-0.019 -0.0558,-0.0574 v -0.0289 c 0.004,-0.0359 0.0211,-0.0551 0.0501,-0.0574 z m -1.22784,0.0284 0.0279,0.0579 h -0.0842 c 0.005,-0.0383 0.0236,-0.0579 0.0563,-0.0579 z m 0.39223,0 h 0.0563 v 0.0579 h -0.0563 z m 0.47697,0.0289 c 0.0374,0.005 0.0563,0.0238 0.0563,0.0574 v 0.0579 h -0.0563 c -0.0374,0 -0.0563,-0.0195 -0.0563,-0.0579 0.005,-0.0383 0.0236,-0.0574 0.0563,-0.0574 z m -2.04742,0.0863 v 0.0574 h 0.0563 v -0.0574 z m 2.18178,0.1726 c 0.002,-1.5e-4 0.004,0 0.006,0 h 0.0563 c 0.0374,0.005 0.0558,0.0238 0.0558,0.0574 0,0.0384 -0.0184,0.0579 -0.0558,0.0579 h -0.0563 c -0.0374,0 -0.0558,-0.0195 -0.0558,-0.0579 0.004,-0.0359 0.0211,-0.0551 0.0501,-0.0574 z m -3.64577,1.72548 c 0.002,-1.5e-4 0.004,0 0.006,0 h 0.16847 c 0.0374,0.005 0.0558,0.0238 0.0558,0.0574 0,0.0288 -0.0281,0.0575 -0.0842,0.0863 h -0.11214 c -0.0281,0 -0.0557,-0.0288 -0.0837,-0.0863 0.004,-0.0359 0.0211,-0.0551 0.0501,-0.0574 z m 1.00924,0 c 0.002,-1.5e-4 0.004,0 0.006,0 0.0374,0.005 0.0558,0.0238 0.0558,0.0574 0,0.0383 -0.0184,0.0574 -0.0558,0.0574 -0.0374,0 -0.0563,-0.019 -0.0563,-0.0574 0.004,-0.0359 0.0211,-0.0551 0.0501,-0.0574 z m 0.81339,0 c 0.002,-1.5e-4 0.004,0 0.006,0 0.0374,0.005 0.0558,0.0238 0.0558,0.0574 0,0.0383 -0.0184,0.0574 -0.0558,0.0574 -0.0374,0 -0.0563,-0.019 -0.0563,-0.0574 0.004,-0.0359 0.0211,-0.0551 0.0501,-0.0574 z m 0.70124,0 c 0.002,-1.5e-4 0.004,0 0.006,0 h 0.14056 c 0.0374,0.005 0.0558,0.0238 0.0558,0.0574 0,0.0383 -0.0184,0.0574 -0.0558,0.0574 h -0.14056 c -0.0374,0 -0.0558,-0.019 -0.0558,-0.0574 0.004,-0.0359 0.0211,-0.0551 0.0501,-0.0574 z m -4.08863,0.0284 h 0.0842 v 0.0579 h -0.0842 z m 0.61701,0 0.0279,0.0579 h -0.0842 c 0.005,-0.0383 0.0236,-0.0579 0.0563,-0.0579 z m -0.16846,0.6904 0.0279,0.0574 v 0.0289 c 0,0.0575 -0.14019,0.0863 -0.42064,0.0863 l -0.0558,-0.0863 c 0.0748,-0.0575 0.22418,-0.0863 0.44855,-0.0863 z m 0.72915,0 0.0563,0.0863 c 0,0.0575 -0.0374,0.0863 -0.11214,0.0863 -0.0748,-0.0288 -0.11214,-0.0575 -0.11214,-0.0863 0.0187,-0.0575 0.0745,-0.0863 0.16795,-0.0863 z m 2.74867,0 0.0558,0.0863 v 0.0289 c 0,0.0383 -0.0184,0.0574 -0.0558,0.0574 h -0.0842 c -0.028,0 -0.0562,-0.0288 -0.0842,-0.0863 0.0187,-0.0575 0.075,-0.0863 0.16846,-0.0863 z m -4.23488,0.0289 h 0.0558 c 0.0374,0.005 0.0563,0.0238 0.0563,0.0574 l -0.0563,0.0289 h -0.0558 z m 3.55585,0 c 0.002,-1.5e-4 0.004,0 0.006,0 h 0.11213 c 0.0374,0.005 0.0563,0.0238 0.0563,0.0574 0,0.0288 -0.0281,0.0575 -0.0842,0.0863 h -0.0558 c -0.0281,0 -0.0562,-0.0288 -0.0842,-0.0863 0.004,-0.0359 0.0211,-0.0551 0.0501,-0.0574 z m 1.88516,0 h 0.0279 c 0.0374,0.005 0.0558,0.0238 0.0558,0.0574 l -0.0558,0.0289 h -0.0279 z"
-       inkscape:export-filename="path18.svg"
-       inkscape:export-xdpi="96"
-       inkscape:export-ydpi="96" />
-  </g>
-</svg>
diff --git a/public/ES01A/title.svg b/public/ES01A/title.svg
new file mode 100644
index 0000000..bc691f6
--- /dev/null
+++ b/public/ES01A/title.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="18mm"
+   height="18mm"
+   viewBox="0 0 18 18"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="title.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     inkscape:zoom="8.9802561"
+     inkscape:cx="29.509181"
+     inkscape:cy="19.208806"
+     inkscape:window-width="3440"
+     inkscape:window-height="1372"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-83.872917,-127.79375)">
+    <path
+       id="path18"
+       style="fill:#c7b3aa;fill-opacity:1;stroke:none;stroke-width:9.42412;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.3;paint-order:fill markers stroke"
+       d="m 92.533098,131.42387 a 4.816004,4.816004 0 0 0 -4.815862,4.81623 4.816004,4.816004 0 0 0 4.815862,4.81586 4.816004,4.816004 0 0 0 4.815869,-4.81586 4.816004,4.816004 0 0 0 -4.815869,-4.81623 z m -0.05998,2.33835 h 0.159771 c 0.199785,0.17754 0.300023,0.28667 0.300023,0.32763 0,0.0478 0.0729,0.0954 0.219404,0.14321 l 0.02023,0.0412 v 0.0409 l -0.05998,0.20468 c 0.01332,0.0274 0.01988,0.0478 0.01988,0.0615 -0.02664,0.004 -0.03975,0.0173 -0.03975,0.0412 l -0.100131,-0.0206 c -0.02664,0 -0.03975,0.0205 -0.03975,0.0615 0,0.0239 0.01311,0.0649 0.03975,0.12295 -0.01332,0.0546 -0.01988,0.10223 -0.01988,0.1432 0.05329,0.082 0.07989,0.14347 0.07989,0.18444 v 0.0206 c -0.06661,0.0512 -0.09976,0.10578 -0.09976,0.16382 v 0.0206 c 0.06661,0.15706 0.09976,0.24567 0.09976,0.26616 0,0.0171 -0.03975,0.065 -0.119643,0.14357 l 0.01988,0.10234 -0.01988,0.1432 c 0.03996,0.0751 0.05963,0.13004 0.05963,0.16419 -0.06661,0.11608 -0.09977,0.19115 -0.09977,0.22529 v 0.0817 c 0.07992,0.082 0.120014,0.15042 0.120014,0.20505 v 0.0615 c 0,0.0273 -0.04666,0.0478 -0.139889,0.0615 v 0.0202 c 0,0.0546 0.0332,0.1026 0.09976,0.14357 0,0.0819 0.01346,0.1365 0.04011,0.16382 v 0.0821 l -0.139888,0.10234 c 0,0.0853 0.0332,0.16042 0.09976,0.22529 v 0.0206 l -0.05998,0.0817 v 0.0206 c 0,0.0546 0.04011,0.10919 0.120007,0.16382 v 0.0409 c -0.0036,0.0239 -0.05656,0.0649 -0.159764,0.12295 0.01332,0.1673 0.03334,0.26287 0.05998,0.28677 v 0.10271 c 0,0.041 -0.027,0.0615 -0.08025,0.0615 -0.169823,-0.0717 -0.296297,-0.16764 -0.379545,-0.28714 -0.186464,-0.0819 -0.279778,-0.18411 -0.279778,-0.30702 0.119871,-0.0375 0.180017,-0.0716 0.180017,-0.10234 v -0.0821 c 0,-0.0478 -0.04666,-0.12983 -0.139889,-0.24591 v -0.0409 c 0.02664,-0.0512 0.06675,-0.0853 0.120007,-0.10234 -0.05329,-0.0819 -0.07988,-0.14345 -0.07988,-0.18443 0,-0.0137 0.0064,-0.0206 0.01988,-0.0206 -0.02664,-0.0512 -0.04011,-0.10578 -0.04011,-0.16381 v -0.0206 -3.7e-4 l 3.7e-4,-3.7e-4 c 0.0021,-0.0114 0.03526,-0.0454 0.09976,-0.1016 0,-0.0375 -0.01346,-0.0786 -0.04011,-0.12296 l 0.04011,-0.1432 c -0.01995,0 -0.04659,-0.0275 -0.07988,-0.0821 v -0.0821 c 0.07991,-0.1673 0.119636,-0.27642 0.119636,-0.32763 v -0.0409 c -0.06454,-0.0728 -0.09775,-0.11391 -0.09976,-0.12259 v -3.7e-4 -0.10234 c 0.02664,-0.0546 0.04666,-0.0821 0.05998,-0.0821 0,-0.13998 -0.04666,-0.26302 -0.139889,-0.36887 v -0.0409 c 0,-0.0137 0.04666,-0.0546 0.139889,-0.12295 -0.0064,-0.16388 -0.02671,-0.24591 -0.05998,-0.24591 H 92.2335 c -0.01995,0 -0.04003,0.0205 -0.05998,0.0615 v 0.0206 l 0.100131,0.14357 v 0.0202 h -0.02023 c -0.03662,0 -0.07635,-0.0135 -0.119636,-0.0409 -0.05329,0.0273 -0.09993,0.0409 -0.139889,0.0409 -0.01332,-0.0273 -0.02023,-0.0478 -0.02023,-0.0615 0.01332,-0.0546 0.04032,-0.0817 0.08026,-0.0817 v -0.0412 h -0.02023 c -0.159835,0.0956 -0.259703,0.14357 -0.29966,0.14357 h -0.03975 c -0.129866,-0.0273 -0.203126,-0.0409 -0.219775,-0.0409 -0.04659,0 -0.106756,0.006 -0.180016,0.0202 -0.07991,-0.0273 -0.119643,-0.10238 -0.119643,-0.22529 0.04994,-0.0444 0.15638,-0.17402 0.319542,-0.38912 0.14318,-0.0478 0.276215,-0.10236 0.39942,-0.16381 0.199785,-0.17072 0.299653,-0.26629 0.299653,-0.28678 l -0.09976,0.0202 c -0.02664,0 -0.03975,-0.0135 -0.03975,-0.0409 0.0036,-0.0273 0.01646,-0.0409 0.03975,-0.0409 h 0.04011 l 0.05962,0.0409 c 0.106557,-0.13657 0.199863,-0.20468 0.279777,-0.20468 z m 1.674255,0.90118 c 0.0014,-1.1e-4 0.0028,0 0.0043,0 l 0.01987,0.0409 v 0.0206 h -0.05963 v -0.0206 c 0.0029,-0.0256 0.01503,-0.0393 0.03569,-0.0409 z m 0.403466,0.57355 h 0.08025 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0273 -0.02009,0.0412 -0.05998,0.0412 -0.02664,-0.0137 -0.04666,-0.0206 -0.05998,-0.0206 z m 0.05592,1.98716 c 0.0014,-1.1e-4 0.0028,0 0.0043,0 h 0.02023 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0273 -0.01311,0.0412 -0.03975,0.0412 h -0.02023 c -0.02664,0 -0.03975,-0.0139 -0.03975,-0.0412 0.0028,-0.0256 0.01503,-0.0393 0.03569,-0.0409 z m -3.791727,0.49182 0.05998,0.0817 c 0,0.0205 -0.02002,0.041 -0.05998,0.0615 -0.279706,0 -0.419673,-0.0205 -0.419673,-0.0615 0.0036,-0.0273 0.01681,-0.0409 0.04011,-0.0409 h 0.139889 c 0.06661,0 0.146421,-0.0135 0.239656,-0.0409 z m 2.696909,0 c 0.05329,0.0205 0.07989,0.0406 0.07989,0.0611 v 0.0206 c 0,0.0307 -0.0332,0.0512 -0.09976,0.0615 -0.09323,-0.0137 -0.139889,-0.0342 -0.139889,-0.0615 v -0.0206 c 0,-0.0273 0.05321,-0.0474 0.159764,-0.0611 z m -2.518737,0.0409 c 5.41e-4,-1.1e-4 7.12e-4,0 0.0014,0 h 0.04011 c 0.01995,0 0.04004,0.0205 0.05998,0.0615 -0.06661,0.0956 -0.106692,0.1432 -0.120013,0.1432 h -0.01987 c -0.02664,0 -0.04011,-0.0135 -0.04011,-0.0409 0.03548,-0.10583 0.06169,-0.1605 0.07841,-0.16381 z m 0.301127,0 h 0.05998 c 0.02664,0.004 0.04011,0.017 0.04011,0.0409 v 0.0409 c 0,0.0205 -0.02002,0.041 -0.05998,0.0615 h -0.05998 c -0.01995,0 -0.04004,-0.0205 -0.05998,-0.0615 0,-0.0205 0.02657,-0.0476 0.07988,-0.0817 z m 0.375492,0 c 0.0014,-1.1e-4 0.0029,0 0.0043,0 h 0.08025 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 -0.01332,0.041 -0.05343,0.0615 -0.120006,0.0615 -0.02664,0 -0.03975,-0.0135 -0.03975,-0.0409 v -0.0206 c 0.0028,-0.0256 0.01503,-0.0393 0.03569,-0.0409 z m 2.876932,0 c 0.0014,-1.1e-4 0.0028,0 0.0043,0 h 0.02023 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0205 -0.02002,0.041 -0.05998,0.0615 -0.02664,0 -0.03975,-0.0135 -0.03975,-0.0409 v -0.0206 c 0.0028,-0.0256 0.01503,-0.0393 0.03569,-0.0409 z m -0.87468,0.0202 0.01988,0.0412 h -0.05998 c 0.0036,-0.0273 0.01681,-0.0412 0.04011,-0.0412 z m 0.279414,0 h 0.04011 v 0.0412 h -0.04011 z m 0.339781,0.0206 c 0.02664,0.004 0.04011,0.017 0.04011,0.0409 v 0.0412 h -0.04011 c -0.02664,0 -0.04011,-0.0139 -0.04011,-0.0412 0.0036,-0.0273 0.01681,-0.0409 0.04011,-0.0409 z m -1.458527,0.0615 v 0.0409 h 0.04011 v -0.0409 z m 1.554241,0.12296 c 0.0014,-1.1e-4 0.0028,0 0.0043,0 h 0.04011 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0273 -0.01311,0.0412 -0.03975,0.0412 h -0.04011 c -0.02664,0 -0.03975,-0.0139 -0.03975,-0.0412 0.0029,-0.0256 0.01503,-0.0393 0.03569,-0.0409 z m -2.597148,1.22918 c 0.0014,-1e-4 0.0029,0 0.0043,0 h 0.120013 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0205 -0.02002,0.041 -0.05998,0.0615 h -0.07989 c -0.02002,0 -0.03968,-0.0205 -0.05963,-0.0615 0.0028,-0.0256 0.01503,-0.0392 0.03569,-0.0409 z m 0.718956,0 c 0.0014,-1e-4 0.0028,0 0.0043,0 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0273 -0.01311,0.0409 -0.03975,0.0409 -0.02664,0 -0.04011,-0.0135 -0.04011,-0.0409 0.0028,-0.0256 0.01503,-0.0392 0.03569,-0.0409 z m 0.579437,0 c 0.0014,-1e-4 0.0028,0 0.0043,0 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0273 -0.01311,0.0409 -0.03975,0.0409 -0.02664,0 -0.04011,-0.0135 -0.04011,-0.0409 0.0028,-0.0256 0.01503,-0.0392 0.03569,-0.0409 z m 0.499544,0 c 0.0014,-1e-4 0.0028,0 0.0043,0 h 0.100132 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0273 -0.01311,0.0409 -0.03975,0.0409 h -0.100132 c -0.02664,0 -0.03975,-0.0135 -0.03975,-0.0409 0.0028,-0.0256 0.01503,-0.0392 0.03569,-0.0409 z m -2.912629,0.0202 h 0.05998 v 0.0412 h -0.05998 z m 0.439541,0 0.01987,0.0412 h -0.05998 c 0.0036,-0.0273 0.01681,-0.0412 0.04011,-0.0412 z m -0.120006,0.49183 0.01987,0.0409 v 0.0206 c 0,0.041 -0.09987,0.0615 -0.299653,0.0615 l -0.03975,-0.0615 c 0.05329,-0.041 0.1597,-0.0615 0.319535,-0.0615 z m 0.519426,0 0.04011,0.0615 c 0,0.041 -0.02664,0.0615 -0.07988,0.0615 -0.05329,-0.0205 -0.07989,-0.041 -0.07989,-0.0615 0.01332,-0.041 0.05307,-0.0615 0.119643,-0.0615 z m 1.958079,0 0.03975,0.0615 v 0.0206 c 0,0.0273 -0.01311,0.0409 -0.03975,0.0409 h -0.05998 c -0.01995,0 -0.04004,-0.0205 -0.05998,-0.0615 0.01332,-0.041 0.05343,-0.0615 0.120006,-0.0615 z m -3.016814,0.0206 h 0.03975 c 0.02664,0.004 0.04011,0.017 0.04011,0.0409 l -0.04011,0.0206 h -0.03975 z m 2.533091,0 c 0.0014,-1e-4 0.0028,0 0.0043,0 h 0.07988 c 0.02664,0.004 0.04011,0.017 0.04011,0.0409 0,0.0205 -0.02002,0.041 -0.05998,0.0615 h -0.03975 c -0.02002,0 -0.04003,-0.0205 -0.05998,-0.0615 0.0028,-0.0256 0.01503,-0.0393 0.03569,-0.0409 z m 1.342937,0 h 0.01987 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 l -0.03975,0.0206 h -0.01987 z"
+       inkscape:export-filename="path18.svg"
+       inkscape:export-xdpi="96"
+       inkscape:export-ydpi="96" />
+  </g>
+</svg>
diff --git a/public/ES01B/cover.jpg b/public/ES01B/cover.jpg
new file mode 100644
index 0000000..036b8bd
Binary files /dev/null and b/public/ES01B/cover.jpg differ
diff --git a/public/ES01B/title.svg b/public/ES01B/title.svg
new file mode 100644
index 0000000..e4818f2
--- /dev/null
+++ b/public/ES01B/title.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="18mm"
+   height="18mm"
+   viewBox="0 0 18 18"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="title.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     inkscape:zoom="8.9802561"
+     inkscape:cx="29.509181"
+     inkscape:cy="19.208806"
+     inkscape:window-width="3440"
+     inkscape:window-height="1372"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-83.872917,-127.79375)">
+    <path
+       id="path18"
+       style="fill:#fdec50;fill-opacity:1;stroke:none;stroke-width:9.42412;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.3;paint-order:fill markers stroke"
+       d="m 92.533098,131.42387 a 4.816004,4.816004 0 0 0 -4.815862,4.81623 4.816004,4.816004 0 0 0 4.815862,4.81586 4.816004,4.816004 0 0 0 4.815869,-4.81586 4.816004,4.816004 0 0 0 -4.815869,-4.81623 z m -0.05998,2.33835 h 0.159771 c 0.199785,0.17754 0.300023,0.28667 0.300023,0.32763 0,0.0478 0.0729,0.0954 0.219404,0.14321 l 0.02023,0.0412 v 0.0409 l -0.05998,0.20468 c 0.01332,0.0274 0.01988,0.0478 0.01988,0.0615 -0.02664,0.004 -0.03975,0.0173 -0.03975,0.0412 l -0.100131,-0.0206 c -0.02664,0 -0.03975,0.0205 -0.03975,0.0615 0,0.0239 0.01311,0.0649 0.03975,0.12295 -0.01332,0.0546 -0.01988,0.10223 -0.01988,0.1432 0.05329,0.082 0.07989,0.14347 0.07989,0.18444 v 0.0206 c -0.06661,0.0512 -0.09976,0.10578 -0.09976,0.16382 v 0.0206 c 0.06661,0.15706 0.09976,0.24567 0.09976,0.26616 0,0.0171 -0.03975,0.065 -0.119643,0.14357 l 0.01988,0.10234 -0.01988,0.1432 c 0.03996,0.0751 0.05963,0.13004 0.05963,0.16419 -0.06661,0.11608 -0.09977,0.19115 -0.09977,0.22529 v 0.0817 c 0.07992,0.082 0.120014,0.15042 0.120014,0.20505 v 0.0615 c 0,0.0273 -0.04666,0.0478 -0.139889,0.0615 v 0.0202 c 0,0.0546 0.0332,0.1026 0.09976,0.14357 0,0.0819 0.01346,0.1365 0.04011,0.16382 v 0.0821 l -0.139888,0.10234 c 0,0.0853 0.0332,0.16042 0.09976,0.22529 v 0.0206 l -0.05998,0.0817 v 0.0206 c 0,0.0546 0.04011,0.10919 0.120007,0.16382 v 0.0409 c -0.0036,0.0239 -0.05656,0.0649 -0.159764,0.12295 0.01332,0.1673 0.03334,0.26287 0.05998,0.28677 v 0.10271 c 0,0.041 -0.027,0.0615 -0.08025,0.0615 -0.169823,-0.0717 -0.296297,-0.16764 -0.379545,-0.28714 -0.186464,-0.0819 -0.279778,-0.18411 -0.279778,-0.30702 0.119871,-0.0375 0.180017,-0.0716 0.180017,-0.10234 v -0.0821 c 0,-0.0478 -0.04666,-0.12983 -0.139889,-0.24591 v -0.0409 c 0.02664,-0.0512 0.06675,-0.0853 0.120007,-0.10234 -0.05329,-0.0819 -0.07988,-0.14345 -0.07988,-0.18443 0,-0.0137 0.0064,-0.0206 0.01988,-0.0206 -0.02664,-0.0512 -0.04011,-0.10578 -0.04011,-0.16381 v -0.0206 -3.7e-4 l 3.7e-4,-3.7e-4 c 0.0021,-0.0114 0.03526,-0.0454 0.09976,-0.1016 0,-0.0375 -0.01346,-0.0786 -0.04011,-0.12296 l 0.04011,-0.1432 c -0.01995,0 -0.04659,-0.0275 -0.07988,-0.0821 v -0.0821 c 0.07991,-0.1673 0.119636,-0.27642 0.119636,-0.32763 v -0.0409 c -0.06454,-0.0728 -0.09775,-0.11391 -0.09976,-0.12259 v -3.7e-4 -0.10234 c 0.02664,-0.0546 0.04666,-0.0821 0.05998,-0.0821 0,-0.13998 -0.04666,-0.26302 -0.139889,-0.36887 v -0.0409 c 0,-0.0137 0.04666,-0.0546 0.139889,-0.12295 -0.0064,-0.16388 -0.02671,-0.24591 -0.05998,-0.24591 H 92.2335 c -0.01995,0 -0.04003,0.0205 -0.05998,0.0615 v 0.0206 l 0.100131,0.14357 v 0.0202 h -0.02023 c -0.03662,0 -0.07635,-0.0135 -0.119636,-0.0409 -0.05329,0.0273 -0.09993,0.0409 -0.139889,0.0409 -0.01332,-0.0273 -0.02023,-0.0478 -0.02023,-0.0615 0.01332,-0.0546 0.04032,-0.0817 0.08026,-0.0817 v -0.0412 h -0.02023 c -0.159835,0.0956 -0.259703,0.14357 -0.29966,0.14357 h -0.03975 c -0.129866,-0.0273 -0.203126,-0.0409 -0.219775,-0.0409 -0.04659,0 -0.106756,0.006 -0.180016,0.0202 -0.07991,-0.0273 -0.119643,-0.10238 -0.119643,-0.22529 0.04994,-0.0444 0.15638,-0.17402 0.319542,-0.38912 0.14318,-0.0478 0.276215,-0.10236 0.39942,-0.16381 0.199785,-0.17072 0.299653,-0.26629 0.299653,-0.28678 l -0.09976,0.0202 c -0.02664,0 -0.03975,-0.0135 -0.03975,-0.0409 0.0036,-0.0273 0.01646,-0.0409 0.03975,-0.0409 h 0.04011 l 0.05962,0.0409 c 0.106557,-0.13657 0.199863,-0.20468 0.279777,-0.20468 z m 1.674255,0.90118 c 0.0014,-1.1e-4 0.0028,0 0.0043,0 l 0.01987,0.0409 v 0.0206 h -0.05963 v -0.0206 c 0.0029,-0.0256 0.01503,-0.0393 0.03569,-0.0409 z m 0.403466,0.57355 h 0.08025 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0273 -0.02009,0.0412 -0.05998,0.0412 -0.02664,-0.0137 -0.04666,-0.0206 -0.05998,-0.0206 z m 0.05592,1.98716 c 0.0014,-1.1e-4 0.0028,0 0.0043,0 h 0.02023 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0273 -0.01311,0.0412 -0.03975,0.0412 h -0.02023 c -0.02664,0 -0.03975,-0.0139 -0.03975,-0.0412 0.0028,-0.0256 0.01503,-0.0393 0.03569,-0.0409 z m -3.791727,0.49182 0.05998,0.0817 c 0,0.0205 -0.02002,0.041 -0.05998,0.0615 -0.279706,0 -0.419673,-0.0205 -0.419673,-0.0615 0.0036,-0.0273 0.01681,-0.0409 0.04011,-0.0409 h 0.139889 c 0.06661,0 0.146421,-0.0135 0.239656,-0.0409 z m 2.696909,0 c 0.05329,0.0205 0.07989,0.0406 0.07989,0.0611 v 0.0206 c 0,0.0307 -0.0332,0.0512 -0.09976,0.0615 -0.09323,-0.0137 -0.139889,-0.0342 -0.139889,-0.0615 v -0.0206 c 0,-0.0273 0.05321,-0.0474 0.159764,-0.0611 z m -2.518737,0.0409 c 5.41e-4,-1.1e-4 7.12e-4,0 0.0014,0 h 0.04011 c 0.01995,0 0.04004,0.0205 0.05998,0.0615 -0.06661,0.0956 -0.106692,0.1432 -0.120013,0.1432 h -0.01987 c -0.02664,0 -0.04011,-0.0135 -0.04011,-0.0409 0.03548,-0.10583 0.06169,-0.1605 0.07841,-0.16381 z m 0.301127,0 h 0.05998 c 0.02664,0.004 0.04011,0.017 0.04011,0.0409 v 0.0409 c 0,0.0205 -0.02002,0.041 -0.05998,0.0615 h -0.05998 c -0.01995,0 -0.04004,-0.0205 -0.05998,-0.0615 0,-0.0205 0.02657,-0.0476 0.07988,-0.0817 z m 0.375492,0 c 0.0014,-1.1e-4 0.0029,0 0.0043,0 h 0.08025 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 -0.01332,0.041 -0.05343,0.0615 -0.120006,0.0615 -0.02664,0 -0.03975,-0.0135 -0.03975,-0.0409 v -0.0206 c 0.0028,-0.0256 0.01503,-0.0393 0.03569,-0.0409 z m 2.876932,0 c 0.0014,-1.1e-4 0.0028,0 0.0043,0 h 0.02023 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0205 -0.02002,0.041 -0.05998,0.0615 -0.02664,0 -0.03975,-0.0135 -0.03975,-0.0409 v -0.0206 c 0.0028,-0.0256 0.01503,-0.0393 0.03569,-0.0409 z m -0.87468,0.0202 0.01988,0.0412 h -0.05998 c 0.0036,-0.0273 0.01681,-0.0412 0.04011,-0.0412 z m 0.279414,0 h 0.04011 v 0.0412 h -0.04011 z m 0.339781,0.0206 c 0.02664,0.004 0.04011,0.017 0.04011,0.0409 v 0.0412 h -0.04011 c -0.02664,0 -0.04011,-0.0139 -0.04011,-0.0412 0.0036,-0.0273 0.01681,-0.0409 0.04011,-0.0409 z m -1.458527,0.0615 v 0.0409 h 0.04011 v -0.0409 z m 1.554241,0.12296 c 0.0014,-1.1e-4 0.0028,0 0.0043,0 h 0.04011 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0273 -0.01311,0.0412 -0.03975,0.0412 h -0.04011 c -0.02664,0 -0.03975,-0.0139 -0.03975,-0.0412 0.0029,-0.0256 0.01503,-0.0393 0.03569,-0.0409 z m -2.597148,1.22918 c 0.0014,-1e-4 0.0029,0 0.0043,0 h 0.120013 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0205 -0.02002,0.041 -0.05998,0.0615 h -0.07989 c -0.02002,0 -0.03968,-0.0205 -0.05963,-0.0615 0.0028,-0.0256 0.01503,-0.0392 0.03569,-0.0409 z m 0.718956,0 c 0.0014,-1e-4 0.0028,0 0.0043,0 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0273 -0.01311,0.0409 -0.03975,0.0409 -0.02664,0 -0.04011,-0.0135 -0.04011,-0.0409 0.0028,-0.0256 0.01503,-0.0392 0.03569,-0.0409 z m 0.579437,0 c 0.0014,-1e-4 0.0028,0 0.0043,0 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0273 -0.01311,0.0409 -0.03975,0.0409 -0.02664,0 -0.04011,-0.0135 -0.04011,-0.0409 0.0028,-0.0256 0.01503,-0.0392 0.03569,-0.0409 z m 0.499544,0 c 0.0014,-1e-4 0.0028,0 0.0043,0 h 0.100132 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 0,0.0273 -0.01311,0.0409 -0.03975,0.0409 h -0.100132 c -0.02664,0 -0.03975,-0.0135 -0.03975,-0.0409 0.0028,-0.0256 0.01503,-0.0392 0.03569,-0.0409 z m -2.912629,0.0202 h 0.05998 v 0.0412 h -0.05998 z m 0.439541,0 0.01987,0.0412 h -0.05998 c 0.0036,-0.0273 0.01681,-0.0412 0.04011,-0.0412 z m -0.120006,0.49183 0.01987,0.0409 v 0.0206 c 0,0.041 -0.09987,0.0615 -0.299653,0.0615 l -0.03975,-0.0615 c 0.05329,-0.041 0.1597,-0.0615 0.319535,-0.0615 z m 0.519426,0 0.04011,0.0615 c 0,0.041 -0.02664,0.0615 -0.07988,0.0615 -0.05329,-0.0205 -0.07989,-0.041 -0.07989,-0.0615 0.01332,-0.041 0.05307,-0.0615 0.119643,-0.0615 z m 1.958079,0 0.03975,0.0615 v 0.0206 c 0,0.0273 -0.01311,0.0409 -0.03975,0.0409 h -0.05998 c -0.01995,0 -0.04004,-0.0205 -0.05998,-0.0615 0.01332,-0.041 0.05343,-0.0615 0.120006,-0.0615 z m -3.016814,0.0206 h 0.03975 c 0.02664,0.004 0.04011,0.017 0.04011,0.0409 l -0.04011,0.0206 h -0.03975 z m 2.533091,0 c 0.0014,-1e-4 0.0028,0 0.0043,0 h 0.07988 c 0.02664,0.004 0.04011,0.017 0.04011,0.0409 0,0.0205 -0.02002,0.041 -0.05998,0.0615 h -0.03975 c -0.02002,0 -0.04003,-0.0205 -0.05998,-0.0615 0.0028,-0.0256 0.01503,-0.0393 0.03569,-0.0409 z m 1.342937,0 h 0.01987 c 0.02664,0.004 0.03975,0.017 0.03975,0.0409 l -0.03975,0.0206 h -0.01987 z"
+       inkscape:export-filename="path18.svg"
+       inkscape:export-xdpi="96"
+       inkscape:export-ydpi="96" />
+  </g>
+</svg>
diff --git a/server/api/artists.ts b/server/api/artists.ts
new file mode 100644
index 0000000..7e1e6d2
--- /dev/null
+++ b/server/api/artists.ts
@@ -0,0 +1,70 @@
+export default eventHandler(() => {
+  return [
+    {
+      id: 0,
+      name: "L'efondras",
+      url: "https://leffondras.bandcamp.com/music",
+      coverId: "0024705317"
+    },
+    {
+      id: 1,
+      name: "The kundalini genie",
+      url: "https://the-kundalini-genie.bandcamp.com",
+      coverId: "0012045550"
+    },
+    {
+      id: 2,
+      name: "Fontaines D.C.",
+      url: "https://fontainesdc.bandcamp.com",
+      coverId: "0027327090"
+    },
+    {
+      id: 3,
+      name: "Fontanarosa",
+      url: "https://fontanarosa.bandcamp.com",
+      coverId: "0035380235",
+    },
+    {
+      id: 4,
+      name: "Johnny mafia",
+      url: "https://johnnymafia.bandcamp.com",
+      coverId: "0035009392",
+    },
+    {
+      id: 5,
+      name: "New candys",
+      url: "https://newcandys.bandcamp.com",
+      coverId: "0033518637",
+    },
+    {
+      id: 6,
+      name: "Magic shoppe",
+      url: "https://magicshoppe.bandcamp.com",
+      coverId: "0030748374"
+    },
+    {
+      id: 7,
+      name: "Les jaguars",
+      url: "https://radiomartiko.bandcamp.com/album/surf-qu-b-cois",
+      coverId: "0016551336",
+    },
+    {
+      id: 8,
+      name: "TRAAMS",
+      url: "https://traams.bandcamp.com",
+      coverId: "0028348410",
+    },
+    {
+      id: 9,
+      name: "Blue orchid",
+      url: "https://blue-orchid.bandcamp.com",
+      coverId: "0034796193",
+    },
+    {
+      id: 10,
+      name: "I love UFO",
+      url: "https://bruitblanc.bandcamp.com",
+      coverId: "a2203158939",
+    }
+  ]
+})
diff --git a/server/api/compilations.ts b/server/api/compilations.ts
new file mode 100644
index 0000000..90b6aea
--- /dev/null
+++ b/server/api/compilations.ts
@@ -0,0 +1,36 @@
+export default eventHandler(() => {
+  return [
+    {
+      id: 'ES00A',
+      name: 'zero',
+      duration: 2794,
+      description: 'Zero is for manifesto ... ;)',
+      colorFrom: '#ffffff',
+      colorTo: '#48959d',
+    },
+    {
+      id: 'ES00B',
+      name: 'zero b-side',
+      duration: 2470,
+      description: 'Even Zero has a b-side',
+      colorFrom: '#0d01b9',
+      colorTo: '#3b7589',
+    },
+    {
+      id: 'ES01A',
+      name: 'first',
+      duration: 3487,
+      description: '...',
+      colorFrom: '#c7b3aa',
+      colorTo: '#000100',
+    },
+    {
+      id: 'ES01B',
+      name: 'first b-side',
+      duration: 3773,
+      description: '...',
+      colorFrom: '#f7dd01',
+      colorTo: '#010103',
+    }
+  ]
+})
diff --git a/server/api/playlists/[id].ts b/server/api/playlists/[id].ts
new file mode 100644
index 0000000..c72f80d
--- /dev/null
+++ b/server/api/playlists/[id].ts
@@ -0,0 +1,23 @@
+import fs from 'fs'
+import path from 'path'
+
+export default eventHandler(async (event) => {
+  const id = event.context.params?.id || ''
+
+  const directoryPath = path.join(process.cwd(), 'media/files/music/' + id) // replace 'your-folder' with the folder you want to list
+
+  try {
+    // Read the directory contents
+    const files = await fs.promises.readdir(directoryPath)
+
+    return {
+      success: true,
+      files: files.filter(file => !file.startsWith('.')) // optional: exclude unwanted files
+    }
+  } catch (error) {
+    return {
+      success: false,
+      error: error.message
+    }
+  }
+})
diff --git a/server/api/playlists/index.ts b/server/api/playlists/index.ts
new file mode 100644
index 0000000..20ef77f
--- /dev/null
+++ b/server/api/playlists/index.ts
@@ -0,0 +1,21 @@
+import fs from 'fs'
+import path from 'path'
+
+export default eventHandler(async (event) => {
+  const directoryPath = path.join(process.cwd(), 'media/files/music')
+
+  try {
+    // Read the directory contents
+    const files = await fs.promises.readdir(directoryPath)
+
+    return {
+      success: true,
+      files: files.filter(file => !file.startsWith('.')).reverse() // exclude unwanted files
+    }
+  } catch (error) {
+    return {
+      success: false,
+      error: error.message
+    }
+  }
+})
diff --git a/server/api/tracks.ts b/server/api/tracks.ts
new file mode 100644
index 0000000..a7bb894
--- /dev/null
+++ b/server/api/tracks.ts
@@ -0,0 +1,224 @@
+export default eventHandler(() => {
+  return [
+    {
+      id: 1,
+      compilationId: 'ES00A',
+      title: 'The grinding wheel',
+      artist: 0,
+      start: 0,
+      bpm: 0,
+      url: 'https://arakirecords.bandcamp.com/track/the-grinding-wheel',
+      coverId: 'a3236746052',
+    },
+    {
+      id: 2,
+      compilationId: 'ES00A',
+      title: 'Bleach',
+      artist: 1,
+      start: 393,
+      bpm: 0,
+      url: 'https://the-kundalini-genie.bandcamp.com/track/bleach-2',
+      coverId: 'a1714786533',
+    },
+    {
+      id: 3,
+      compilationId: 'ES00A',
+      title: 'Televised mind',
+      artist: 2,
+      start: 892,
+      bpm: 0,
+      url: 'https://fontainesdc.bandcamp.com/track/televised-mind',
+      coverId: 'a3772806156'
+    },
+    {
+      id: 4,
+      compilationId: 'ES00A',
+      title: 'In it',
+      artist: 3,
+      start: 1138,
+      bpm: 0,
+      url: 'https://howlinbananarecords.bandcamp.com/track/in-it',
+      coverId: 'a1720372066',
+    },
+    {
+      id: 5,
+      compilationId: 'ES00A',
+      title: 'Bad michel',
+      artist: 4,
+      start: 1245,
+      bpm: 0,
+      url: 'https://johnnymafia.bandcamp.com/track/bad-michel-3',
+      coverId: 'a0984622869',
+    },
+    {
+      id: 6,
+      compilationId: 'ES00A',
+      title: 'Overall',
+      artist: 5,
+      start: 1394,
+      bpm: 0,
+      url: 'https://newcandys.bandcamp.com/track/overall',
+      coverId: 'a0559661270',
+    },
+    {
+      id: 7,
+      compilationId: 'ES00A',
+      title: 'Blowup',
+      artist: 6,
+      start: 1674,
+      bpm: 0,
+      url: 'https://magicshoppe.bandcamp.com/track/blowup',
+      coverId: 'a1444895293',
+    },
+    {
+      id: 8,
+      compilationId: 'ES00A',
+      title: 'Guitar jet',
+      artist: 7,
+      start: 1880,
+      bpm: 0,
+      url: 'https://radiomartiko.bandcamp.com/track/guitare-jet',
+      coverId: 'a1494681687',
+    },
+    {
+      id: 9,
+      compilationId: 'ES00A',
+      title: 'Intercontinental radio waves',
+      artist: 8,
+      start: 2024,
+      bpm: 0,
+      url: 'https://traams.bandcamp.com/track/intercontinental-radio-waves',
+      coverId: 'a0046738552',
+    },
+    {
+      id: 10,
+      compilationId: 'ES00A',
+      title: 'Here comes the sun',
+      artist: 9,
+      start: 2211,
+      bpm: 0,
+      url: 'https://blue-orchid.bandcamp.com/track/here-come-the-sun',
+      coverId: 'a4102567047',
+    },
+    {
+      id: 11,
+      compilationId: 'ES00A',
+      title: 'Like in the movies',
+      artist: 10,
+      start: 2559,
+      bpm: 0,
+      url: 'https://bruitblanc.bandcamp.com/track/like-in-the-movies-2',
+      coverId: 'a2203158939',
+    },
+    {
+      id: 21,
+      compilationId: 'ES00B',
+      title: 'Ce que révèle l\'éclipse',
+      artist: 0,
+      start: 0,
+      bpm: 0,
+      url: 'https://arakirecords.bandcamp.com/track/ce-que-r-v-le-l-clipse',
+      coverId: 'a3236746052',
+    },
+    {
+      id: 22,
+      compilationId: 'ES00B',
+      title: 'Bleedin\' Gums Mushrool',
+      artist: 1,
+      start: 263,
+      bpm: 0,
+      url: 'https://the-kundalini-genie.bandcamp.com/track/bleedin-gums-mushroom',
+      coverId: 'a1714786533',
+    },
+    {
+      id: 23,
+      compilationId: 'ES00B',
+      title: 'A lucid dream',
+      artist: 2,
+      start: 554,
+      bpm: 0,
+      url: 'https://fontainesdc.bandcamp.com/track/a-lucid-dream',
+      coverId: 'a3772806156',
+    },
+    {
+      id: 24,
+      compilationId: 'ES00B',
+      title: 'Lights off',
+      artist: 3,
+      start: 781,
+      bpm: 0,
+      url: 'https://howlinbananarecords.bandcamp.com/track/lights-off',
+      coverId: 'a1720372066',
+    },
+    {
+      id: 25,
+      compilationId: 'ES00B',
+      title: 'I\'m sentimental',
+      artist: 4,
+      start: 969,
+      bpm: 0,
+      url: 'https://johnnymafia.bandcamp.com/track/im-sentimental-2',
+      coverId: 'a2333676849',
+    },
+    {
+      id: 26,
+      compilationId: 'ES00B',
+      title: 'Thrill or trip',
+      artist: 5,
+      start: 1128,
+      bpm: 0,
+      url: 'https://newcandys.bandcamp.com/track/thrill-or-trip',
+      coverId: 'a0559661270',
+    },
+    {
+      id: 27,
+      compilationId: 'ES00B',
+      title: 'Redhead',
+      artist: 6,
+      start: 1303,
+      bpm: 0,
+      url: 'https://magicshoppe.bandcamp.com/track/redhead',
+      coverId: 'a0594426943',
+    },
+    {
+      id: 28,
+      compilationId: 'ES00B',
+      title: 'Supersonic twist',
+      artist: 7,
+      start: 1584,
+      bpm: 0,
+      url: 'https://open.spotify.com/track/66voQIZAJ3zD3Eju2qtNjF',
+      coverId: 'a1494681687',
+    },
+    {
+      id: 29,
+      compilationId: 'ES00B',
+      title: 'Flowers',
+      artist: 8,
+      start: 1749,
+      bpm: 0,
+      url: 'https://traams.bandcamp.com/track/flowers',
+      coverId: 'a3644668199',
+    },
+    {
+      id: 30,
+      compilationId: 'ES00B',
+      title: 'The shade',
+      artist: 9,
+      start: 1924,
+      bpm: 0,
+      url: 'https://blue-orchid.bandcamp.com/track/the-shade',
+      coverId: 'a0804204790',
+    },
+    {
+      id: 31,
+      compilationId: 'ES00B',
+      title: 'Like in the movies',
+      artist: 10,
+      start: 2185,
+      bpm: 0,
+      url: 'https://bruitblanc.bandcamp.com/track/like-in-the-movies',
+      coverId: 'a3647322740',
+    },
+  ]
+})
diff --git a/server/tsconfig.json b/server/tsconfig.json
new file mode 100644
index 0000000..b9ed69c
--- /dev/null
+++ b/server/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "../.nuxt/tsconfig.server.json"
+}
diff --git a/types/types.ts b/types/types.ts
new file mode 100644
index 0000000..0c966e0
--- /dev/null
+++ b/types/types.ts
@@ -0,0 +1,28 @@
+// types.ts
+export interface Compilation {
+  id: string
+  name: string
+  duration: number
+  tracks?: Track[]
+  description: string
+  colorFrom: string
+  colorTo: string
+}
+
+export interface Artist {
+  id: number
+  name: string
+  url: string
+  coverId: string
+}
+
+export interface Track {
+  id: string
+  compilationId: string
+  title: string
+  artistId: number
+  artist?: Artist
+  start: number
+  link: string
+  coverId: string
+}