classe et espece

src/content/classes/barbare.md

@@ -0,0 +1,4 @@
+---
+title: "Barbare"
+description: "Guerrier sauvage entrant dans une rage dévastatrice, il puise sa force dans son instinct primaire."
+---

src/content/classes/barde.md

@@ -0,0 +1,4 @@
+---
+title: "Barde"
+description: "Maître de la magie par le son et les mots, il inspire ses compagnons et manipule l'esprit de ses ennemis."
+---

src/content/classes/druide.md

@@ -0,0 +1,4 @@
+---
+title: "Druide"
+description: "Gardien de la nature, il commande aux éléments et peut adopter la forme de bêtes féroces."
+---

src/content/classes/ensourceleur.md

@@ -0,0 +1,4 @@
+---
+title: "Ensourceleur"
+description: "Possédant une magie innée coulant dans ses veines, il déchaîne une puissance brute sans besoin d'étude."
+---

src/content/classes/guerrier.md

@@ -0,0 +1,4 @@
+---
+title: "Guerrier"
+description: "Maître des armes et du combat rapproché. Le Guerrier est une force inarrêtable sur le champ de bataille."
+---

src/content/classes/mage.md

@@ -0,0 +1,4 @@
+---
+title: "Mage"
+description: "Manipulateur des arcanes, le Mage plie la réalité à sa volonté avec de puissants sortilèges."
+---

src/content/classes/moine.md

@@ -0,0 +1,4 @@
+---
+title: "Moine"
+description: "Maître des arts martiaux, il canalise son énergie intérieure (Ki) pour accomplir des prouesses physiques surhumaines."
+---

src/content/classes/paladin.md

@@ -0,0 +1,4 @@
+---
+title: "Paladin"
+description: "Chevalier lié par un serment sacré, il allie la force des armes à la protection divine."
+---

src/content/classes/pretre.md

@@ -0,0 +1,4 @@
+---
+title: "Prêtre"
+description: "Canal de la puissance divine, il soigne ses alliés et foudroie les impies par sa foi."
+---

src/content/classes/rodeur.md

@@ -0,0 +1,4 @@
+---
+title: "Rôdeur"
+description: "Traqueur d'élite des terres sauvages, il survit là où les autres périssent grâce à son lien avec la faune."
+---

src/content/classes/sorcier.md

@@ -0,0 +1,4 @@
+---
+title: "Rôdeur"
+description: "Ayant conclu un pacte avec une entité occulte, il manie des pouvoirs sombres et mystérieux."
+---

src/content/classes/voleur.md

@@ -0,0 +1,4 @@
+---
+title: "Voleur"
+description: "Expert en infiltration et en précision, il frappe dans l'ombre et déjoue les pièges les plus mortels."
+---

src/content/config.ts

@@ -21,4 +21,24 @@ const journal = defineCollection({
     .passthrough(),
 });
 
-export const collections = { journal }; // Simplifié pour test
+const classes = defineCollection({
+  loader: obsidianLoader("classes"),
+  schema: z
+    .object({
+      title: z.string(),
+      description: z.string(),
+    })
+    .passthrough(),
+});
+
+const especes = defineCollection({
+  loader: obsidianLoader("especes"),
+  schema: z
+    .object({
+      title: z.string(),
+      description: z.string(),
+    })
+    .passthrough(),
+});
+
+export const collections = { journal, classes, especes };

src/content/especes/demielfe.md

@@ -0,0 +1,4 @@
+---
+title: "Demi-Elfe"
+description: "Voyageurs entre deux mondes, alliant le charme humain à l'élégance elfique."
+---

src/content/especes/demiorc.md

@@ -0,0 +1,4 @@
+---
+title: "Demi-Orc"
+description: "Voyageurs entre deux mondes, alliant le charme humain à l'élégance elfique."
+---

src/content/especes/drakeide.md

@@ -0,0 +1,4 @@
+---
+title: "Elfe"
+description: "Gracieux et anciens, les elfes ont une affinité naturelle avec la magie et la nature. Ils vivent bien plus longtemps que les autres espèces."
+---

