feat: portage vers Eleventy

Fixes #4
2023-05-24 22:54:51 +02:00 · 2023-05-24 22:54:51 +02:00 · 00db589b47
parent cd1298850a
commit 00db589b47
61 changed files with 1308 additions and 174 deletions
--- a/.drone.yml
+++ b/.drone.yml
@ -0,0 +1,32 @@
+kind: pipeline
+name: production
+when:
+  event: [ push ]
+  branch: [ main ]
+
+clone:
+  git:
+    image: plugins/git
+    pull: true
+
+steps:
+  - name: build
+    image: node:latest
+    commands:
+      - npm i
+      - npx @11ty/eleventy
+
+  - name: deploy
+    image: drillster/drone-rsync
+    settings:
+      hosts:
+        from_secret: deploy_host
+      target: /var/www/erratum.kazhnuz.space
+      source: _site/*
+      user:
+        from_secret: deploy_user
+      key:
+        from_secret: deploy_key
+    when:
+      branch: main
+    delete: true
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,25 @@
+# Generated files
+package/generated*
+
+# Ignore installed npm modules
+node_modules/
+
+# Ignore build tool output, e.g. code coverage
+.nyc_output/
+coverage/
+
+# Ignore API documentation
+api-docs/
+
+# Ignore folders from source code editors
+.vscode
+.idea
+
+# Ignore eleventy output when doing manual tests
+_site/
+
+package-lock.json
+
+# Ignore test files
+.cache
+test/stubs-layout-cache/_includes/*.js
--- a/_data/metadata.js
+++ b/_data/metadata.js
@ -0,0 +1,11 @@
+module.exports = {
+	title: "Erratum",
+	url: "https://erratum.kazhnuz.space/",
+	language: "fr",
+	description: "Un petit JDR de fantasy urbaine",
+	author: {
+		name: "Kazhnuz",
+		email: "kazhnuz@kobold.cafe",
+		url: "https://kazhnuz.space/"
+	}
+}
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@ -0,0 +1,15 @@
+---
+layout: layouts/parent.njk
+---
+<main id="skip">
+  <div>
+    {{ content | safe }}
+  </div>
+</main>
+
+<aside id="more-info">
+  <div class="card">
+    <h2 class="visually-hidden">Table of Content</h2>
+    {{ content | toc | safe }}
+  </div>
+</aside>
--- a/_includes/layouts/home.njk
+++ b/_includes/layouts/home.njk
@ -0,0 +1,8 @@
+---
+layout: layouts/parent.njk
+---
+<main id="skip">
+  <div>
+    {{ content | safe }}
+  </div>
+</main>
--- a/_includes/layouts/model.njk
+++ b/_includes/layouts/model.njk
@ -0,0 +1,34 @@
+---
+layout: layouts/parent.njk
+---
+<div>
+    
+    <nav class="card model">
+    <h2>Page dans la catégorie « {{ model }} » : </h2>
+    <ul class="flex">
+        {%- for post in collections[model] -%}
+        <li><a href="#">{{ post.data.title }}</a></li>
+        {%- endfor -%}
+    </ul>
+    </nav>
+  <main id="skip">
+    {{ content | safe }}
+  </main>
+</div>
+
+<aside id="more-info">
+  <div class="card">
+    <h2 class="visually-hidden">Table of Content</h2>
+    {{ content | toc | safe }}
+  </div>
+  {%- for tag in models -%}
+    <div class="card">
+        <h2>{{ tag }}</h2>
+        <ul>
+            {%- for post in collections[tag] -%}
+            <li><a href="#">{{ post.data.title }}</a></li>
+            {%- endfor -%}
+        </ul>
+    </div>
+  {%- endfor -%}
+</aside>
--- a/_includes/layouts/parent.njk
+++ b/_includes/layouts/parent.njk
@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="{{ metadata.language }}">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<title>{{ title or metadata.title }}</title>
+		<meta name="description" content="{{ description or metadata.description }}">
+
+		{#- Atom and JSON feeds included by default #}
+		<link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
+		<link rel="alternate" href="/feed/feed.json" type="application/json" title="{{ metadata.title }}">
+		<link rel="icon" type="image/x-icon" href="/favicon.png">
+
+		{#- Uncomment this if you’d like folks to know that you used Eleventy to build your site!  #}
+		<meta name="generator" content="{{ eleventy.generator }}">
+
+		{%- css %}{% include "public/css/index.css" %}{% endcss %}
+		<style>{% getBundle "css" %}</style>
+
+	</head>
+	<body>
+		<a href="#skip" class="visually-hidden">Skip to main content</a>
+
+		<header>
+		  <h1>
+			  <a href="/" class="home-link"><img src="/img/logo.png" alt=""><span class="visually-hidden">{{ metadata.title }}</span></a>
+			</h1>
+
+			<nav>
+				<h2 class="visually-hidden">Top level navigation menu</h2>
+				<ul class="nav">
+				  <li class="nav-item"><a href="/">Accueil</a></li>
+				  <li class="nav-item"><a href="/bienveillance/">Bienveillance</a></li>
+				  <li class="nav-item"><a href="/about/">À propos</a></li>
+				</ul>
+				<ul class="nav">
+				  <li class="nav-item"><a href="https://git.kobold.cafe/univers/erratum">Code Source</a></li>
+				  <li class="nav-item"><a href="https://kazhnuz.space">Kazhnuz Space</a></li>
+				</ul>
+			</nav>
+		</header>
+		<div class="wrapper">
+		  <nav id="sidebar">
+          {{ collections.all | eleventyNavigation | eleventyNavigationToHtml({anchorClass: "itemLink",activeAnchorClass: "active",activeListItemClass: "active",activeKey: eleventyNavigation.key, listClass: "nav", listItemClass: "item"}) | safe }}
+		  </nav>
+
+		  {{ content | safe }}
+		</div>
+
+		<footer><a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="/img/cc-by-sa.png" /><span class="visually-hidden">Tout le contenu de cette page est sous licence Creatve Common Attribution - Partage à l'identique.</span></a></footer>
+
+		<!-- Current page: {{ page.url | htmlBaseUrl }} -->
+	</body>
+</html>
--- a/_includes/layouts/post.njk
+++ b/_includes/layouts/post.njk
@ -0,0 +1,28 @@
+---
+layout: layouts/parent.njk
+---
+{# Only include the syntax highlighter CSS on blog posts #}
+{%- css %}{% include "node_modules/prismjs/themes/prism-okaidia.css" %}{% endcss %}
+{%- css %}{% include "public/css/prism-diff.css" %}{%- endcss %}
+<h1>{{ title }}</h1>
+
+<ul class="post-metadata">
+	<li><time datetime="{{ page.date | htmlDateString }}">{{ page.date | readableDate }}</time></li>
+	{%- for tag in tags | filterTagList %}
+	{%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
+	<li><a href="{{ tagUrl }}" class="post-tag">{{ tag }}</a>{%- if not loop.last %}, {% endif %}</li>
+	{%- endfor %}
+</ul>
+
+{{ content | safe }}
+
+{%- if collections.posts %}
+{%- set previousPost = collections.posts | getPreviousCollectionItem %}
+{%- set nextPost = collections.posts | getNextCollectionItem %}
+{%- if nextPost or previousPost %}
+<ul class="links-nextprev">
+	{%- if previousPost %}<li>Previous: <a href="{{ previousPost.url }}">{{ previousPost.data.title }}</a></li>{% endif %}
+	{%- if nextPost %}<li>Next: <a href="{{ nextPost.url }}">{{ nextPost.data.title }}</a></li>{% endif %}
+</ul>
+{%- endif %}
+{%- endif %}
--- a/_includes/postslist.njk
+++ b/_includes/postslist.njk
@ -0,0 +1,9 @@
+{%- css %}.postlist { counter-reset: start-from {{ (postslistCounter or postslist.length) + 1 }} }{% endcss %}
+<ol reversed class="postlist">
+{% for post in postslist | reverse %}
+	<li class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
+		<a href="{{ post.url }}" class="postlist-link">{% if post.data.title %}{{ post.data.title }}{% else %}<code>{{ post.url }}</code>{% endif %}</a>
+		<time class="postlist-date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate("LLLL yyyy") }}</time>
+	</li>
+{% endfor %}
+</ol>
--- a/_navbar.md
+++ b/_navbar.md
@ -1,5 +0,0 @@
-* [Accueil](/ "Accueil")
-
-* [Changelog](/changelog.md "Changelog")
-
-* [Source](http://git.kobold.cafe/jdr/danseronce/)
--- a/changelog.md
+++ b/changelog.md
@ -1,12 +1,18 @@
 # Changelog

-## 2.3.x
-
-### [2.3.1] - 2023-05-22
+## [2.3.1] - 2023-0?-??

 - Séparation de DanseRonce en un JDR à part

-#### Corrections
+### Site web
+
+- Refonte du site web sous Eleventy
+
+### Ajouts
+
+- Ajout d'une page sur la bienveillance
+
+### Corrections

 - Remise de la Télékinésie, oubliée entre les versions
 - Fusion de l'onde psy et de l'echo psychique
@ -14,23 +20,22 @@
 - La situation de crise a repris son bon nom !
 - Petites corrections autour des Malédictions antiques

-
-### [2.3.0] - 2020-07-01
+## [2.3.0] - 2020-07-01

 - Nouvelle adresse git

-#### Corrections
+### Corrections

 - [erratum/espace] Corrections de quelques confusions

-#### Ajoutés
+### Ajoutés

 - [organisation] Nouvelles sous-catégories (amélioration perso, objets).
 - [organisation] Ajout d'une page pour les campagnes
 - [organisation] Ajout d'une page pour l'exploration et les déplacement
 - [talents] Ajout de talents perspectif supplémentaire

-#### Modifié
+### Modifié

 - [organisation] Extraction en page à part des postures
 - [organisation] Extraction en page à part des confrontations sociales
@ -42,11 +47,9 @@
 - [forme] Réécriture page création des personnages
 - [talent] Meilleurs organisation des talents

-## 2.2.x
+## [2.2.0] - 2020-03-01

-### [2.2.0] - 2020-03-01
-
-#### Ajoutés
+### Ajoutés

 - [core] Ajouts des septs malédictions antiques
 - [core] Ajout des pseudo-éléments
@ -58,26 +61,24 @@
 - [core] Ajout explosions
 - [core] Ajout objets génériques

-#### Modifié
+### Modifié

 - [core] Séparation métaphysique et paradoxe
 - [core] Amélioration afflictions métaphysiques
 - [core] Rééquilibrage faiblesses élémentaires

-## 2.1.x
+## [2.1.1] - 2020-02-25

-### [2.1.1] - 2020-02-25
-
-#### Ajoutés
+### Ajoutés

 - [tout] Support emojis

-#### Modifiés
+### Modifiés

 - [tout] Nouveau style pour les informations annexes.
 - [coeur] Meilleurs titre afflictions.

-#### Corrigés
+### Corrigés

 - [erratum] Correction sceptre du cancer
 - [coeur] Correction erreur nom robe sacrée
@ -85,9 +86,9 @@
 - [coeur] Ajout prix boucliers
 - [coeur] Réparation tableau bouclier niveau 3

-### [2.1.0] - 2020-02-23
+## [2.1.0] - 2020-02-23

-#### Ajouté
+### Ajouté

 - [erratum] Rulebook Erratum
 - [meta] Site d'accueil directement dans les sources
@ -99,21 +100,19 @@
 - [coeur] Ajout du niveau des armes
 - [coeur] Ajout de quelques objets

-#### Modifié
+### Modifié

 - [meta] Fusion de tout les rulebook en un seul site
 - [meta] Fusion des pages Anomie, Afflictions et jets spéciaux
 - [coeur] Refonte système de faiblesses élémentaires

-#### Corrigés
+### Corrigés

 - [coeur] Utilisation de la bonne description pour l'élément végétal
 - [coeur] Correction d'un ordre en chaos
 - [coeur] La rage à 25% d'attaquer les alliers, par les ennemis
 - [coeur] Desactivation du cache

-## 2.0.x
-
-### [2.0.0] - 2020-01-07
+## [2.0.0] - 2020-01-07

 Version initiale contenant tout l'équivalent de la version papier originelle.
--- a/content/about.md
+++ b/content/about.md
@ -0,0 +1,25 @@
+---
+layout: layouts/home.njk
+---
+
+# À propos
+
+Ce site est un petit site de présentation de mon JDR {{ metadata.title }}. Il a pour but de vous présenter les différents éléments qui le composent, les différentes règles.
+
+Pourquoi cette page ? Et bien, faisant des parties de ma campagne DanseRonce avec mes amis, je me suis retrouvé comme beaucoup de MJ avec une situation qui peut être parfois casse-pied... Devoir gérer 300 versions du livre de règles différentes parce que le fichier .odt a été passé à plusieurs personnes, modifié sur le tas, etc. Étant particulièrement feinéant, j'ai commensé à me dire que toute possibilité de moins bosser étant la plus belle chose qui pouvait m'arriver. Du coup, voici le site du rulebook ! Un petit eleventy, quelques fichiers markdown sur des branches d'un dépot.
+
+Cette page vous donne accès au lore de l'univers et aux différents set de règle que j'ai fait pour mes différentes campagnes.
+
+## Infos de copyright
+
+Cet univers et ses JDRs associés sont mis à disposition selon les termes de la [licence Creative Commons Attribution -  Partage dans les Mêmes Conditions 4.0 International](http://creativecommons.org/licenses/by-sa/4.0/). Vous êtes libre d'utiliser cet univers, ainsi que les règles de jeux, comme base pour ce que vous voulez, à condition de repartager dans les mêmes conditions les contenus qui seraient basé sur cet univers. Il est à noter que cette licence ne couvre pas l'inspiration : vous pouvez vous inspirer de certains concepts ou idées sans que ce soit couvert par la licence, dans ce cas vous n'avez pas d'obligation d'utiliser la licence creative commons. 
+
+( A noter qu'utiliser le contenu de ce site pour entrainer une AI n'est pas de l'inspiration #NoAI )
+
+## Crédits
+
+- Site généré grâce à [Eleventy](11ty.org)
+- Icone [Night-Sky](https://game-icons.net/1x1/lorc/night-sky.html) par [Lorc](https://lorcblog.blogspot.com/) sous [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/)
+- Icone [Pine-Tree](https://game-icons.net/1x1/lorc/pine-tree.html) par [Lorc](https://lorcblog.blogspot.com/) sous [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/)
+- Icone [Dead wood](https://game-icons.net/1x1/lorc/dead-wood.html) par [Lorc](https://lorcblog.blogspot.com/) sous [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/)
+- Merci à Marcel Dupoignard et mon groupe de JDR pour de nombreux éléments de cet univers
--- a/content/bienveillance.md
+++ b/content/bienveillance.md
@ -0,0 +1,69 @@
+---
+layout: layouts/home.njk
+---
+
+# Bienveillance
+
+Dans un JDR, vos joueur⋅euses mettront parfois beaucoup d'elleux-même, parfois de leur vécu, ou au contraire auront besoin de s'éloigner dudit vécu. Avoir une bienveillance envers les joueur⋅euses est important pour tout MJ, ainsi qu'avoir une bienveillance envers soi-même ! Bien utilisé, le JDR est un formidable outil pour gagner en confiance en soi, à la fois en tant que MJ et que joueur⋅euse.
+
+La règle numéro 1 est que vos joueurs sont des personnes, et que **votre groupe est plus important que le jeu**.
+
+Ce petite document à pour but de donner quelques éléments pouvant être utiles afin de rendre une partie de Pélican plus fun pour tout le monde.
+
+## Émotions et sujets difficiles
+
+Un JDR jouant un peu toujours sur les émotions de vos joueur⋅euses, en tant que MJ il y a toujours un risque, notamment si vous voulez parler de thématiques sérieuses dans votre JDR.  Faites attention à bien connaitre les thématiques dont vous parlez, notamment avoir l'avis de concernés sur le sujets si vous ne l'êtes pas vous-même. De même, faites attentions à celles que vos joueur⋅euses pourraient aborder. Pour le handicap, notamment si vous voulez que cela affecte le gameplay, voyez avec un⋅e concernés si vous ne l'êtes pas, ni votre joueur⋅euse (dans ce dernier cas, demandez son avis sur son personnage).
+
+Vos joueur⋅euses auront forcément des sujets qui leur sont difficile. Essayez au possible d'être au courrant. Même si vous connaissez vos joueurs, *soyez au courant*, faites attention à ce qui peut leur poser soucis. Si vous ne les connaissez pas, n'hésitez pas à prendre connaissance de points qui pourraient être dur pour elleux, et adapter le JDR en conséquence.
+
+De plus vous pouvez mettre en oeuvre des outils (tels que la x-card décrites plus bas) afin de vous assurez de pouvoir éviter de ressortir des choses difficiles à un joueur.
+
+## Gestion de l'échec
+
+Le JDR permet d'expérimenter, de tenter des trucs, sans avoir de conséquence sur sa vrai vie. Cependant, faites attention à bien gérer l'échec de manière pertinente. "Perdre une campagne" de JDR est frustrant, à la fois pour les joueur⋅euses et vous, parce que vous perdez du coup tout le travail que vous avez mis dans cette campagne, et vos joueur⋅euse tout l'investissement (émotionnel et de temps) qu'iels ont mis. Gérer la difficulté doit alors être fait de manière pertinente pour votre groupe ET pour le type de jeu qu'iels veulent.
+
+Soyez sûr de mettre des échappatoires, ou juste des branchement quand c'est pertinent. Un groupe d'ennemi qui wipe l'équipe, ça peut être l'occasion de les faire se réveiller dans une prison, et une partie évasion, par exemple. Cela rendra en plus le jeu plus organique, plus intéressant même pour vous ! *Tout le monde y gagne*.
+
+De plus, évitez de rendre invisible une issue frustrante pour un personnage, du genre le jet de survie au milieu d'une salle parce que le salon de l'archiduchesse de MachinTruc contenait un poison invisible. Cela ne veut pas dire de ne pas mettre de piège, plus qu'il faut avoir une pertinence entre les actions et leur conséquences, ou en tout cas une pertience dans le type de jeu convenu avec vos joueurs. L'idée n'est pas de dire que "punir" est une mauvaise idée, juste que vous devez faire attention au groupe que vous avez face à vous, et voir si c'est adapté à ce groupe.
+
+De plus, éviter de créer des blocages plus tard. Par exemple, assurez vous de ne pas laisser perdre à jamais des indices importants qui bloqueraient vos joueur⋅euses plusieurs parties plus tard.
+
+## No-kill rule
+
+En combinant les deux éléments précédant, vous pouvez ajouter facilement une no-kill rule à Pélican si le besoin s'en fait sentir pour votre campagne.
+
+La règle devient simple : les personnages tombant en dessous des 0 PV restent KO, et pas de coma ou de mort sont possibles. Cette règle peut sécuriser les joueur⋅euses si besoin, évitant des risques de mettre dans une situation problématique un⋅e de vos joueur⋅euse si le sujet est difficile pour ellui, et de possible frustration en cas de gros critiques.
+
+## X-Card
+
+La X-Card est un [outil théorisé par John Stavropoulos](https://docs.google.com/document/d/1SB0jsx34bWHZWbnNIVVuMjhDkrdFGo1_hSC2BWPlI3A/edit#!) sous licence CC BY-SA 3.0, une simple carte avec un X dessus pouvant permettre à toute personne du jeu (vous compris !) de sortir toute situation avec lesquels les joueur⋅euses se sentiraient mal, **sans avoir d'explication à donner**. Lorsque la carte est posée, changez de sujet pour ramener ça à quelque chose d'autre.
+
+L'X-Card est un outil simple pour réparer les problèmes alors qu'ils arrivent. En effet, puisque comme les JDRs sont souvent en impro nous ne savons pas ce qui va arriver avant qu'ils arrivent, le risque existe toujours que le jeu aille dans une direction que vos joueur⋅euses ne voudraient pas.
+
+Pour l'utiliser, vous pouvez présenter la X-Card de la manière suivante (traduit du document originel) :
+
+> J'aimerais votre aide, pour rendre le jeu plus fun pour tout le monde. Si quoi que ce soit vous met mal à l'aise de toute manière que ce soit [desinne un X sur une carte], juste levez cette carte, ou tapotter là. [place la carte au centre de la table]. Vous n'avez pas besoin de vous expliquer. Pourquoi, ce n'est pas important. Quand nous levons ou tappons cette carte, nous retiront ce qui a été X-Cardé. Et s'il y a un soucis, n'importe qui peut demander une pause et on peut en parler en privé. Je sais que cela peut sembler étrange, mais cela nous permettra de jouer des jeux géniaux touts ensemble, et généralement je suis celui qui utilise la x-card pour prendre soin de moi-même. S'ils vous plait, n'hésitez pas à aider à rendre ce jeu fun pour tout le monde. Merci à tou⋅te⋅s !
+
+### Quelques notes sur la X-Card
+
+Le document contient aussi quelques notes sur la X-Card, retranscrises et traduites ici :
+
+- Le speech d'introduction est parfois plus important que la carte elle-même. Il rend clair qu'on est tous dans ce jeu ensemble, et que l'on va s'aider, et que **le groupe qui joue est plus important que le jeu**.
+
+- Utilisez la carte tôt, voir même sur vous-même, pour mener par l'exemple, et modéliser le comportement.
+
+- La X-Card n'a pas besoin d'être un outil de dernier recours. Le moins ça parait "spécial", le plus vous l'utilisez, le plus il y a de chance que quelqu'un l'utilise quand cela devient urgent.
+
+- La X-Card ne remplace pas les conversations ! Si vous préférez parler d'un sujet plutôt que d'utiliser la X-Card, faisez-le. Ce n'est pas parce que la X-Card est disponible qu'elle doit être utilisée. Mais quand elle est utilisée, respectez la personne qui l'utilise et ne demandez pas pourquoi ni ne lancez de conversation à propos du soucis.
+
+- La X-Card est un filet de sécurité, mais tout le monde ne se sentira pas à l'aise à l'utiliser. Si un⋅e joueur⋅euse à un soucis avec le jeu et veut vous en parlez, **écoutez**. Ce n'est PAS okay de dire "mais tu n'as pas utilisé à X-Card" comme une défense. N'utilisez pas la X-Card comme attaque envers vos joueurs. Ecoutez et parlez.
+
+- Si vous n'êtes pas sur de ce qui s'est fait X-Cardé, demandez une pause avec la personne en privée.
+
+- N'utilisez pas la X-Card comme excuse pour pousser les limites. Ce n'est pas un safeword.
+
+- Certain⋅e⋅s MJ (généralement n'ayant pas utilisé la X-Card) ont peur que la X-Card va limité leur créativité. D'autres MJ qui l'ont utilisé pense le contraire. Puisque læ MJ n'a pas à être télépathe, cela libère son énergie pour se concentrer sur d'autres aspect de la masterisation.
+
+- La X-Card n'est pas une excuse pour tenter de revenir au jeu aussi vite que possible. Les gens sont plus important que le jeu. S'il y a besoin de prendre une pause, prenez une pause.
+
+- La X-Card ne sert pas forcément que pour les triggers et les PTSDs, et peut-être dans des situations qui n'ont rien à voir !
--- a/content/classes/experience.md
+++ b/content/classes/experience.md
@ -0,0 +1,26 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: L'expérience
+  parent: Classes et experiences
+  order: 1
+---
+
+# L'expérience
+
+L'amélioration des personnages en court de campagne se fait à partir de deux statistiques : le prestige et l'expérience. L'expérience représente les faits accompli le personnage, et le prestige à quel point il s'est distingué.
+
+Les personnages peuvent gagner entre 3 et 6 points d’XP et/ou de prestige dans une partie normale.
+
+L'expérience peut être utilisé pour améliorer les différentes stats, les niveaux, etc. Il est conseillé pour les niveaux d’utiliser la liste des nombres premiers comme source possible.
+
+Exemples d'amélioration possible :
+
+| Type | Augmentations |
+|:----:|:--------------|
+| **Amélioration de classe** | Suite des nombres premiers suivant le niveau de difficulté. Lorsque double-classage, on peut au choix du MJ incrémenter de 1 dans la liste (on commence à 2 au lieu de 1, etc). |
+| **Augmentation de statistique** | De 000 à 100 : 1 Exp → 5 <br />De 100 à 200 : 3 Exp → 5 |
+| **Augmentation de compétences** | +10 et +20 : 1 Exp → 10 <br />+30 et +50 : 2 Exp → 10 <br />+50 : 3 Exp → 10 |
+| **Agumentations de PV/PE**| 1 xp -> 3 points à répartir PV/PE |
+| **Acquisition de talent** | 3 Exp le talent |
+| **Acquisition de potentiel** | 4 Exp le potentiel |
--- a/content/classes/index.md
+++ b/content/classes/index.md
@ -0,0 +1,18 @@
+---
+layout: layouts/home.njk
+eleventyNavigation:
+  key: Classes et experiences
+  order: 2
+---
+
+# 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.
+
+## Différents types de classes
+
+- [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.
--- a/content/classes/magies.md
+++ b/content/classes/magies.md
@ -1,4 +1,12 @@
-# Magies
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Les magies
+  parent: Classes et experiences
+  order: 3
+---
+
+# Les magies

 En plus de la magie naturelle des signes, les êtres vivants peuvent apprendre un certains nombres de techniques magiques.

--- a/content/classes/signes.md
+++ b/content/classes/signes.md
@ -1,3 +1,11 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Les signes
+  parent: Classes et experiences
+  order: 2
+---
+
 # Les signes

 Les « signes » sont le nom donné à une magie naturelle qui apparaît chez environs 0.7 % de la population mondiale. Cette magie est rare, et les signés ont toujours eu la possibilité d’avoir une influence non-nulle sur les événements de par cette magie. Il est toujours inconnu de si le signe est inné ou acquis, mais il se déclenche de manière incontrôlable à un moment de la vie.
--- a/content/classes/talents.md
+++ b/content/classes/talents.md
@ -1,25 +1,14 @@
-# L'expérience.
-
-L'amélioration des personnages en court de campagne se fait à partir de deux statistiques : le prestige et l'expérience. L'expérience représente les faits accompli le personnage, et le prestige à quel point il s'est distingué.
-
-Les personnages peuvent gagner entre 3 et 6 points d’XP et/ou de prestige dans une partie normale.
-
-L'expérience peut être utilisé pour améliorer les différentes stats, les niveaux, etc. Il est conseillé pour les niveaux d’utiliser la liste des nombres premiers comme source possible.
-
-Exemples d'amélioration possible :
-
-| Type | Augmentations |
-|:----:|:--------------|
-| **Amélioration de classe** | Suite des nombres premiers suivant le niveau de difficulté. Lorsque double-classage, on peut au choix du MJ incrémenter de 1 dans la liste (on commence à 2 au lieu de 1, etc). |
-| **Augmentation de statistique** | De 000 à 100 : 1 Exp → 5 <br />De 100 à 200 : 3 Exp → 5 |
-| **Augmentation de compétences** | +10 et +20 : 1 Exp → 10 <br />+30 et +50 : 2 Exp → 10 <br />+50 : 3 Exp → 10 |
-| **Agumentations de PV/PE**| 1 xp -> 3 points à répartir PV/PE |
-| **Acquisition de talent** | 3 Exp le talent |
-| **Acquisition de potentiel** | 4 Exp le potentiel |
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Talents
+  parent: Classes et experiences
+  order: 4
+---

 ## Talents

-Les talents sont des compétences ou traits que peut apprendre les personnages, en dehors de tout système de classes utilisés par les JDR. Ils représentent des capacités plus génériques, utilisables dans des JDR différents les uns des autres, et ne sont donc pas des formes de "magies", mais plus des représentations de ce que le personnage peut faire.
+Les talents sont des compétences ou traits que peut apprendre les personnages, en dehors de tout système de classes utilisés par les JDR. Ils représentent des capacités plus génériques, hors spécialisations, et ne sont donc pas des formes de "magies", mais plus des représentations de ce que le personnage peut faire.

 Apprendre un talent coûte 3 points d'expériences, et le personnage ne peut apprendre ses compétence que dans un de ses "points forts" (statistiques améliorées par les principes de personnalités).

--- a/content/combats/afflictions.md
+++ b/content/combats/afflictions.md
@ -1,4 +1,12 @@
-# Afflictions et effets
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Les afflictions
+  parent: Système de combat
+  order: 4
+---
+
+# Les afflictions

 En combat ou non, différents effets peuvent influencer votre personnages, à la fois sa manière de fonctionner, les actions qui lui seront possibles, etc.

--- a/content/combats/attacc.md
+++ b/content/combats/attacc.md
@ -1,3 +1,11 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Actions de combat
+  parent: Système de combat
+  order: 2
+---
+
 # Déroulement d'une attaque

 Dans une confrontation, des personnages tapent sur d'autres, que ce soit en terme physique, moral ou social. Le but de cette page est de présenter un peu le fonctionnement d'un combat.
--- a/content/combats/elements.md
+++ b/content/combats/elements.md
@ -1,4 +1,12 @@
-# Les éléments et leurs effets
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Les éléments
+  parent: Système de combat
+  order: 5
+---
+
+# Les éléments

 Il peut être également intéressant d’ajouter des effets élémentaires aux différentes capacités. DanseRonce propose un système de huit éléments « physiques » qui plus qu’un système de défense/résistance offrent un système « d’effet spéciaux ». Ces effets peuvent également se lier aux effets de terrains pour créer des faiblesses et résistances.

--- a/content/combats/index.md
+++ b/content/combats/index.md
@ -0,0 +1,21 @@
+---
+layout: layouts/home.njk
+eleventyNavigation:
+  key: Système de combat
+  order: 3
+---
+
+# Système de combat
+
+Le système de Combat d'Erratum est un système de combat ayant pour but d'offrir aux joueurs de nombreux manières d’appréhender un problème, suivant leur personnage et leurs objectifs. Il est possible de taper à la fois sur l’esprit où sur les PVs.
+
+Les combats peuvent être plus ou moins différents suivant les ennemis, également. En effet, les ennemis peuvent se différencier sur plus que leurs statistiques et leurs capacités/compétences. D'autres éléments qui peuvent différencier les ennemis peuvent être la manière de se battre, etc. C’est pour cela qu’il est essentiel avant de lancer un combat pour le MJ de définir les conditions de victoire et d’échec du combat (mais pas forcément de les dire aux joueurs…)
+
+## Pages de la catégorie
+
+- [Organisation d'un combat](organisation/) - Présente l'organisation globale d'un combat et d'un tour
+- [Déroulement d'une attaque](attacc/) - Présente le déroulement d'une attaque et d'une action
+- [Postures de combat](postures/) - Présente les différentes postures que vous pouvez avoir en combat
+- [Vitalité](vitalite/) - Présente le fonctionnements des dégats
+- [Les afflictions](afflictions/) - Présente les différentes afflictions (et effets) pouvant toucher votre perso
+- [Les éléments](elements/) - Présente les effets des différents éléments
--- a/content/combats/organisation.md
+++ b/content/combats/organisation.md
@ -1,11 +1,14 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Organisation
+  parent: Système de combat
+  order: 0
+---
+
+
 # Organisation d'un combat

-Le système de Combat de DanseRonce est un système de combat ayant pour but d'offrir aux joueurs de nombreux manières d’appréhender un problème, suivant leur personnage et leurs objectifs. Il est possible de taper à la fois sur l’esprit où sur les PVs.
-
-Les combats peuvent être plus ou moins différents suivant les ennemis, également. En effet, les ennemis peuvent se différencier sur plus que leurs statistiques et leurs capacités/compétences. D'autres éléments qui peuvent différencier les ennemis peuvent être la manière de se battre, etc. C’est pour cela qu’il est essentiel avant de lancer un combat pour le MJ de définir les conditions de victoire et d’échec du combat (mais pas forcément de les dire aux joueurs…)
-
-Cependant, les combats gardent une structure avec une organisation assez similaire.
-
 ## Début du combat

 Lorsque le combat commence, tout les personnages présent durant le combat font un *jet d'initiative* pour connaître leur place dans le combat, en utilisant leur statistique d'HAB. L'organisation des tours des personnages est fait avec une [comparaison](bases/D100.md) des résultats. *Aucune compétence n'agit sur le jet d'initiative*, mais certains traits peuvent le faire, ainsi que des effets tels que toujours premiers.
--- a/content/combats/postures.md
+++ b/content/combats/postures.md
@ -1,3 +1,11 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Postures
+  parent: Système de combat
+  order: 3
+---
+
 # Postures de combat

 En combat où en action, les personnages peuvent adopter une des quatre postures (correspondant à quatres visions possible d’un personnage : DPS, Tank, Healer et Trickster). Chaque posture possède également une version améliorée. C’est au MJ et au créateur du jeu de décider quand les joueurs obtiennent les postures. En utilisant un système de compétence par arbre, le niveau 2 semble un bon moment pour l’acquisition des postures. Changer de posture désactive l’ancienne posture et reste active jusqu’à être désactivée et ne peut être changé qu’une fois par tour, avant action.
--- a/content/combats/vitalite.md
+++ b/content/combats/vitalite.md
@ -1,3 +1,11 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Dégats et mort
+  parent: Système de combat
+  order: 3
+---
+
 # Dégats et mort

 Les personnages peuvent se prendre des dégats de plusieurs manière, ce qui peut aller parfois très mal. Nous allons  traiter de tout cela dans cette page.
--- a/content/index.md
+++ b/content/index.md
@ -0,0 +1,24 @@
+---
+layout: layouts/home.njk
+---
+# DanseRonce
+
+DanseRonce est un JDR de fantasy urbaine basé sur mon univers Erratum, une terre alternative contemporaine ou la magie a été révélée à tous, et ou une partie de la population est capable d'utiliser des pouvoirs étranges nommés les "signes". Il se déroule principalement dans un pensionnat pour "enfant étrange", abritant des enfants et adolescents différents de la normes sur bien des points. Vous pouvez y jouer des élèves ou des surveillants, et y vivre des aventures palpitantes. Cependant attention, des gens s'intéressent aux différentes puissantes qui peuvent exister dans l'univers.
+
+Ce JDR est basé sur un système D100 homebrew (une version antérieur de mon système pélican), et vise à être plus orienté RP que de l'utilisation de règle très complexe.
+
+Cette page à pour objectif de vous présenter à la fois l'univers et comment il interragit avec le système. Ce JDR est fourni par [Kazhnuz](https://kazhnuz.space), avec certaines règles reprise du système de [MDupoignard](https://twitter.com/MDupoignard). Il est distribué sous la Creative Commons CC-BY-SA 4.0.
+
+Ce site est généré par [Docsify](https://docsify.now.sh/).
+
+## Avant propos
+
+> « On m’a toujours dit que croire aux monstres était un truc d’enfant. Que ça devait partir une fois qu’on atteignait l’âge adulte. Autour de moi, je ne vois que des adultes qui croient au monstre, Et je suis un enfant seul qui n’y croit pas. »
+> <author>??? – Auteur inconnu – Date inconnue</author>
+
+Depuis des temps immémoriaux, deux « mondes » existent, que tout oppose, mais qui doivent partager la même planète. Le monde « réel », de la rationalité, de la science. Le monde de l'imprévu, du mystérieux et de la magie. En effet, environs 3% de la population mondiale est capable de pratiquer à l'aide de force occultes la « magie », et 0.7% est même capable d'en faire d'eux même, à l'aide d'un mystérieux pouvoir nommé les « douzes signes ». Des créatures magiques vivent cachés dans le monde, éloignées de tous.
+
+Ce monde est resté caché pendant des siècles, alors que la plus grande partie de la population cessait petit-à-petit d'y croire. Cependant, en Mai 1943, le célèbre mage Merlin à décidé de révéler le monde et les créatures magiques face aux horreurs de la seconde guerre mondiale. Il estimait que face à de tels massacres, les mages n'avaient pas le droit de cacher leur pouvoir. Cependant, si les horreurs de la seconde guerre mondiale, une telle découverte déséquilibra entièrement le monde. Pays magiques et non-magiques se disputèrent territoires et se firent une longue guerre de 9 ans, jusqu'à ce qu'en 1951 c'est une toute nouvelle face qu'avait la terre à la fin de ces batailles.
+
+Depuis, le monde semble s'être stabilisé. Practiciens de la magie et non-practiciens vivent chacun de leur côté, se connaissant mais minimisant les véritables interactions. L'OIM et les Gardiens s'occupent de s'assurer que la magie n'est pas utilisée à tors, et à combattre les "forces du mal". Cependant, bien des conflits larvés existent et pourraient recommencer… Et quels secrets cachent encore ce monde, hors de la vue même des magiciens ? »
+
--- a/content/inventaire/equipements.md
+++ b/content/inventaire/equipements.md
@ -1,3 +1,11 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Équipements
+  parent: Inventaire
+  order: 2
+---
+
 # Equipements

 ## Armes de bases
@ -459,4 +467,60 @@ Toutes les tenues avec des effets particuliers.

 <!-- tabs:end -->

-[equipement](../modules/equipements.md ':include')
+## Equipement de signes
+
+> [!NOTE]
+> Les armes de signes se débloquent à partir du niveau 4 d'armes/equipement.
+
+### Arcane de la guérison
+
+| Signe | Equipement | Type | Effet | Prix |
+|:-:|:---------:|:-----:|:-----:|:----:|
+| :virgo: | Robe de vierge | Armure | Armure lourde mentale pour les vierges | Prix de base + Niveau x 50 |
+| :virgo: | Médaillon de la vierge | Accessoire | Fait un jet de soin mental ou physique (tiré au hasard) à 1D4 par tour sur un compagnon (au hasard) de la vierge | 1250 |
+| :cancer: | Sceptre du cancer (2) | Baguette | Fait un soin négatif et un soin de base avec ce septre de soin à deux personnage (un par type), mais dont la puissance totale est divisée par deux | Prix de base + Niveau x 50 |
+| :cancer: | Masque de médecin du cancer | Accessoire | Permet sur un jet d'intelligence de faire un diagnostique total des afflictions physique, mentales et magiques d'un PJ ou PNJ | 1700 |
+| :libra: | Pendule de la Balance | Baton | Sceptre de soin doublant les effets du soin, mais la moitié du soin se produit en dégat sur le perso soignant | Prix de base + Niveau x 50 |
+| :libra: | Bourse de la Balance | Accessoire | Augmente de 20% les gains du quart le plus faible de gains du groupe dans lequel la balance se trouve | 1250 |
+
+### Arcane de la force
+
+| Signe | Équipement | Type | Effet | Prix |
+|:-:|:---------:|:-----:|:-----:|:----:|
+| :scorpius: | Dague du scorpion | Arme | Une dague apportant +25% pour les empoisonnement passifs du scorpion | Prix de base + Niveau x 50 |
+| :scorpius: | Lance seringue | Arme | Un lance projectile, faisant 0 dégat mais permettant d'empoisonner à distance avec un jet d'empoissement. | 1100 |
+| :leo: | Fourreau de lion | Accessoire | Rend une arme impossible à perdre | 1250 |
+| :leo: | Casque de lion | Accessoire | +20 en CHA & VOL, utilisable par les lions. | 1250 |
+| :sagittarius: | Arc de sagittaire | Arme | Un arc utilisable par les saggitaire | Prix de base + Niveau x 50 |
+| :sagittarius: | Chaussure du sagittaire | Accessoire | Permet un deuxième déplacement par tour | 1250 |
+
+### Arcane de la protection
+
+| Signe | Equipement | Type | Effet | Prix |
+|:--:|:---------:|:-----:|:-----:|:----:|
+| :aries: | Armure du bélier | Armure | Une armure semi-lourde, mais qui apporte +(Niveau) armure à tout les personnages alliés du bélier en combat | Prix de base + Niveau x 50 |
+| :aries: | Baguette du bélier | Baguette | Une baguette de base pour bélier, agissant sur *la réputation du groupe lors d'un duel social* | Prix de base + Niveau x 50 |
+| :taurus: | Bouclier du taureau | Bouclier | Un pavois permettant d'attaquer | Prix de base + Niveau x 50 |
+| :taurus: | Tunique du taureau | Armure | Armure semi-lourde sans les inconvéniant | Prix de base + Niveau x 50 |
+| :aquarius: | Montre du verseau | Accessoire | Permet de faire une action limitée une deuxième fois | 1400 |
+| :aquarius: | Gemme du verseau | Objet consommable | Permet de lancer trois simulation d'une action pour en connaître les effets | 1650 |
+
+### Arcane de la malice
+
+| Signe | Equipement | Type | Effet | Prix |
+|:-:|:---------:|:-----:|:-----:|:----:|
+| :gemini: | Chaînes des gémeaux | Accessoire (x2) | Un accessoire en deux parties se mettant sur deux personnages, qui pourront se TP l'un à l'autre comme des gémeux | 1250 |
+| :gemini: | Diadème des gémeaux | Accessoire | Amplifie la télépathie du gémeau, la rendant illimité en terme de nombre de personne et distance | 1500 |
+| :capricorn: | Masque du capricorne | Accessoire | Rend insensible à la manipulation des émotions | 1350 |
+| :capricorn: | Crayon du capricorne | Accessoire | Peut diffuser une émotion sur un espace entier, enchantant cet espace pour produire cette émotion | 1500 |
+| :pisces: | Balle du poisson | Accessoire | Peut fuir automatiquement les combats, sans conditions et même dans un espace fermé | 1250 |
+| :pisces: | Dague du poisson | Arme | Un couteau de base niveau 1, mais qui peut donner l'impression d'être n'importe quelle arme | 1200 |
+
+## Reliques
+
+### Accessoires
+
+| Accessoires | Effet | Prix |
+|:---------:|:------|:----:|
+| Toge Ancienne de Cultiste | Boost de SAG + 10% de résistance mentale à la métaphysique | 1000 |
+| Toge Ancienne de Frontière | Boost de INT + 10% de métaphysique | 1000 |
--- a/content/inventaire/index.md
+++ b/content/inventaire/index.md
@ -0,0 +1,16 @@
+---
+layout: layouts/home.njk
+eleventyNavigation:
+  key: Inventaire
+  order: 4
+---
+
+# Inventaire
+
+De nombreux objets pourront aider vos personnages durant votre aventure. Ces objets peuvent être soit des consommables, soit des équipements, soit d'autres types d'entités pouvant avoir un effet plus ou moins particulier sur votre personnage, son entourage, les ennemis, etc.
+
+## Pages dans cette catégories
+
+- [Objets](objets/) - Présente les objets consommables
+- [Équipements](equipements/) - Présente les différents équipements (armes, boucliers, armures, etc) que vous pourrez porter
+- [Véhicules](vehicules/) - Présente les différents véhicules que vous pourrez conduire ou utiliser durant votre aventure
--- a/content/inventaire/objets.md
+++ b/content/inventaire/objets.md
@ -1,9 +1,17 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Objets
+  parent: Inventaire
+  order: 2
+---
+
 # Objets et consommables

 ## Potions

 | Potion | Effet |
-|:------:|:-----:|
+|:------:|:------|
 | Potion de soin légère | Permet de regagner 6PV |
 | Potion de soin avancé | Permet de regagner 12PV |
 | Potion de vigueur | Augmente de 10 % les stats physique pendant trois tour |
@ -71,6 +79,7 @@ Les runes sont des petites pierres gravée de la rune, qui permette d'activer un
 | Essence d'espèce | Change l'espèce d'un personnage trois tours | Introuvable sur le marché |
 | Bombes élémentaires | Provoque une explosion de 12 dégats (sur trois ennemis proches) avec effet élémentaire | 250 |
 | Cristal de téléportation | Ramène au début d'un donjon où d'un endroit | 400 |
+| Fragment de signe | Rajoute le pouvoir d'un signe trois tours | Introuvable sur le marché |

 ## Objets parjures

@ -79,5 +88,3 @@ Les runes sont des petites pierres gravée de la rune, qui permette d'activer un
 | Carnet de la mort | Réussite automatique au prochain jet de survie, le suivant cependant échouera | 1500 |
 | Dés pipés | Annule un échec critique, mais la réussite critique suivante sera un échec critique | 1500 |
 | Herbes démoniaques | Transforme une potion à effet positif en potion satanique : augmente ses effets, mais provoque un jet de panique | 200 |
-
-[equipement](../modules/objets.md ':include')
--- a/content/inventaire/vehicules.md
+++ b/content/inventaire/vehicules.md
@ -1,3 +1,11 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Véhicules
+  parent: Inventaire
+  order: 3
+---
+
 # Les véhicules

 Les véhicules représentent tous les appareils dans lequel un personnage peut grimper afin de se déplacer ou d'effectuer quelques actions. Il s'agit d'un système générique pouvant décrire n'importe quel type de véhicule, permettant de mieux les visualiser et les comprendre.
--- a/content/lore/index.md
+++ b/content/lore/index.md
@ -0,0 +1,15 @@
+---
+layout: layouts/home.njk
+eleventyNavigation:
+  key: Lore et univers
+  order: 6
+---
+
+# Lore d'Erratum
+
+Erratum est un univers de JDR, mais il vise à avoir un lore qui se veut riche et intéressant à découvrir. Le but de ces pages sera de vous présenter ce monde, même si une partie des informations de lore pourront se trouver dans différentes autres pages. N'hésitez pas à explorer tout ce rulebook pour découvrir plus sur l'univers et ses secrets.
+
+## Pages dans cette catégorie
+
+- [Les lieux d'Erratum](monde/) - Présente les différents lieux et endroit à visiter dans ce monde
+- [Les organisations et factions](organisations/) - Présente les différents groupes qui s'y trouve
--- a/content/lore/monde.md
+++ b/content/lore/monde.md
@ -1,4 +1,12 @@
-# Le monde d'Erratum
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Lieux importants
+  parent: Lore et univers
+  order: 0
+---
+
+# Lieux importants

 Erratum se produit dans une terre alternative où la magie a toujours existé, et a été plus ou moins caché dans le monde suivant les époques. De ce fait, le monde d'Erratum à eu une histoire quelques peu différente que la notre, en particulier depuis la grande révélation.

--- a/content/lore/organisations.md
+++ b/content/lore/organisations.md
@ -1,3 +1,11 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Les organisations
+  parent: Lore et univers
+  order: 0
+---
+
 # Les organisations et groupe d'Erratum

 Plusieurs grandes organismes et groupes internationaux existent dans le monde.
--- a/content/mobs/creatures.md
+++ b/content/mobs/creatures.md
@ -1,4 +1,12 @@
-# Créatures
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Les créatures
+  parent: Créatures et PNJs
+  order: 0
+---
+
+# Les créatures

 Dans tout JDR, les mobs sont une partie intégrante de ce qu'on peut rencontrer. DanseRonce utilise un système d'espèce pour construire ses créatures.

--- a/content/mobs/index.md
+++ b/content/mobs/index.md
@ -0,0 +1,15 @@
+---
+layout: layouts/home.njk
+eleventyNavigation:
+  key: Créatures et PNJs
+  order: 5
+---
+
+# Créatures et PNJs
+
+Les créatures et PNJs sont les différents êtres que vous pourrez rencontrer dans une partie hors des joueurs. Ils sont généralement joué par le MJ, mais celui-ci peut parfaitement déléguer certains liés à un PJ au joueur du PJ en question, ce qui permet une plus grande diversité des situations.
+
+## Pages dans cette catégories
+
+- [Créatures](creatures/) - Présentation des créatures et de leurs concepts
+- [Vertus](vertus/) - Présentation des septs légendaires vertues, des PNJs spéciaux de l'univers d'Erratum
--- a/content/mobs/vertus.md
+++ b/content/mobs/vertus.md
@ -1,3 +1,11 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Les vertus
+  parent: Créatures et PNJs
+  order: 10
+---
+
 # Les vertus

 Les vertus sont sept êtres aux pouvoirs exceptionnels, existant depuis des temps immémoriaux. En plus de leur pouvoirs, elles ont la particularité d'être entièrement immunisées à l'anomie et aux malus provoqué par la présence d'une aberration.
--- a/content/personnages/creation.md
+++ b/content/personnages/creation.md
@ -1,3 +1,11 @@
+---
+layout: layouts/home.njk
+eleventyNavigation:
+  key: Création
+  parent: Personnages
+  order: 0
+---
+
 # Création d'un personnages

 La première chose à faire dans un JDR, est de créer un personnage. DanseRonce à pour objectif d'offrir un système simple, fondé sur la customisation et la posibilité de facilement créer et faire évoluer un personnage dans le sens qui nous intéresse. De ce fait, le but est de ne pas mettre trop d'entrave à la customisation, en limitant le moins possible les personnages.
--- a/content/personnages/especes.md
+++ b/content/personnages/especes.md
@ -1,3 +1,11 @@
+---
+layout: layouts/home.njk
+eleventyNavigation:
+  key: Les espèces
+  parent: Personnages
+  order: 2
+---
+
 # Les espèces

 Avec la découverte de la magies s'est également effectuée la découverte que de nombreuses autres espèces existaient sur terre.
--- a/content/personnages/index.md
+++ b/content/personnages/index.md
@ -0,0 +1,12 @@
+---
+layout: layouts/home.njk
+eleventyNavigation:
+  key: Personnages
+  order: 1
+---
+
+# Personnages
+
+Les personnages sont le coeur d'un JDR. Cette catégorie décrit le processus de création d'un personnage, ainsi que quelques éléments qui vont influencé comment il va fonctionner (ses stats, etc).
+
+## Pages dans cette catégories
--- a/content/personnages/personnalites.md
+++ b/content/personnages/personnalites.md
@ -1,3 +1,11 @@
+---
+layout: layouts/home.njk
+eleventyNavigation:
+  key: Personnalités
+  parent: Personnages
+  order: 2
+---
+
 # Personnalités

 Les statistiques de votre personnages peuvent être influencée par de nombreux éléments, dont la personnalité du personnage. Chaque personnage doit séléctionner deux principes de personnalité. Ces deux principes donnent la direction générale de qui est le personnage, et pourront l'aider à se définir in-RP (cela n'est cependant qu'une base autour de laquelle vous pouvez broder), et donnera une base pour ses stats et les points généraux de son comportement.
--- a/content/personnages/prestige.md
+++ b/content/personnages/prestige.md
@ -1,3 +1,12 @@
+---
+layout: layouts/home.njk
+eleventyNavigation:
+  key: Prestige
+  parent: Personnages
+  order: 3
+---
+
+
 # Les points de prestige

 Le prestige est une stat d’expérience spéciale qui permet d’ajouter un bonus à certaines actions spécifiques (si le MJ l’autorise). Chaque partie rajoute un certain nombre de point de prestige, suivant comment l’équipe à fait parler positivement d’elle.
--- a/content/systeme/D100.md
+++ b/content/systeme/D100.md
@ -1,3 +1,11 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Dés et actions
+  parent: Système de jeu
+  order: 1
+---
+
 # Dés et actions

 DanseRonce est un système de jeu de rôle basé sur le système D100, ayant pour objectif de créer un système de jeu de rôle simple mais efficace, dont le but est de se baser sur les dés les plus générique d’un rôliste. Ce jeu de rôle est publié sous licence ludique libre (OGL).
--- a/content/systeme/campagnes.md
+++ b/content/systeme/campagnes.md
@ -1,3 +1,11 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Campagnes
+  parent: Système de jeu
+  order: 3
+---
+
 # Organisation d'une campagne

 Une campagne est l'ensemble d'un scénario de JDR. Dans DanseRonce, l'accent a été mis sur des campagnes moyennes ou longue, avec des joueurs.
--- a/content/systeme/exploration.md
+++ b/content/systeme/exploration.md
@ -1,4 +1,12 @@
-# Exploration et déplacement
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Exploration
+  parent: Système de jeu
+  order: 3
+---
+
+# Exploration

 DanseRonce est un JDR avant tout "papier et crayon", qui n'est lié à aucun système de plateau et/ou de figurine. Cela rend la représentation des trajets plus abstrait, et nécessite d'avoir une définition plus simple des distances. Nous allons ici expliquer les différentes règles

--- a/content/systeme/index.md
+++ b/content/systeme/index.md
@ -0,0 +1,19 @@
+---
+layout: layouts/home.njk
+eleventyNavigation:
+  key: Système de jeu
+  order: 0
+---
+
+# Système de jeu
+
+Erratum utilise un système de jeu D100 homebrew, proche de mon système pélican (avec quelques différences). C'est un système centré sur le fait d'être simple d'utilisation et de privilégier le RP et les actions d'éclat sur une connaissance accrue et précise des règles. (Il a notamment pour but d'être plus accessible aux débutants qu'un système à la D&D ou Pathfinder)
+
+Un autre de ses buts est d'utiliser uniquement les dés les plus communs d'un rôliste, facile à trouver ou acheter en ligne. Ce site contient également des recommendation en terme de bienveillance envers les joueurs.
+
+## Pages dans cette catégories
+
+- [Dés et actions](D100/) - Les dés et les actions de bases du système
+- [Statistiques](statistiques/) - Les statistiques présentent sur la page du MJ (hors spéciales telles que la métaphysique ou l'anomie)
+- [Campagnes](campagnes/) - Organisation d'une campagne de base
+- [Exploration](exploration/) - Les règles liées à l'explorations et la découverte de lieux
--- a/content/systeme/statistiques.md
+++ b/content/systeme/statistiques.md
@ -1,3 +1,11 @@
+---
+layout: layouts/home.njk
+eleventyNavigation:
+  key: Statistiques
+  parent: Système de jeu
+  order: 1
+---
+
 # Généralités et stats

 Un personnage dans DanseRonce possède un certain nombre de caractéristique qui lui sont propre. Dans cette page, on va voir ce que représente chaque caractéristiques présente dans DanseRonce, à l'exception de celles liés au levelling qui ont leur section à part. Ici, nous allons donc voir tout les types de stats et propriété.
--- a/eleventy.config.drafts.js
+++ b/eleventy.config.drafts.js
@ -0,0 +1,50 @@
+function eleventyComputedPermalink() {
+	// When using `addGlobalData` and you *want* to return a function, you must nest functions like this.
+	// `addGlobalData` acts like a global data file and runs the top level function it receives.
+	return (data) => {
+		// Always skip during non-watch/serve builds
+		if(data.draft && !process.env.BUILD_DRAFTS) {
+			return false;
+		}
+
+		return data.permalink;
+	}
+};
+
+function eleventyComputedExcludeFromCollections() {
+	// When using `addGlobalData` and you *want* to return a function, you must nest functions like this.
+	// `addGlobalData` acts like a global data file and runs the top level function it receives.
+	return (data) => {
+		// Always exclude from non-watch/serve builds
+		if(data.draft && !process.env.BUILD_DRAFTS) {
+			return true;
+		}
+
+		return data.eleventyExcludeFromCollections;
+	}
+};
+
+module.exports.eleventyComputedPermalink = eleventyComputedPermalink;
+module.exports.eleventyComputedExcludeFromCollections = eleventyComputedExcludeFromCollections;
+
+module.exports = eleventyConfig => {
+	eleventyConfig.addGlobalData("eleventyComputed.permalink", eleventyComputedPermalink);
+	eleventyConfig.addGlobalData("eleventyComputed.eleventyExcludeFromCollections", eleventyComputedExcludeFromCollections);
+
+	let logged = false;
+	eleventyConfig.on("eleventy.before", ({runMode}) => {
+		let text = "Excluding";
+		// Only show drafts in serve/watch modes
+		if(runMode === "serve" || runMode === "watch") {
+			process.env.BUILD_DRAFTS = true;
+			text = "Including";
+		}
+
+		// Only log once.
+		if(!logged) {
+			console.log( `[11ty/eleventy-base-blog] ${text} drafts.` );
+		}
+
+		logged = true;
+	});
+}
--- a/eleventy.config.images.js
+++ b/eleventy.config.images.js
@ -0,0 +1,34 @@
+const path = require("path");
+const eleventyImage = require("@11ty/eleventy-img");
+
+module.exports = eleventyConfig => {
+	function relativeToInputPath(inputPath, relativeFilePath) {
+		let split = inputPath.split("/");
+		split.pop();
+
+		return path.resolve(split.join(path.sep), relativeFilePath);
+	}
+
+	// Eleventy Image shortcode
+	// https://www.11ty.dev/docs/plugins/image/
+	eleventyConfig.addAsyncShortcode("image", async function imageShortcode(src, alt, widths, sizes) {
+		// Full list of formats here: https://www.11ty.dev/docs/plugins/image/#output-formats
+		// Warning: Avif can be resource-intensive so take care!
+		let formats = ["avif", "webp", "auto"];
+		let file = relativeToInputPath(this.page.inputPath, src);
+		let metadata = await eleventyImage(file, {
+			widths: widths || ["auto"],
+			formats,
+			outputDir: path.join(eleventyConfig.dir.output, "img"), // Advanced usage note: `eleventyConfig.dir` works here because we’re using addPlugin.
+		});
+
+		// TODO loading=eager and fetchpriority=high
+		let imageAttributes = {
+			alt,
+			sizes,
+			loading: "lazy",
+			decoding: "async",
+		};
+		return eleventyImage.generateHTML(metadata, imageAttributes);
+	});
+};
--- a/eleventy.config.js
+++ b/eleventy.config.js
@ -0,0 +1,144 @@
+const { DateTime } = require("luxon");
+const markdownItAnchor = require("markdown-it-anchor");
+
+const pluginRss = require("@11ty/eleventy-plugin-rss");
+const pluginSyntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
+const pluginBundle = require("@11ty/eleventy-plugin-bundle");
+const pluginNavigation = require("@11ty/eleventy-navigation");
+const { EleventyHtmlBasePlugin } = require("@11ty/eleventy");
+
+const pluginDrafts = require("./eleventy.config.drafts.js");
+const pluginImages = require("./eleventy.config.images.js");
+const pluginTOC = require('eleventy-plugin-toc');
+
+module.exports = function(eleventyConfig) {
+	// Copy the contents of the `public` folder to the output folder
+	// For example, `./public/css/` ends up in `_site/css/`
+	eleventyConfig.addPassthroughCopy({
+		"./public/": "/",
+		"./node_modules/prismjs/themes/prism-okaidia.css": "/css/prism-okaidia.css"
+	});
+
+	// Run Eleventy when these files change:
+	// https://www.11ty.dev/docs/watch-serve/#add-your-own-watch-targets
+
+	// Watch content images for the image pipeline.
+	eleventyConfig.addWatchTarget("content/**/*.{svg,webp,png,jpeg}");
+
+	// App plugins
+	eleventyConfig.addPlugin(pluginDrafts);
+	eleventyConfig.addPlugin(pluginImages);
+
+	// Official plugins
+	eleventyConfig.addPlugin(pluginRss);
+	eleventyConfig.addPlugin(pluginSyntaxHighlight, {
+		preAttributes: { tabindex: 0 }
+	});
+	eleventyConfig.addPlugin(pluginNavigation);
+	eleventyConfig.addPlugin(EleventyHtmlBasePlugin);
+	eleventyConfig.addPlugin(pluginBundle);
+	eleventyConfig.addPlugin(pluginTOC, {
+    tags: ['h2'],
+    wrapper: 'div'
+  });
+
+	// Filters
+	eleventyConfig.addFilter("readableDate", (dateObj, format, zone) => {
+		// Formatting tokens for Luxon: https://moment.github.io/luxon/#/formatting?id=table-of-tokens
+		return DateTime.fromJSDate(dateObj, { zone: zone || "utc" }).toFormat(format || "dd LLLL yyyy");
+	});
+
+	eleventyConfig.addFilter('htmlDateString', (dateObj) => {
+		// dateObj input: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-date-string
+		return DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat('yyyy-LL-dd');
+	});
+
+	// Get the first `n` elements of a collection.
+	eleventyConfig.addFilter("head", (array, n) => {
+		if(!Array.isArray(array) || array.length === 0) {
+			return [];
+		}
+		if( n < 0 ) {
+			return array.slice(n);
+		}
+
+		return array.slice(0, n);
+	});
+
+	// Return the smallest number argument
+	eleventyConfig.addFilter("min", (...numbers) => {
+		return Math.min.apply(null, numbers);
+	});
+
+	// Return all the tags used in a collection
+	eleventyConfig.addFilter("getAllTags", collection => {
+		let tagSet = new Set();
+		for(let item of collection) {
+			(item.data.tags || []).forEach(tag => tagSet.add(tag));
+		}
+		return Array.from(tagSet);
+	});
+
+	eleventyConfig.addFilter("filterTagList", function filterTagList(tags) {
+		return (tags || []).filter(tag => ["all", "nav", "post", "posts"].indexOf(tag) === -1);
+	});
+
+	// Customize Markdown library settings:
+	eleventyConfig.amendLibrary("md", mdLib => {
+		mdLib.use(markdownItAnchor, {
+			permalink: markdownItAnchor.permalink.ariaHidden({
+				placement: "after",
+				class: "header-anchor",
+				symbol: "#",
+				ariaHidden: false,
+			}),
+			level: [1,2,3,4],
+			slugify: eleventyConfig.getFilter("slugify")
+		});
+	});
+
+	// Features to make your build faster (when you need them)
+
+	// If your passthrough copy gets heavy and cumbersome, add this line
+	// to emulate the file copy on the dev server. Learn more:
+	// https://www.11ty.dev/docs/copy/#emulate-passthrough-copy-during-serve
+
+	// eleventyConfig.setServerPassthroughCopyBehavior("passthrough");
+
+	return {
+		// Control which files Eleventy will process
+		// e.g.: *.md, *.njk, *.html, *.liquid
+		templateFormats: [
+			"md",
+			"njk",
+			"html",
+			"liquid",
+		],
+
+		// Pre-process *.md files with: (default: `liquid`)
+		markdownTemplateEngine: "njk",
+
+		// Pre-process *.html files with: (default: `liquid`)
+		htmlTemplateEngine: "njk",
+
+		// These are all optional:
+		dir: {
+			input: "content",          // default: "."
+			includes: "../_includes",  // default: "_includes"
+			data: "../_data",          // default: "_data"
+			output: "_site"
+		},
+
+		// -----------------------------------------------------------------
+		// Optional items:
+		// -----------------------------------------------------------------
+
+		// If your site deploys to a subdirectory, change `pathPrefix`.
+		// Read more: https://www.11ty.dev/docs/config/#deploy-to-a-subdirectory-with-a-path-prefix
+
+		// When paired with the HTML <base> plugin https://www.11ty.dev/docs/plugins/html-base/
+		// it will transform any absolute URLs in your HTML to include this
+		// folder name and does **not** affect where things go in the output folder.
+		pathPrefix: "/",
+	};
+};
--- a/index.html
+++ b/index.html
@ -1,45 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Erratum / Danseronce</title>
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-  <meta name="description" content="Description">
-  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-  <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
-</head>
-<body>
-  <div id="app"></div>
-  <script>
-    window.$docsify = {
-      name: 'DanseRonce',
-      repo: '',
-      basePath:'/',
-      loadSidebar: true,
-      loadNavbar: true,
-      subMaxLevel: 2,
-      // complete configuration parameters
-      search: {
-        maxAge: 86400000, // Expiration time, the default one day
-        paths: [], // or 'auto'
-        placeholder: 'Chercher',
-
-        noData: 'Aucun résultat',
-
-        // Headline depth, 1 - 6
-        depth: 2,
-
-        hideOtherSidebarContent: false, // whether or not to hide other sidebar content
-      },
-      requestHeaders: {
-        'cache-control': 'no-cache'
-      }
-    }
-  </script>
-  <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
-  <script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/docsify-tabs@1"></script>
-  <script src="https://unpkg.com/docsify-plugin-flexible-alerts"></script>
-  <script src="//unpkg.com/docsify/lib/plugins/emoji.min.js"></script>
-</body>
-</html>
--- a/modules/equipements.md
+++ b/modules/equipements.md
@ -1,57 +0,0 @@
-## Equipement de signes
-
-> [!NOTE]
-> Les armes de signes se débloquent à partir du niveau 4 d'armes/equipement.
-
-### Arcane de la guérison
-
-| Signe | Equipement | Type | Effet | Prix |
-|:-:|:---------:|:-----:|:-----:|:----:|
-| :virgo: | Robe de vierge | Armure | Armure lourde mentale pour les vierges | Prix de base + Niveau x 50 |
-| :virgo: | Médaillon de la vierge | Accessoire | Fait un jet de soin mental ou physique (tiré au hasard) à 1D4 par tour sur un compagnon (au hasard) de la vierge | 1250 |
-| :cancer: | Sceptre du cancer (2) | Baguette | Fait un soin négatif et un soin de base avec ce septre de soin à deux personnage (un par type), mais dont la puissance totale est divisée par deux | Prix de base + Niveau x 50 |
-| :cancer: | Masque de médecin du cancer | Accessoire | Permet sur un jet d'intelligence de faire un diagnostique total des afflictions physique, mentales et magiques d'un PJ ou PNJ | 1700 |
-| :libra: | Pendule de la Balance | Baton | Sceptre de soin doublant les effets du soin, mais la moitié du soin se produit en dégat sur le perso soignant | Prix de base + Niveau x 50 |
-| :libra: | Bourse de la Balance | Accessoire | Augmente de 20% les gains du quart le plus faible de gains du groupe dans lequel la balance se trouve | 1250 |
-
-### Arcane de la force
-
-| Signe | Équipement | Type | Effet | Prix |
-|:-:|:---------:|:-----:|:-----:|:----:|
-| :scorpius: | Dague du scorpion | Arme | Une dague apportant +25% pour les empoisonnement passifs du scorpion | Prix de base + Niveau x 50 |
-| :scorpius: | Lance seringue | Arme | Un lance projectile, faisant 0 dégat mais permettant d'empoisonner à distance avec un jet d'empoissement. | 1100 |
-| :leo: | Fourreau de lion | Accessoire | Rend une arme impossible à perdre | 1250 |
-| :leo: | Casque de lion | Accessoire | +20 en CHA & VOL, utilisable par les lions. | 1250 |
-| :sagittarius: | Arc de sagittaire | Arme | Un arc utilisable par les saggitaire | Prix de base + Niveau x 50 |
-| :sagittarius: | Chaussure du sagittaire | Accessoire | Permet un deuxième déplacement par tour | 1250 |
-
-### Arcane de la protection
-
-| Signe | Equipement | Type | Effet | Prix |
-|:--:|:---------:|:-----:|:-----:|:----:|
-| :aries: | Armure du bélier | Armure | Une armure semi-lourde, mais qui apporte +(Niveau) armure à tout les personnages alliés du bélier en combat | Prix de base + Niveau x 50 |
-| :aries: | Baguette du bélier | Baguette | Une baguette de base pour bélier, agissant sur *la réputation du groupe lors d'un duel social* | Prix de base + Niveau x 50 |
-| :taurus: | Bouclier du taureau | Bouclier | Un pavois permettant d'attaquer | Prix de base + Niveau x 50 |
-| :taurus: | Tunique du taureau | Armure | Armure semi-lourde sans les inconvéniant | Prix de base + Niveau x 50 |
-| :aquarius: | Montre du verseau | Accessoire | Permet de faire une action limitée une deuxième fois | 1400 |
-| :aquarius: | Gemme du verseau | Objet consommable | Permet de lancer trois simulation d'une action pour en connaître les effets | 1650 |
-
-### Arcane de la malice
-
-| Signe | Equipement | Type | Effet | Prix |
-|:-:|:---------:|:-----:|:-----:|:----:|
-| :gemini: | Chaînes des gémeaux | Accessoire (x2) | Un accessoire en deux parties se mettant sur deux personnages, qui pourront se TP l'un à l'autre comme des gémeux | 1250 |
-| :gemini: | Diadème des gémeaux | Accessoire | Amplifie la télépathie du gémeau, la rendant illimité en terme de nombre de personne et distance | 1500 |
-| :capricorn: | Masque du capricorne | Accessoire | Rend insensible à la manipulation des émotions | 1350 |
-| :capricorn: | Crayon du capricorne | Accessoire | Peut diffuser une émotion sur un espace entier, enchantant cet espace pour produire cette émotion | 1500 |
-| :pisces: | Balle du poisson | Accessoire | Peut fuir automatiquement les combats, sans conditions et même dans un espace fermé | 1250 |
-| :pisces: | Dague du poisson | Arme | Un couteau de base niveau 1, mais qui peut donner l'impression d'être n'importe quelle arme | 1200 |
-
-## Reliques
-
-### Accessoires
-
-| Accessoires | Effet | Prix |
-|:---------:|:------|:----:|
-| Toge Ancienne de Cultiste | Boost de SAG + 10% de résistance mentale à la métaphysique | 1000 |
-| Toge Ancienne de Frontière | Boost de INT + 10% de métaphysique | 1000 |
--- a/modules/objets.md
+++ b/modules/objets.md
@ -1,5 +0,0 @@
-## Objets de signes
-
-| Objet | Effet | Prix |
-|:-----:|:------|:----:|
-| Fragment de signe | Rajoute le pouvoir d'un signe trois tours | Introuvable sur le marché |
--- a/netlify.toml
+++ b/netlify.toml
@ -0,0 +1,24 @@
+[build]
+	publish = "_site"
+	command = "npm run build"
+
+[[plugins]]
+
+	# Opt-in to the Netlify Lighthouse plugin (choose one):
+
+	# 1. Go to your site on https://app.netlify.com and navigate to the Integrations tab, search for the `Lighthouse` plugin
+	# 2. Or via `npm install -D @netlify/plugin-lighthouse`
+
+	# Read more: https://github.com/netlify/netlify-plugin-lighthouse
+
+	package = "@netlify/plugin-lighthouse"
+
+	# optional, fails build when a category is below a threshold
+	[plugins.inputs.thresholds]
+		performance = 1.0
+		accessibility = 1.0
+		best-practices = 1.0
+		seo = 1.0
+
+	[plugins.inputs]
+		output_path = "reports/lighthouse/index.html"
--- a/package.json
+++ b/package.json
@ -0,0 +1,47 @@
+{
+	"name": "eleventy-base-blog",
+	"version": "8.0.0",
+	"description": "A starter repository for a blog web site using the Eleventy site generator.",
+	"scripts": {
+		"build": "npx @11ty/eleventy",
+		"build-ghpages": "npx @11ty/eleventy --pathprefix=/eleventy-base-blog/",
+		"start": "npx @11ty/eleventy --serve --quiet",
+		"debug": "DEBUG=Eleventy* npx @11ty/eleventy",
+		"debugstart": "DEBUG=Eleventy* npx @11ty/eleventy --serve --quiet",
+		"benchmark": "DEBUG=Eleventy:Benchmark* npx @11ty/eleventy"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git://github.com/11ty/eleventy-base-blog.git"
+	},
+	"author": {
+		"name": "Zach Leatherman",
+		"email": "zachleatherman@gmail.com",
+		"url": "https://zachleat.com/"
+	},
+	"license": "MIT",
+	"engines": {
+		"node": ">=14"
+	},
+	"funding": {
+		"type": "opencollective",
+		"url": "https://opencollective.com/11ty"
+	},
+	"bugs": {
+		"url": "https://github.com/11ty/eleventy-base-blog/issues"
+	},
+	"homepage": "https://github.com/11ty/eleventy-base-blog#readme",
+	"devDependencies": {
+		"@11ty/eleventy": "^2.0.1",
+		"@11ty/eleventy-img": "^3.1.0",
+		"@11ty/eleventy-navigation": "^0.3.5",
+		"@11ty/eleventy-plugin-bundle": "^1.0.4",
+		"@11ty/eleventy-plugin-rss": "^1.2.0",
+		"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
+		"luxon": "^3.3.0",
+		"markdown-it-anchor": "^8.6.7"
+	},
+	"dependencies": {
+		"eleventy-plugin-toc": "^1.1.5"
+	}
+}
--- a/public/css/index.css
+++ b/public/css/index.css
@ -0,0 +1,248 @@
+:root {
+	--color-gray-20: #e0e0e0;
+	--color-gray-50: #C0C0C0;
+	--color-gray-90: #dad8d8;
+
+	/* --text-color is assigned to --color-gray-_ above */
+	--text-color-link: #1493fb;
+	--text-color-link-active: #6969f7;
+	--text-color-link-visited: #a6a6f8;
+
+	--background-color: #121018;
+
+	--text-color: var(--color-gray-90);
+	
+	--font-family: -apple-system, system-ui, sans-serif;
+	--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
+}
+
+* {
+	box-sizing: border-box;
+}
+
+html,
+body {
+	padding: 0;
+	margin: 0 auto;
+	min-height:100%;
+	font-family: var(--font-family);
+	color: var(--text-color);
+	width:1280px;
+}
+html {
+	overflow-y: scroll;
+	background: center bottom fixed repeat-x url("/img/dark-b10.png"), center top fixed url("/img/erratu18.png");
+	background-color:#120f2b;
+}
+
+/* https://www.a11yproject.com/posts/how-to-hide-content/ */
+.visually-hidden {
+	clip: rect(0 0 0 0);
+	clip-path: inset(50%);
+	height: 1px;
+	overflow: hidden;
+	position: absolute;
+	white-space: nowrap;
+	width: 1px;
+}
+
+a[href] {
+	color: var(--text-color-link);
+}
+a[href]:visited {
+	color: var(--text-color-link-visited);
+}
+a[href]:hover,
+a[href]:active {
+	color: var(--text-color-link-active);
+}
+
+blockquote {
+  opacity: 75%;
+  border-left: 3px solid currentColor;
+  padding-left: 12px;
+}
+
+/* Direct Links / Markdown Headers */
+.header-anchor {
+	text-decoration: none;
+	font-style: normal;
+	font-size: 1em;
+	margin-left: .1em;
+}
+a[href].header-anchor,
+a[href].header-anchor:visited {
+	color: transparent;
+}
+a[href].header-anchor:focus,
+a[href].header-anchor:hover {
+	text-decoration: underline;
+}
+a[href].header-anchor:focus,
+:hover > a[href].header-anchor {
+	color: #aaa;
+}
+
+.wrapper {
+  display:flex;
+}
+
+header h1 a {
+  display:block;
+  margin:auto;
+}
+
+h1 img {
+  display:block;
+  height:128px;
+  width:auto;
+  margin:auto 0;
+}
+
+header nav {
+  margin: 3px 12px;
+}
+
+header nav {
+  display: flex;
+  justify-content: space-between;
+}
+
+header nav ul,
+ul.flex {
+  display:flex;
+  padding:0;
+  margin:0;
+}
+
+header nav .nav-item a {
+  background-color:var(--background-color);
+  border:1px solid rgba(255,255,255,0.05);
+  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.8);
+  padding:0.66rem;
+  border-radius:4px;
+  text-decoration:none;
+  color:var(--text-color)!important;
+  display: block;
+}
+
+header nav .nav-item a:hover {
+  box-shadow: 0px 0px 3px 2px rgba(255,255,255,0.3);
+}
+
+header nav .nav-item:not(:last-child) {
+  margin-right:12px;
+}
+
+main,
+.card,
+#sidebar ul > li {
+  background-color:var(--background-color);
+  border:1px solid rgba(255,255,255,0.05);
+  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.8);
+  border-radius:6px;
+  padding:8px;
+  margin:8px;
+}
+
+main {
+  padding-left: 24px;
+  padding-right: 24px;
+  line-height:1.5rem;
+  flex-grow:1;
+}
+
+.model,
+main {
+  margin-left:0;
+  margin-right:0;
+}
+
+#sidebar ul > li,
+.model h2 {
+	list-style: none;
+	font-weight: bold;
+  font-size: 1rem;
+}
+
+
+#more-info ol > li,
+#more-info ul > li {
+	list-style: none;
+}
+
+#sidebar ul > li li,
+#more-info li {
+  border-radius:0px;
+  padding:0px;
+  margin:0px;
+  font-weight: normal;
+  border:0;
+  box-shadow: none;
+}
+
+ul.nav,
+#sidebar ul li ul,
+#more-info ol,
+ul.flex li,
+.model h2 {
+  padding:0;
+  margin:0;
+	list-style: none;
+}
+
+#sidebar ul li ul {
+  display:flex;
+  flex-wrap: wrap;
+}
+
+#sidebar ul li a,
+#more-info ol li a,
+.model a {
+  display:block;
+  width:100%;
+  text-decoration:none;
+  color:var(--text-color)!important;
+  border-radius:3px;
+  padding:3px;
+}
+
+.model a {
+  margin: 2px;
+}
+
+.model li:first-child a {
+  margin-left:0;
+}
+
+#sidebar ul li li {
+  width:50%;
+}
+
+#sidebar ul li a.active,
+#more-info ol li a.active {
+  background-color:rgba(255,255,255,0.1);
+}
+
+#sidebar ul li a:hover,
+#more-info ol li a:hover,
+.model a:hover {
+  background-color:rgba(255,255,255,0.2);
+  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
+}
+
+#more-info {
+  min-width:240px;
+  width:240px;
+}
+
+#sidebar {
+  min-width:320px;
+  width:320px;
+}
+
+footer {
+  text-align:right;
+  margin:12px;
+}
+
--- a/public/favicon.png
+++ b/public/favicon.png
--- a/personnages/talents.md
+++ b/personnages/talents.md
--- a/public/img/cc-by-sa.png
+++ b/public/img/cc-by-sa.png
--- a/public/img/dark-b10.png
+++ b/public/img/dark-b10.png
--- a/public/img/erratu18.png
+++ b/public/img/erratu18.png
--- a/public/img/logo.png
+++ b/public/img/logo.png