From 50028ccf84409d5535ea128475d178a714bd7bae Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Sat, 15 Mar 2025 23:20:34 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Nouvelle=20page=20d'accueil=20de?=
 =?UTF-8?q?s=20classes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _data/classes.json           | 49 ++++++++++++++++++++++++++
 _includes/layouts/layout.njk | 12 +++++++
 content/classes/index.md     | 67 ++++++++++++++++++++++++++++++++----
 public/css/index.css         | 30 ++++++++++++++++
 4 files changed, 151 insertions(+), 7 deletions(-)
 create mode 100644 _data/classes.json

diff --git a/_data/classes.json b/_data/classes.json
new file mode 100644
index 0000000..7df0591
--- /dev/null
+++ b/_data/classes.json
@@ -0,0 +1,49 @@
+{
+    "signes": [
+        {"nom":"Cancer", "emoji":"♋", "pages":"signes/cancer"},
+        {"nom":"Vierge", "emoji":"♍", "pages":"signes/vierge"},
+        {"nom":"Balance", "emoji":"♎", "pages":"signes/balance"},
+
+        {"nom":"Scorpion", "emoji":"♏", "pages":"signes/scorpion"},
+        {"nom":"Lion", "emoji":"♌", "pages":"signes/lion"},
+        {"nom":"Sagittaire", "emoji":"♐", "pages":"signes/sagittaire"},
+
+        {"nom":"Bélier", "emoji":"♈", "pages":"signes/belier"},
+        {"nom":"Taureau", "emoji":"♉", "pages":"signes/taureau"},
+        {"nom":"Verseau", "emoji":"♒", "pages":"signes/verseau"},
+
+        {"nom":"Gémaux", "emoji":"♊", "pages":"signes/gemeaux"},
+        {"nom":"Capricorne", "emoji":"♑", "pages":"signes/capricorne"},
+        {"nom":"Poisson", "emoji":"♓", "pages":"signes/poisson"},
+
+        {"nom":"Serpentaire", "emoji":"⛎", "pages":"signes/serpentaire"}
+    ],
+    "magies":[
+        {"nom":"Arts martiaux", "emoji":"🥋", "pages":"magies/artmartiaux", "estCommune":true},
+        {"nom":"Herboristerie", "emoji":"🌱", "pages":"magies/herboristerie", "estCommune":true},
+        {"nom":"Invocations", "emoji":"👹", "pages":"magies/invocations", "estCommune":true},
+        {"nom":"Naturelle", "emoji":"🐈", "pages":"magies/naturelle", "estCommune":true},
+        {"nom":"Wyverns", "emoji":"🐲", "pages":"magies/wyverns", "estCommune":true},
+        {"nom":"Enchantements", "emoji":"🪄", "pages":"magies/enchantements", "estCommune":false},
+        {"nom":"Créations", "emoji":"✨", "pages":"magies/creatrice", "estCommune":false},
+        {"nom":"Magie élémentaire", "emoji":"🔥", "pages":"magies/elementaire", "estCommune":false},
+        {"nom":"Spirituelle", "emoji":"👻", "pages":"magies/spirituelle", "estCommune":false}
+    ],
+    "specialites":[
+        {"nom":"Artiste", "emoji":"🪕", "pages":"specialite/artiste"},
+        {"nom":"Garde", "emoji":"🛡️", "pages":"specialite/garde"},
+        {"nom":"Bandit", "emoji":"🗡️", "pages":"specialite/bandit"},
+        {"nom":"Capitaine", "emoji":"🎖️", "pages":"specialite/capitaine"},
+        {"nom":"Érudit", "emoji":"📖", "pages":"specialite/erudit"},
+        {"nom":"Explorateur", "emoji":"🧭", "pages":"specialite/explorateur"},
+        {"nom":"Maitre d'armes", "emoji":"⚔️", "pages":"specialite/maitredarme"},
+        {"nom":"Majordome", "emoji":"🎩", "pages":"specialite/majordome"},
+        {"nom":"Marchand", "emoji":"💰", "pages":"specialite/marchand"},
+        {"nom":"Médecin", "emoji":"🩺", "pages":"specialite/medecins"}
+    ],
+    "speciales":[
+        {"nom":"Irrégularités", "emoji":"⚫", "pages":"lategame/alchimie"},
+        {"nom":"Dévotion", "emoji":"💫", "pages":"lategame/alchimie"},
+        {"nom":"Alchimie", "emoji":"⚗️", "pages":"lategame/alchimie"}
+    ]
+}
\ No newline at end of file
diff --git a/_includes/layouts/layout.njk b/_includes/layouts/layout.njk
index 0b8705d..3fa3642 100644
--- a/_includes/layouts/layout.njk
+++ b/_includes/layouts/layout.njk
@@ -107,6 +107,18 @@
 				{% endif %}
 			{% endif %}
 