src/content/especes/elfe.md

@@ -0,0 +1,4 @@
+---
+title: "Elfe"
+description: "Gracieux et anciens, les elfes ont une affinité naturelle avec la magie et la nature. Ils vivent bien plus longtemps que les autres espèces."
+---

src/content/especes/gnome.md

@@ -0,0 +1,4 @@
+---
+title: "Gnome"
+description: "Inventeurs excentriques et curieux, maniant souvent une magie subtile ou mécanique."
+---

src/content/especes/halfelin.md

@@ -0,0 +1,4 @@
+---
+title: "Halfelin"
+description: "Petits par la taille mais grands par le courage, ils possèdent une chance insolente."
+---

src/content/especes/humain.md

@@ -0,0 +1,4 @@
+---
+title: "Humain"
+description: "Adaptables et ambitieux, les humains sont la plus jeune et la plus nombreuse des espèces, capables de s'illustrer dans toutes les voies."
+---

src/content/especes/nain.md

@@ -0,0 +1,4 @@
+---
+title: "Humain"
+description: "Maîtres de la forge et de la pierre, réputés pour leur robustesse et leur loyauté indéfectible."
+---

src/content/especes/tieffelin.md

@@ -0,0 +1,4 @@
+---
+title: "Tieffelin"
+description: "Marqués par une lignée infernale, ils naviguent dans les ombres avec une aura de mystère."
+---

src/content/journal/eveil.md

@@ -29,11 +29,24 @@ tags: [
   "perso:Liam",
   "perso:Mara",
   "perso:Gablo",
+  "perso:Hope",
+  "perso:Nils",
+  "perso:Kalinci",
+  "perso:Zajic",
+  "perso:Iben",
+  "perso:Tritte",
+  "perso:Ran",
+  "perso:Zas",
+  "perso:Alvin",
   "plot:Enfants-Disparus",
   "plot:Disparition-Outils",
   "plot:Cul-Brillant",
   "lore:Legendes-de-Kouel",
-  "lore:Bataille-du-Grand-Chêne"
+  "lore:Dragon-de-la-Mine",
+  "lore:Fondation-de-l-Auberge",
+  "lore:Bataille-du-Grand-Chêne",
+  "lore:Paradoxe-Temporel",
+  "lore:Connaissance-des-Grungs"
 ]
 era: "initiation"
 ---

src/content/journal/sang.md

@@ -13,6 +13,13 @@ tags: [
   "aventurier:Gurdil",
   "aventurier:Jinn",
   "perso:Maielan",
+  "perso:Maielten",
+  "perso:Hope",
+  "perso:Nils",
+  "perso:Zajic",
+  "perso:Ran",
+  "perso:Zas",
+  "perso:Alvin",
   "antagoniste:Constantia-Denney",
   "organisation:Couronne-d-Argent",
   "plot:Enfants-Disparus",

src/pages/classes/[...slug].astro

@@ -0,0 +1,82 @@
+---
+import { getCollection, render } from "astro:content";
+import GameLayout from "../../../layouts/GameLayout.astro";
+
+export async function getStaticPaths() {
+    const classEntries = await getCollection("classes");
+    return classEntries.map((entry) => ({
+        params: { slug: entry.id },
+        props: { entry },
+    }));
+}
+
+const { entry } = Astro.props;
+if (!entry) return Astro.redirect("/404");
+
+const { Content } = await render(entry);
+---
+
+<GameLayout title={entry.data.title}>
+    <article class="class-detail">
+        <header class="post-header">
+            <a href="/creation" class="back-nav">← Retour à la création</a>
+            <h1>{entry.data.title}</h1>
+            <p>{entry.data.description}</p>
+        </header>
+
+        <hr class="separator" />
+
+        <div class="prose-content">
+            <Content />
+        </div>
+    </article>
+</GameLayout>
+
+<style>
+    .class-detail {
+        background: white;
+        border: 1px solid #dcd0b9;
+        border-radius: 8px;
+        padding: 2.5rem;
+        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.03);
+        max-width: 800px;
+        margin: 2rem auto;
+    }
+
+    .back-nav {
+        font-family: "Cinzel", serif;
+        font-size: 0.8rem;
+        color: #b8860b;
+        text-decoration: none;
+        display: block;
+        margin-bottom: 1.5rem;
+    }
+
+    .post-header {
+        text-align: center;
+        margin-bottom: 2rem;
+    }
+
+    h1 {
+        margin: 0.5rem 0;
+        font-family: "Cinzel", serif;
+        font-size: 2.2rem;
+        color: #3a352a;
+    }
+
+    .separator {
+        border: 0;
+        height: 1px;
+        background-image: linear-gradient(
+            to right,
+            transparent,
+            #dcd0b9,
+            transparent
+        );
+        margin: 2.5rem 0;
+    }
+
+    .prose-content {
+        font-size: 1.1rem;
+    }
+</style>

