ergonomie

2026-02-08 23:40:47 +04:00
parent 7812fb713b
commit 6727d7391f
7 changed files with 749 additions and 692 deletions
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,12 +1,24 @@
 // @ts-check
-import { defineConfig } from 'astro/config';
+import { defineConfig } from "astro/config";
 import tailwindcss from "@tailwindcss/vite";
-import mdx from "@astrojs/mdx";
+import remarkGfm from "remark-gfm";
+import remarkWikiLink from "remark-wiki-link";

 // https://astro.build/config
 export default defineConfig({
  vite: {
    plugins: [tailwindcss()],
  },
-  integrations: [mdx()]
-});
+  markdown: {
+    remarkPlugins: [
+      remarkGfm, // Pour tes tableaux d'aventuriers
+      [
+        remarkWikiLink,
+        {
+          aliasDivider: "|",
+          pathFormat: "obsidian-short",
+        },
+      ],
+    ],
+  },
+});
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -9,9 +9,13 @@
    "astro": "astro"
  },
  "dependencies": {
-    "@astrojs/mdx": "^4.3.13",
    "@tailwindcss/vite": "^4.1.18",
    "astro": "^5.17.1",
+    "rehype-external-links": "^3.0.0",
+    "remark-admonitions": "^1.2.1",
+    "remark-directive": "^4.0.0",
+    "remark-gfm": "^4.0.1",
+    "remark-wiki-link": "^2.0.1",
    "tailwindcss": "^4.1.18"
  }
 }
--- a/src/content/journal/eveil.md
+++ b/src/content/journal/eveil.md
@@ -3,20 +3,37 @@ title: "L'Éveil du Cul Brillant"
 author: "G'Mas"
 publishDate: 2026-01-10
 tags: [
-  "lieu:Yeuze-sur-Chenarde", 
-  "lieu:Grand-Chêne", 
-  "lieu:Mine", 
+  "lieu:Yeuze-sur-Chenarde",
+  "lieu:Grand-Chêne",
+  "lieu:Auberge-du-Village",
+  "lieu:Manoir-Noble",
+  "lieu:Mine-de-Yeuze",
+  "race:Grung",
+  "race:Tabaxi",
+  "race:Fée",
+  "race:Nain",
+  "race:Genasi",
+  "race:Elfe",
+  "race:Sangdragon",
+  "race:Arengon",
+  "race:Gobelin",
+  "race:Tieffelin",
+  "race:Gnome",
  "aventurier:Gmas",
  "aventurier:Nyrae",
  "aventurier:Bulle",
  "aventurier:Gurdil",
  "aventurier:Jinn",
-  "perso:Kouel", 
+  "perso:Kouel",
+  "perso:Maielan",
+  "perso:Liam",
  "perso:Mara",
-  "plot:Enfants-Disparus", 
-  "plot:Cul-Brillant", 
-  "plot:Mystère",
-  "lore:Légendes"
+  "perso:Gablo",
+  "plot:Enfants-Disparus",
+  "plot:Disparition-Outils",
+  "plot:Cul-Brillant",
+  "lore:Legendes-de-Kouel",
+  "lore:Bataille-du-Grand-Chêne"
 ]
 ---

--- a/src/content/journal/obscur.md
+++ b/src/content/journal/obscur.md
@@ -3,19 +3,21 @@ title: "Le Murmure des Rouages"
 author: "G'Mas"
 publishDate: 2026-01-18
 tags: [
-  "lieu:Yeuze-sur-Chenarde", 
-  "lieu:Mine",
+  "lieu:Mine-de-Yeuze",
+  "lieu:Conduit-Nord-Est",
+  "classe:Druidesse",
+  "classe:Barde",
  "aventurier:Gmas",
  "aventurier:Nyrae",
  "aventurier:Bulle",
  "aventurier:Gurdil",
  "aventurier:Jinn",
  "perso:Maielan",
-  "mobs:Kruthik", 
-  "mobs:Vase-Grise", 
-  "plot:Enfants-Disparus", 
+  "mob:Kruthik",
+  "mob:Vase-Grise",
+  "plot:Enfants-Disparus",
  "plot:Cul-Brillant",
-  "event:Combat"
+  "event:Combat-Mine"
 ]
 ---