+			{%- if (classType != undefined) -%}
+				<ul class="classe-list">
+					{% for signe in classes[classType] -%}
+						{%- if (signe.nom == eleventyNavigation.key) -%}
+						<li><span class="active"> <span class="emoji">{{ signe.emoji }}</span> {{ signe.nom }} </span></li>
+						{%- else -%}
+						<li><a href="/classes/{{ signe.pages }}"> <span class="emoji">{{ signe.emoji }}</span> {{ signe.nom }} </a></li>
+						{%- endif -%}
+					{%- endfor -%}
+				</ul>
+			{% endif %}
+
 			<aside>
 				<div id="more-info">
 				<h2>Sommaire</h2>
diff --git a/content/classes/index.md b/content/classes/index.md
index e9235ee..c90a686 100644
--- a/content/classes/index.md
+++ b/content/classes/index.md
@@ -1,15 +1,68 @@
 ---
 layout: layouts/layout.njk
+eleventyNavigation:
+  parent: Personnages
+  key: Les classes
+  order: 3
 ---
 
-# Classes et experiences
-
 Les personnages peuvent évoluer dans Erratum suivant un concept de classes se voulant offrir des possibilités riches et diversifiés. En effet, les classes y existent en plusieurs types, et offrent des possibilités différentes suivant si votre personnage à dans son lore des pouvoirs magiques ou non.
 
