fix: style alerte

content/rules/combat.md

@@ -88,8 +88,12 @@ Il y a deux manière de réduire les dégats d'une attaque (hors compétence sp
 
 En cas d'échec critique, les effets de l'attaque de l'ennemi sont doublés.
 
+<div class="well">
+
 **Note :** Un encaissement complet élimine aussi les blessures.
 
+</div>
+
 ## Soigner
 
 Il existe plusieurs moyens de soigner les autres personnages, ce qui passera plus par des compétences de classes. Il peut exister plusieurs grands types de soins : ceux qui soignent des *blessures*, ceux qui soignent des PV/PM et ceux qui soignent des afflictions.
@@ -134,7 +138,7 @@ Les postures de combats sont des postures qui permettent au personnage de modifi
 
 ## Confrontations sociales
 
-<div class="well">
+<div class="well warning">
 
 **Attention:** Dans ce type de combat, les soins ne fonctionnent pas, hors exception.
 

content/rules/index.md

@@ -47,7 +47,11 @@ Il existe en plus de cela une troisième statistique qui peut affecter le jeu, l
 
 Le résultat *in-RP* d'un échec ou d'une réussite critique est à la discretion du MJ, et peut avoir des conséquences imprévues (c'est plus rigolo).
 
-*Note : le minimum de pression est 1, sauf compétence particulière*
+<div class="well">
+
+**Note :** le minimum de pression est 1, sauf compétence particulière.
+
+</div>
 
 ### Niveaux de réussite
 
@@ -72,8 +76,11 @@ Le maitre du jeu peut modifier la difficulté d'une action de la manière suivan
 
 ## Confrontation et classements
 
-> **Note :**
+<div class="well">
-> En cas d’égalité du nombre de réussite, s’il y a vraiment un besoin de déterminer un gagnant et un perdant, le joueur avec l’unité la plus faible est gagnant. Si jamais il y a tout de même égalité, on rejette un d100, et le plus petit score gagne.
+
+**Note :** En cas d’égalité du nombre de réussite, s’il y a vraiment un besoin de déterminer un gagnant et un perdant, le joueur avec l’unité la plus faible est gagnant. Si jamais il y a tout de même égalité, on rejette un d100, et le plus petit score gagne.
+
+</div>
 
 Lorsque deux personnages font des actions qui s’opposent, ils font **une confrontation de dés**. Pour savoir qui l’emporte, on calcule le niveau de réussite de chaque action, et on compare celui qui réussi le mieux l’action. Par exemple, si un perso P1 fait un jet de réussite à 2 niveaux de réussite, et un adversaire à 1, c’est P1 qui gagne.
 

content/rules/personnages.md

@@ -57,8 +57,11 @@ La pression est la statistique de base indiquant le pourcentage d'échec et de r
 
 ## Compétences
 
-> **Attention :**
+<div class="well warning">
-> Les compétences doivent avoir un aspect RP (par exemple en s'étant essayé à cela durant les partie).
+
+**Attention :** Les compétences doivent avoir un aspect RP (par exemple en s'étant essayé à cela durant les partie).
+
+</div>
 
 Les compétences sont le coeur de Pélican, servant a effectuer les actions, avec l'aide des statistique. Une compétence est une représentation générique d'une action ou d'un domaine d'activité. Les actions n'ayant pas besoin de compétence utilisent uniquement leur statistique. Une action commence à +0 de bonus, et augmente de 10 en 10 jusqu'à la limite possible à ce moment dans le JDR.
 

package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "pelican-jdr",
-	"version": "0.2.0",
+	"version": "0.3.0",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "pelican-jdr",
-			"version": "0.2.0",
+			"version": "0.3.0",
 			"license": "CC BY-SA",
 			"dependencies": {
 				"eleventy-plugin-toc": "^1.1.5"

public/css/index.css

@@ -318,6 +318,16 @@ iframe {
   display: none;
 }
 
+.well {
+  padding: .25rem 1.5rem;
+  background-color: rgba(24, 100, 171, .1);
+  border-radius: 8px;
+}
+
+.well.warning {
+  background-color:rgba(201, 42, 42, .1);
+}
+
 @media screen and (max-width: 1300px) {
   .wrapper {
     margin-left: var(--sidebar-width);
@@ -430,21 +440,31 @@ hgroup h1 img {
 }
 
 table {
-  border-collapse: separate;
+  border-collapse: collapse;
   width:100%;
   border:0;
-  border-spacing: 3px;
 }
 
 table.centered th, table.centered td {
   text-align: center;
 }
 
-tr, th, td {
+th, td {
   border:0;
 }
 
-th, td {
+tr:hover {
   background-color: #eee8d5;
+}
+
+tr {
+  border-bottom: 1px solid rgba(0,0,0,0.1);
+}
+
+thead tr {
+  border-bottom: 3px solid rgba(0,0,0,0.1);
+}
+
+th, td {
   padding:.33rem .66rem;
 }