--- a/src/content/journal/sang.md
+++ b/src/content/journal/sang.md
@@ -3,22 +3,22 @@ title: "Le printemps sanglant"
 author: "G'Mas"
 publishDate: 2026-02-08
 tags: [
-  "lieu:Yeuze-sur-Chenarde", 
-  "lieu:Mine",
+  "lieu:Mine-de-Yeuze",
  "lieu:Grand-Chêne",
+  "race:Eladrin",
+  "race:Vampire",
  "aventurier:Gmas",
  "aventurier:Nyrae",
  "aventurier:Bulle",
  "aventurier:Gurdil",
  "aventurier:Jinn",
-  "perso:Kouel", 
  "perso:Maielan",
  "antagoniste:Constantia-Denney",
+  "organisation:Couronne-d-Argent",
  "plot:Enfants-Disparus",
-  "plot:Cul-Brillant",
-  "plot:Couronne-d-Argent",
-  "lore:Eladrin",
-  "event:Combat",
+  "plot:Secret-de-Constantia",
+  "plot:Appel-du-Grand-Chene",
+  "event:Combat-Vampire",
  "event:Level-Up"
 ]
 ---
@@ -47,30 +47,29 @@ Nous sommes sortis de la mine en héros, accueillis par le village entier. Les e

 Le village a célébré notre victoire par un festin, mais le repos fut de courte durée. Tandis que Gurdil se noyait dans la bière et que **Kouel** s'appropriait nos exploits à l'auberge, le sommeil loin d'être léger m'accueilli en son ceint pour me délivrer un message nocturne en rêve. La fée du **Grand Chêne** m'a appelé à l'aide : Ce souffle de vie si cher à mon cœur, est menacé. Dans cette vision, Nyrae et Bulle apparaissaient comme les messagères les plus aptes à communiquer avec cette force ancienne.

-### 🧛 L'Entité : Constantia Denney
+### L'Entité : Constantia Denney

 - **Identité :** Vampire et Chevalier de la Couronne d'Argent.
 - **Métamorphose :** Elle utilise des apparences saisonnières liées à son état (Eladrin hivernale lors de son emprisonnement, joie printanière à sa libération). Elle peut également copier les traits de proches, comme Jean-Laurent. 
- **Capacités :** * **Régénération :** Capacité de soin exceptionnelle, même après avoir subi la foudre de Bulle.
+- **Capacités : Régénération :** Capacité de soin exceptionnelle, même après avoir subi la foudre de Bulle.
  - **Charme :** Peut transformer un adversaire en "ami dévoué", neutralisant ainsi toute hostilité (testé sur G'mas).      
  - **Drain de vie :** Recouvre sa puissance en s'abreuvant de sang frais (victime : Nyrae).       
 - **Statut :** En fuite via un portail dimensionnel.
    

-### 🕸️ Mécanismes & Mystères
+### Mécanismes & Mystères

 - **Le Pentacle :** Un cercle de poudre blanche combinant des magies d'abjuration (confinement) et d'illusion (dissimulation de la véritable forme).  
 - **L'Incident Diplomatique :** Gurdil a rompu l'hypnose de Zajic par un choc d'éveil, créant une tension avec la Bourgmestre Maielan.  
 - **Le Paradoxe :** Bien que Constantia prétende que son apparence féerique était fortuite, l'appel de détresse du **Grand Chêne** a suivi immédiatement sa libération.
-    

-### 🌌 Le Souffle de Vie
+### Le Souffle de Vie

 - **Localisation :** Le cœur du Grand Chêne, l'arbre millénaire du village. 
 - **État :** Menacé par une force obscure. La fée protectrice de l'arbre a envoyé un appel au secours onirique.
 - **Émissaires :** Nyrae et Bulle sont identifiées comme les vecteurs de communication prioritaires avec l'essence de l'Arbre.

-### 🟢 Évolution des Aventuriers (Niveau 2)
+### Évolution des Aventuriers (Niveau 2)

 |**Nom**|**Action Marquante**|**État**|
 |---|---|---|
@@ -80,8 +79,8 @@ Le village a célébré notre victoire par un festin, mais le repos fut de court
 |**Bulle**|Diagnostic magique et éclair dévastateur.|Prête pour la mission féerique.|
 |**Jinn**|Soutien au combat malgré la régénération de l'ennemi.|Prêt pour la suite.|

-### 📋 Métadonnées
+### Métadonnées

 - **Lieu :** Conduit Nord-Est, Secteur Maçonné (facture humaine médiocre).  
 - **Atmosphère :** Noirceur totale révélée par la source lumineuse "stellaire" de Gurdil. 
- **Concept-clé :** #SouffleDeVie #Niveau2 #CouronneDArgent.
+- **Concept-clé :** [[SouffleDeVie]] [[Niveau2]] [[CouronneDArgent]].
--- a/src/layouts/GameLayout.astro
+++ b/src/layouts/GameLayout.astro
@@ -51,6 +51,112 @@ const { title } = Astro.props;
        padding: 2rem 1.5rem; /* Marges internes pour que rien ne touche les bords */
    }

