classe et espece

src/components/Timeline.astro

@@ -75,6 +75,28 @@ const { eras } = Astro.props;
         box-shadow: 0 2px 8px rgba(200, 155, 60, 0.3);
     }
 
+    /* --- COULEURS SPÉCIFIQUES POUR LES CHIPS --- */
+
+    /* Style quand l'ère "lastchope" est active */
+    .era-chip.active[data-era="lastchope"] {
+        background-color: #722f37; /* Lie-de-vin */
+        border-color: #722f37;
+        box-shadow: 0 2px 8px rgba(114, 47, 55, 0.4);
+    }
+
+    /* Changement au survol pour cette ère spécifique si non active */
+    .era-chip[data-era="lastchope"]:hover:not(.active) {
+        border-color: #722f37;
+        background: #fffafa;
+        color: #722f37;
+    }
+
+    /* Autre exemple pour une ère future */
+    .era-chip.active[data-era="foret-sombre"] {
+        background-color: #2d4a22; /* Vert sombre */
+        border-color: #2d4a22;
+    }
+
     .scribe-icon {
         font-size: 0.9rem;
         opacity: 0.8;

src/content/config.ts

@@ -17,6 +17,9 @@ const journal = defineCollection({
       publishDate: z.coerce.date(),
       tags: z.array(z.string()).default([]),
       author: z.string().default("Artisan"),
+      // Ajouts pour la gestion des ères
+      isEra: z.boolean().default(false),
+      era: z.string().optional(),
     })
     .passthrough(),
 });

src/content/journal/lastchope.md

@@ -2,4 +2,5 @@
 title: "La taverne de la dernière chope"
 publishDate: 2025-12-22
 isEra: true
+tags: ["off"]
 ---

src/content/journal/tapisserie.md

@@ -6,8 +6,8 @@ tags: [
   "lieu:La-Taverne-de-la-Derniere-Chope",
   "aventurier:G'Mas",
   "aventurier:Bulle",
-  "aventurier:Gurdil",
-  "aventurier:Jinn",
+  "aventurier:Gurdill",
+  "aventurier:Jiin",
   "aventurier:Orson",
 ]
 era: "lastchope"
@@ -45,7 +45,7 @@ Il lance un gros clin d’œil complice et s'adresse à l'esthete tapis dans le
 
 Il se remet à essuyer la même chope sale avant de la ranger prestement sur l'étagère. 
 
-[[Gurdil]], dans son coin, grommelle dans sa barbe : 
+[[Gurdill]], dans son coin, grommelle dans sa barbe : 
 
 > *Chad a encore récidivé…*
 
@@ -61,15 +61,15 @@ Finit-il par dire en s'essuyant les lèvres d'un revers de main, tel un batracie
 
 > *Si j’en veux une, vous dites ? Pourquoi pas… Mais comment pourrais-je le rencontrer, ce Chad ? Vit-il caché ? Est-ce un loup solitaire ?*
 
-Soudain, trouvant l’ambiance de la taverne trop morose, [[Gurdil]] décide de l'animer à sa façon. Il grimpe sur une table et se retrouve en caleçon.
+Soudain, trouvant l’ambiance de la taverne trop morose, [[Gurdill]] décide de l'animer à sa façon. Il grimpe sur une table et se retrouve en caleçon.
 
 > [!success] Ambiance Disco
 
 > *Oh ! Un disco-nain !* s'exclame **le tavernier**. *C'est le *Saturday Night Fever* ou quoi ?*
 
-> *On ne m’appelle pas **Cul Brillant** pour rien !* éructe [[Gurdil]]. *Je vais mettre l'ambiance dans ce donjon !*
+> *On ne m’appelle pas **Cul Brillant** pour rien !* éructe [[Gurdill]]. *Je vais mettre l'ambiance dans ce donjon !*
 