src/pages/creation.astro

@@ -0,0 +1,167 @@
+---
+import { getCollection } from "astro:content";
+import GameLayout from "../layouts/GameLayout.astro";
+
+const classes = await getCollection("classes");
+const especes = await getCollection("especes");
+---
+
+<GameLayout title="Création de Personnage">
+    <div class="creation-container">
+        <!-- Section for Classes -->
+        <section class="character-select">
+            <h2 class="dnd-title">Choisissez votre Classe</h2>
+            <div class="dnd-bar"></div>
+            <p class="dnd-intro">
+                La classe définit vos compétences et votre rôle dans l'aventure.
+            </p>
+            <div class="class-grid">
+                {
+                    classes.map((charClass) => (
+                        <div class="class-card">
+                            <h3>{charClass.data.title}</h3>
+                            <p>{charClass.data.description}</p>
+                            <a
+                                href={`/classes/${charClass.id}`}
+                                class="select-button"
+                            >
+                                Détails
+                            </a>
+                        </div>
+                    ))
+                }
+            </div>
+        </section>
+
+        <!-- Section for Species -->
+        <section class="character-select">
+            <h2 class="dnd-title">Choisissez votre Espèce</h2>
+            <div class="dnd-bar"></div>
+            <p class="dnd-intro">
+                L'espèce influence votre apparence, votre histoire et certaines
+                de vos aptitudes.
+            </p>
+            <div class="class-grid">
+                {
+                    especes.map((espece) => (
+                        <div class="class-card">
+                            <h3>{espece.data.title}</h3>
+                            <p>{espece.data.description}</p>
+                            <a
+                                href={`/especes/${espece.id}`}
+                                class="select-button"
+                            >
+                                Détails
+                            </a>
+                        </div>
+                    ))
+                }
+            </div>
+        </section>
+    </div>
+</GameLayout>
+
+<style>
+    .creation-container {
+        max-width: 1000px;
+        margin: 0 auto;
+        padding: 2rem 1rem;
+    }
+
+    .character-select {
+        margin: 4rem 0;
+    }
+
+    .dnd-title {
+        font-family: "Playfair Display", serif;
+        font-size: 2.5rem;
+        color: #c89b3c;
+        margin: 0;
+        text-align: center;
+    }
+
+    .dnd-bar {
+        height: 3px;
+        background: linear-gradient(
+            to right,
+            transparent 0%,
+            #c89b3c 50%,
+            transparent 100%
+        );
+        margin: 4px auto 1rem auto;
+        width: 50%;
+    }
+
+    .dnd-intro {
+        font-family: "Cinzel", serif;
+        font-size: 0.9rem;
+        margin-top: 1rem;
+        opacity: 0.8;
+        text-align: center;
+        max-width: 600px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    .class-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        gap: 2rem;
+        margin-top: 3rem;
+    }
+
+    .class-card {
+        background: white;
+        border: 1px solid #c89b3c;
+        padding: 2rem 1.5rem;
+        border-radius: 5px;
+        text-align: center;
+        transition:
+            transform 0.3s,
+            box-shadow 0.3s;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+    }
+
+    .class-card:hover {
+        transform: translateY(-5px);
+        box-shadow: 0 5px 15px rgba(200, 155, 60, 0.2);
+    }
+
+    .class-card h3 {
+        font-family: "Playfair Display", serif;
+        font-size: 1.8rem;
+        color: #c89b3c;
+        margin: 0 0 1rem 0;
+    }
+
+    .class-card p {
+        font-family: "Cinzel", serif;
+        font-size: 0.85rem;
+        opacity: 0.9;
+        flex-grow: 1;
+        margin-bottom: 1.5rem;
+    }
+
+    .select-button {
+        font-family: "Cinzel", serif;
+        font-size: 0.9rem;
+        background: transparent;
+        color: #c89b3c;
+        border: 1px solid #c89b3c;
+        padding: 0.5rem 1rem;
+        border-radius: 3px;
+        cursor: pointer;
+        transition:
+            background-color 0.3s,
+            color 0.3s;
+        text-decoration: none;
+        display: inline-block;
+    }
+
+    .select-button:hover {
+        background: #c89b3c;
+        color: white;
+    }
+</style>

