chore: amelioration page d'accueil

_data/fiches.json

@@ -0,0 +1,7 @@
+[
+  {"title":"Fiche de Personnage", "path":"personnage"},
+  {"title":"Fiche de PNJ", "path":"pnj"},
+  {"title":"Fiche de Créature", "path":"creature"},
+  {"title":"Fiche de Suiveur", "path":"suiveur"},
+  {"title":"Fiche de Véhicule", "path":"vehicule"}
+]

_includes/layouts/base.njk

@@ -1,18 +0,0 @@
----
-layout: layouts/parent.njk
----
-
-<h1>{{ eleventyNavigation.key }}</h1>
-
-<aside>
-  <div id="more-info">
-  <h2>Sommaire</h2>
-  {{ content | toc | safe }}
-  </div>
-</aside>
-
-<main id="skip">
-  <div>
-    {{ content | safe }}
-  </div>
-</main>

_includes/layouts/home.njk

@@ -1,8 +0,0 @@
----
-layout: layouts/parent.njk
----
-<main id="skip">
-  <div>
-    {{ content | safe }}
-  </div>
-</main>

_includes/layouts/layout.njk

@@ -32,9 +32,22 @@
 		</nav>
 
 		<div class="wrapper">
-		  {{ content | safe }}
+		  <h1>{{ eleventyNavigation.key }}</h1>
 
-			<footer><a href="https://quarante-douze.net/"><img src="/img/qdouze.gif" alt="" /><span class="visually-hidden">Site hébergé par Fanstuff Garden.</span></a>  <a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="/img/cc-by-sa.png" alt="" /><span class="visually-hidden">Tout le contenu de cette page est sous licence Creatve Common Attribution - Partage à l'identique.</span></a></footer>
+			<aside>
+				<div id="more-info">
+				<h2>Sommaire</h2>
+				{{ content | toc | safe }}
+				</div>
+			</aside>
+
+			<main id="skip">
+				<div>
+					{{ content | safe }}
+				</div>
+			</main>
+
+			<footer><a href="https://kazhnuz.space/"><img src="/img/kspace.gif" alt="" /><span class="visually-hidden">Site créé par Kazhnuz.</span></a>  <a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="/img/cc-by-sa.png" alt="" /><span class="visually-hidden">Tout le contenu de cette page est sous licence Creatve Common Attribution - Partage à l'identique.</span></a></footer>
 		</div>
 
 

_includes/layouts/post.njk

@@ -1,28 +0,0 @@
----
-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 %}

content/about.md

@@ -1,11 +0,0 @@
-# À propos
-
-Pélican est un système générique 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, se basant sur les dés les plus générique d’un rôliste. Il vise plutôt les débutants dans le JDR, et/ou ceux qui veulent ne pas se prendre la tête avec de nombreux calculs. Il provient en grande partie de ma frustration avec des systèmes comme celui de Pathfinder ou de tout les systèmes D6, qui n'étaient pas adapté à mes besoins.
-
-Il est à noter que toutes les règles dans ces pages doivent être vu comme servant avant tout à servir la construction d'une histoire, et le RP.
-
-Pourquoi cette page ? Et bien, faisant un petit JDR 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 commencé à me dire que toute possibilité de moins avoir à réfléchir étant la plus belle chose qui pouvait m'arriver. En plus, je voulais m'entrainer à dev sous vue3 (la technologie utilisée pour générer ce site), et donc paf voilà le site de Pélican !
-
-Ce site vise donc à présenter les règles et les rendre facilement accessible et explorable, et présenter quelques un de mes JDR fait avec pour des campagnes homebrew.

content/fiches.md

@@ -1,3 +0,0 @@
-# Fiches à télécharger
-
-Vous pourrez trouver sur cette page les différentes fiches de Pélican à télécharger. Elles sont disponible au format .odt et .pdf, pour permettre une utilisation à l'informatique ou en impression

content/index.md

@@ -1,16 +1,47 @@
 ---
-layout: layouts/home.njk
+layout: layouts/layout.njk
 eleventyNavigation:
-  key: Accueil
+  key: Pélican-JDR
   order: 0
 ---
 
-# Bienvenue sur le site de Pélican
-
 Pélican est un système générique 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, se basant sur les dés les plus générique d’un rôliste. Il ne s'agit cependant que d'une base de système, à partir de laquelle vous pourrez construire des systèmes adaptés à votre univers et vos concepts.
 
 Le système pélican à pour objectif de mettre en avant l'imagination et le RP plus que des règles complexes et un gameplay hyper peaufiné. Il vise à être simple à apprendre et à retenir, tout en offrant pas mal de cas de figure et possibilité. Il contient également des recommendation en terme de bienveillance envers les joueurs.
 
-Cette page vous donne accès au set de base et aux différents set de règle que j'ai fait pour mes différentes campagnes.
+Cette page vous donne accès au set de base qui peut être réutilisé pour créer différents JDR.
 
-Ce set de règle est fourni par [Kazhnuz](https://kazhnuz.space), avec certaines règles reprise des systèmes de mon groupe de JDR. Il est distribué sous la [Creative Common BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/).
+## Fiches à télécharger
+
+Vous pourrez trouver ici les différentes fiches de Pélican à télécharger. Elles sont disponible au format .odt et .pdf, pour permettre une utilisation à l'informatique ou en impression :
+
+<ul>
+  {%- for fiche in fiches %}
+    <li>
+      <strong>{{ fiche.title }} : </strong>
+      <a href="/download/fiche-{{ fiche.path }}.pdf" title="Télécharger au format pdf">pdf</a>, 
+      <a href="/download/fiche-{{ fiche.path }}.odt" title="Télécharger au format odt">odt</a>
+      </li>
+  {%- endfor %}
+</ul>
+
+## JDR utilisant ce système
+
+J'ai réalisé ou en projet quelques JDR qui vont utilisé ce système, ou utilise une ancienne version de ce système. Pour l'instant, uniquement Erratum est disponible.
+
+- [Erratum](https://erratum.kazhnuz.space/) - JDR de fantasy urbaine, basé sur une ancienne version de ce système.
+- **Radiant Skies** - JDR de Light SF anthro, qui utilisera un système de classe fondé sur les compétences.
+- **Cartomancia** - JDR rogue-lite, ou vos perso meurent pour évoluer, et change d'espèce à chaque résurrection.
+- **Hackerfrost** - JDR cyberpunk avec ambiance "hacker"/"libre" se passant dans des bases antarctique.
+- **Solarcrowd** - JDR post-apo d'inspiration solarpunk où vous luttez contre l'oppression dans une communauté unis.
+- **Sonic Ring World** - Projet de fan-JDR Sonic, inspiré des différents éléments du canon actuel.
+
+## Crédit et licence
+
+Ce set de règle est fourni par [Kazhnuz](https://kazhnuz.space). Il est distribué sous la [Creative Common BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/).
+
+Des éléments sont repris des systèmes suivants :
+
+- Inspiration globale du système BASIC
+- Éléments de JDR repris des systèmes de mes potes mdupoignard, Alexandre, Samuel, etc.
+- Site réalisé sous Eleventy

public/css/index.css

@@ -127,13 +127,16 @@ header {
   justify-content: center;
 }
 
-h1 {
+h1, h2, h3, h4, h5, h6 {
   color: var(--text-color-title);
   font-family: var(--font-family-title);
-  font-size: 3rem;
   line-height: 1;
 }
 
+h1 {
+  font-size: 3rem;
+}
+
 header h1 {
   text-align: center;
 }