diff --git a/src/components/Timeline.astro b/src/components/Timeline.astro index 3ce11be..934fb51 100644 --- a/src/components/Timeline.astro +++ b/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; diff --git a/src/content/config.ts b/src/content/config.ts index ae4b7dc..c627fb3 100644 --- a/src/content/config.ts +++ b/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(), }); diff --git a/src/content/journal/lastchope.md b/src/content/journal/lastchope.md index c36a111..40fdcd2 100644 --- a/src/content/journal/lastchope.md +++ b/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"] --- diff --git a/src/content/journal/tapisserie.md b/src/content/journal/tapisserie.md index 82a21de..e9e0192 100644 --- a/src/content/journal/tapisserie.md +++ b/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. diff --git a/src/content/personnages/bulle.md b/src/content/personnages/bulle.md index f1fc2b7..c856c60 100644 --- a/src/content/personnages/bulle.md +++ b/src/content/personnages/bulle.md @@ -1,5 +1,6 @@ --- nom: "Bulle" +titre: "Mains d'Or" espece: "fee" niveau_global: 2 classes_detail: diff --git a/src/content/personnages/nyrae.md b/src/content/personnages/nyrae.md index e85a98c..2bb63e8 100644 --- a/src/content/personnages/nyrae.md +++ b/src/content/personnages/nyrae.md @@ -1,5 +1,6 @@ --- nom: "Nyrae" +titre: "Souffle Nocturne" espece: "tabaxi" niveau_global: 2 classes_detail: diff --git a/src/layouts/GameLayout.astro b/src/layouts/GameLayout.astro index 399c127..32738b6 100644 --- a/src/layouts/GameLayout.astro +++ b/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; diff --git a/src/pages/index.astro b/src/pages/index.astro index 026068a..a112780 100644 --- a/src/pages/index.astro +++ b/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; + }