src/pages/especes/[...slug].astro

@@ -0,0 +1,82 @@
+---
+import { getCollection, render } from "astro:content";
+import GameLayout from "../../../layouts/GameLayout.astro";
+
+export async function getStaticPaths() {
+    const especeEntries = await getCollection("especes");
+    return especeEntries.map((entry) => ({
+        params: { slug: entry.id },
+        props: { entry },
+    }));
+}
+
+const { entry } = Astro.props;
+if (!entry) return Astro.redirect("/404");
+
+const { Content } = await render(entry);
+---
+
+<GameLayout title={entry.data.title}>
+    <article class="espece-detail">
+        <header class="post-header">
+            <a href="/creation" class="back-nav">← Retour à la création</a>
+            <h1>{entry.data.title}</h1>
+             <p>{entry.data.description}</p>
+        </header>
+
+        <hr class="separator" />
+
+        <div class="prose-content">
+            <Content />
+        </div>
+    </article>
+</GameLayout>
+
+<style>
+    .espece-detail {
+        background: white;
+        border: 1px solid #dcd0b9;
+        border-radius: 8px;
+        padding: 2.5rem;
+        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.03);
+        max-width: 800px;
+        margin: 2rem auto;
+    }
+
+    .back-nav {
+        font-family: "Cinzel", serif;
+        font-size: 0.8rem;
+        color: #b8860b;
+        text-decoration: none;
+        display: block;
+        margin-bottom: 1.5rem;
+    }
+
+    .post-header {
+        text-align: center;
+        margin-bottom: 2rem;
+    }
+
+    h1 {
+        margin: 0.5rem 0;
+        font-family: "Cinzel", serif;
+        font-size: 2.2rem;
+        color: #3a352a;
+    }
+
+    .separator {
+        border: 0;
+        height: 1px;
+        background-image: linear-gradient(
+            to right,
+            transparent,
+            #dcd0b9,
+            transparent
+        );
+        margin: 2.5rem 0;
+    }
+
+    .prose-content {
+        font-size: 1.1rem;
+    }
+</style>

src/pages/index.astro

@@ -32,6 +32,12 @@ const allTags = [
             </p>
         </header>
 
+        <div class="creation-button-container">
+            <a href="/creation" class="creation-button"
+                >Création de Personnage</a
+            >
+        </div>
+
         <Timeline eras={eras} />
 
         <ContentSearch posts={sortedPosts} tags={allTags} basePath="journal" />
@@ -39,6 +45,30 @@ const allTags = [
 </GameLayout>
 
 <style is:global>
+    .creation-button-container {
+        text-align: center;
+        margin: 3rem 0;
+    }
+
+    .creation-button {
+        font-family: "Cinzel", serif;
+        font-size: 1.2rem;
+        background: #c89b3c;
+        color: white;
+        border: none;
+        padding: 0.75rem 2rem;
+        border-radius: 5px;
+        cursor: pointer;
+        transition: background-color 0.3s;
+        text-decoration: none;
+        display: inline-block;
+        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
+    }
+
+    .creation-button:hover {
+        background: #a27c2c;
+    }
+
     .index-container {
         max-width: 1000px;
         margin: 0 auto;