+    /* --- 1. LES WIKILINKS [[Concept]] --- */
+    /* Le plugin transforme [[Concept]] en <a href="/concept">Concept</a> */
+    main a[href] {
+        color: var(--color-gold-dark);
+        font-weight: bold;
+        text-decoration: none;
+        background-color: rgba(200, 155, 60, 0.08);
+        padding: 0 4px;
+        border-radius: 4px;
+        border-bottom: 1px dashed var(--color-gold);
+        transition: all 0.2s ease;
+    }
+
+    main a[href]:hover {
+        background-color: var(--color-gold);
+        color: white !important;
+        border-bottom-style: solid;
+    }
+
+    /* --- STYLE DES TABLEAUX MARKDOWN (GFM) --- */
+    main table {
+        width: 100%;
+        border-collapse: collapse;
+        margin: 2.5rem 0;
+        background-color: #ffffff; /* Fond blanc pour faire ressortir l'alternance */
+        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
+        overflow: hidden; /* Pour que les coins arrondis fonctionnent avec le fond des th */
+    }
+
+    /* Entête du tableau */
+    main th {
+        background-color: var(--color-gold);
+        color: white;
+        font-family: "Cinzel", serif;
+        text-transform: uppercase;
+        font-size: 0.85rem;
+        letter-spacing: 1px;
+        padding: 15px;
+        text-align: left;
+        border: 1px solid var(--color-gold-dark);
+    }
+
+    main th strong {
+        color: white;
+    }
+
+    /* Cellules standards */
+    main td {
+        padding: 12px 15px;
+        border: 1px solid rgba(200, 155, 60, 0.2);
+        font-size: 0.95rem;
+        color: var(--color-ink);
+        line-height: 1.4;
+    }
+
+    /* --- L'ALTERNANCE (LE ZEBRA) --- */
+    /* On applique un fond léger sur les lignes paires (even) */
+    main tr:nth-child(even) {
+        background-color: rgba(200, 155, 60, 0.06);
+    }
+
+    /* Effet au survol de la ligne pour ne pas perdre le fil */
+    main tr:hover {
+        background-color: rgba(200, 155, 60, 0.12);
+        transition: background-color 0.2s ease;
+    }
+
+    /* Ajustement pour le gras à l'intérieur des tableaux */
+    main td strong {
+        color: var(--color-gold-dark);
+    }
+
+    /* --- 3. LES GRAS ET SOULIGNÉS --- */
+    main strong {
+        color: var(--color-gold-dark);
+        font-weight: 700;
+    }
+
+    /* 3. Correction Tableaux : Assurer l'affichage sur mobile */
+    @media (max-width: 640px) {
+        main table {
+            display: block;
+            overflow-x: auto; /* Permet de scroller le tableau s'il est trop large sur ton Samsung */
+            white-space: nowrap;
+        }
+    }
+
+    /* Style pour les lignes alternées de tes tableaux (Aventuriers/Personnages) */
+    main table tr:nth-child(even) {
+        background-color: rgba(200, 155, 60, 0.08);
+    }
+
+    main table tr:hover {
+        background-color: rgba(200, 155, 60, 0.15);
+    }
+
+    /* --- RÉPARATION DU RENDU ET STYLE CALLOUT --- */
+    main blockquote {
+        margin: 2rem 0;
+        padding: 1.5rem;
+        background-color: rgba(200, 155, 60, 0.05);
+        border-left: 5px solid var(--color-gold);
+        border-radius: 0 8px 8px 0;
+        color: var(--color-ink);
+    }
+
    /* LA GRILLE : Flexbox pour éviter le débordement mobile */
    .card-grid {
        display: flex;