-Les classes utilisent [l'expérience](experience/) pour évoluer, offrant des capacités de plus en plus puissantes. De plus, l'évolution et l'accès aux différents pouvoirs peut se produire de manière RP de plusieurs manières.
+Les classes utilisent les points d'entrainement [par les niveaux](/jdr/personnages/niveaux/) pour évoluer, offrant des capacités de plus en plus puissantes. De plus, l'évolution et l'accès aux différents pouvoirs peut se produire de manière RP de plusieurs manières.
 
-## Différents types de classes
+## Les signes
 
-- [Les signes](signes/) sont des pouvoirs magiques naturels qui s'acquierts ou apparaissent dans une petite partie de la population.
-- [Les magies](magies/) sont des disciplines magiques plus ou moins accessibles aux personnages, offrant chacune une mécanique qui lui est propre.
-- [Les talents](talents/) sont des pouvoirs communs, accessibles à tous suivant leurs personnalités.
\ No newline at end of file
+Les « signes » sont le nom donné à une magie naturelle qui apparaît chez environs 0.7 % de la population mondiale. Les signes sont un type de magie puissante, utilisant des pouvoirs demandant souvent de l'éclat. Les signes s'optiennent grâce à l'apothéose.
+
+<ul class="classe-list">
+    {% for signe in classes.signes -%}
+        <li><a href="/classes/{{ signe.pages }}"> <span class="emoji">{{ signe.emoji }}</span> {{ signe.nom }} </a></li>
+    {%- endfor -%}
+</ul>
+
+### Apothéose
+
+L'apothéose est le phénomène mystérieux pouvant faire apparaitre un signe chez une personne. Si le premier signe apparait souvent sans apothéose, naturellement, le second voir troisième signe ne peut apparaitre qu'après celle-ci.
+
+Ce phénomène se produit dans des circonstantes particulières, qui peuvent être (entre-autre) les suivantes :
+
+- Après un jet de détermination donnant un résultat inférieur ou égal à 10
+- Lors d'une action fatidique lié au personnage, au porte de la mort ou dans une situation extrème.
+
+La personne en apothéose se réveille alors dans un lieu entièrement sombre, faisant partie du *noumène* et se retrouve en discussion avec Lux, l'Arbitre. Lux cependant ne choisira pas le signe. Il est possible de reprendre une fois un signe déjà acquis, permettant de le *doubler*.
+
+### Signe anomique
+
+Un signe anomique est un signe qui a été atteint par l'anomie, une variante corruptrice et dangereuse de l'éclat. Un signe anomique ne fonctionnera pas bien, et provoquera des effets secondaire à chaque utilisation. Il peut aussi répendre l'anomie chez d'autre personne.
+
+## Les magies
+
+Les magies sont les classes représentant des disciplines magiques et surnaturelles apprisent dans les écoles de magies (elles ne requierts cependant pas toutes des pouvoirs magiques pour être fait, les classes suivantes sont adaptés à des personnages n'ayant pas de pouvoirs mais étant dans la "culture" magique : {% for signe in classes.magies -%} **{{ signe.nom }}**{% if (loop.last == false) %}, {% endif %}{%- endfor -%})
+
+Les magies communes sont le nom donnée aux magies n'ayant pas besoin d'un apport magique intérieure de la part de l'utilisateur. Ces magies sont particulièrement pratique si vous voulez faire un personnage qui n'est pas magicien à la base mais fait des actions "magiques", puisqu'elles utilisent soit des forces extérieures, soit simplement la force et les compétences du personnage.
+
+<ul class="classe-list">
+    {% for signe in classes.magies -%}
+        <li><a href="/classes/{{ signe.pages }}"> <span class="emoji">{{ signe.emoji }}</span> {{ signe.nom }} </a></li>
+    {%- endfor -%}
+</ul>
+
+## Classes non-magiques
+
+Les spécialités sont des classes utilisables par les personnages sans magies et même n'ayant aucun lien avec la culture magique. Elles sont plus proche des classes traditionnelles de JDR, et utilisent plus des cooldown et autres méthodes que l'éclat pour gérer les limitations de pouvoirs.
+
+<ul class="classe-list">
+    {% for signe in classes.specialites -%}
+        <li><a href="/classes/{{ signe.pages }}"> <span class="emoji">{{ signe.emoji }}</span> {{ signe.nom }} </a></li>
+    {%- endfor -%}
+</ul>
+
+## Magies métaphysiques
+
+Ces classes sont des classes extrèmement rares, qui ne peuvent être accédé qu'à partir du niveau 15. Elle sont plus orienté late-game et souvent assez scénaristique.
+
+<ul class="classe-list">
+    {% for signe in classes.speciales -%}
+        <li><a href="/classes/{{ signe.pages }}"> <span class="emoji">{{ signe.emoji }}</span> {{ signe.nom }} </a></li>
+    {%- endfor -%}
+</ul>
diff --git a/public/css/index.css b/public/css/index.css
index 0d1deaa..058b1e5 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -554,4 +554,34 @@ a.btn {
 
 a.btn:hover {
   background-color: var(--text-color-link-hover);
+}
+
+ul.classe-list {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  flex-wrap: wrap;
+}
+
+ul.classe-list li {
+  white-space: nowrap;
+}
+
+ul.classe-list li a,
+ul.classe-list li a:hover,
+ul.classe-list li a:visited,
+ul.classe-list li span:not(.emoji) {
+  display: block;
+  padding: 0.3rem 0.6rem;
+  margin: 0.15rem;
+  color: #000;
+  background-color: var(--text-color-link);
+  text-decoration: none;
+  border-radius: 6px;
+}
+
+ul.classe-list li a:hover,
+ul.classe-list li span.active {
+  background-color: var(--text-color-link-hover);
 }
\ No newline at end of file