-[[Bulle]] la fée, dans son coin, sourit de la situation. Le maître des lieux, lui, revient à [[G'Mas]], l'air perplexe :
+[[Bulle]] **la fée**, dans son coin, sourit de la situation. Le maître des lieux, lui, revient à [[G'Mas]], l'air perplexe :
 
 > [!error] Lancer de dés
 >
@@ -93,11 +93,11 @@ Il tend le papier griffonné. En bas du plan, une note étrange est inscrite : `
 
 Pendant que la fée sort un nécessaire de cuisine de camp pour préparer du pop-corn, [[G'Mas]] termine sa dernière gorgée et claque son godet sur le bar avec un fracas qui fait sursauter l'assemblée. Le silence se fait brusquement.
 
-> *Laissez-moi nous présenter !* lance [[G'Mas]] en désignant le nain. *Voici [[Gurdil]], dit "Cul Brillant", celui qui fait scintiller la bâtisse ! Croyez-moi, ce soir, vous allez remuer votre popotin !*
+> *Laissez-moi nous présenter !* lance [[G'Mas]] en désignant le nain. *Voici [[Gurdill]], dit "Cul Brillant", celui qui fait scintiller la bâtisse ! Croyez-moi, ce soir, vous allez remuer votre popotin !*
 
 > [!success] Une musique d'aventure s'élève d'un coin sombre 
 
-Des étincelles tournoient, révélant la viole verticale de [[Jinn]], le génasi de feu. 
+Des étincelles tournoient, révélant la viole verticale de [[Jiin]], le génasi de feu. 
 
 L'assemblée, conquise, se met à frapper des mains au rythme du son et des lumières. Plus personne ne se soucie du batracien. 
 

src/content/personnages/bulle.md

@@ -1,5 +1,6 @@
 ---
 nom: "Bulle"
+titre: "Mains d'Or"
 espece: "fee"
 niveau_global: 2
 classes_detail:

src/content/personnages/nyrae.md

@@ -1,5 +1,6 @@
 ---
 nom: "Nyrae"
+titre: "Souffle Nocturne"
 espece: "tabaxi"
 niveau_global: 2
 classes_detail: 

src/layouts/GameLayout.astro

@@ -32,7 +32,7 @@ const { title } = Astro.props;
     :root {
         /* Palette de base */
         --color-parchment: #fdf6e8;
-        --color-ink: #4a4130;
+        --color-ink: #403a25;
         --color-gold: #c89b3c;
         --color-gold-dark: #b8860b;
 
@@ -224,7 +224,6 @@ const { title } = Astro.props;
         max-width: 400px;
         min-height: 120px;
         background: white !important;
-        border: 1px solid var(--color-gold) !important;
         border-radius: 12px;
         padding: 20px;
         text-decoration: none !important;

src/pages/index.astro

@@ -96,6 +96,50 @@ const allTags = [
         margin-top: 1rem;
         opacity: 0.8;
     }
+
+    /* Conteneur de la carte pour permettre le positionnement absolu du tag */
+    .gold-button {
+        position: relative;
+        overflow: hidden; /* Pour couper le ruban si nécessaire */
+        padding-top: 1.5rem; /* On laisse de la place pour le tag en haut */
+    }
+
+    /* Le petit tag horizontal en haut à droite */
+    .gold-button[data-era]:not([data-era=""])::before {
+        content: attr(data-era);
+        position: absolute;
+        top: 0;
+        right: 0;
+        background-color: #c89b3c; /* Ton doré DnD [cite: 15] */
+        color: white;
+        font-family: "Cinzel", serif;
+        font-size: 0.6rem;
+        font-weight: bold;
+        padding: 2px 8px;
+        text-transform: uppercase;
+        border-bottom-left-radius: 4px;
+        letter-spacing: 0.5px;
+        pointer-events: none; /* Pour que le clic passe au travers vers le lien */
+    }
+
+    /* Style spécifique pour l'état "off" */
+    .gold-button.is-off::before {
+        background-color: #666; /* Tag grisé pour les histoires hors-série */
+        opacity: 0.8;
+    }
+
+    /* --- COULEUR SPÉCIFIQUE POUR UNE ÈRE --- */
+    /* On cible l'identifiant "lastchope" */
+    .gold-button[data-era="lastchope"] {
+        background-color: #1e1405 !important; /* Un fond parchemin léger */
+        border-color: #722f37 !important; /* Une bordure lie-de-vin */
+    }
+
+    /* On change aussi la couleur du petit tag pour cette ère */
+    .gold-button[data-era="lastchope"]::before {
+        background-color: #722f37 !important;
+        color: #f3ece0 !important;
+    }
 </style>
 
 <script>