Rework fiches, jets de dés et CSS

modules/mournblade-cyd2-main.js

@@ -111,12 +111,43 @@ function welcomeMessage() {
   ChatMessage.create({
     user: game.user.id,
     whisper: [game.user.id],
-    content: `<div id="welcome-message-MournbladeCYD2"><span class="rdd-roll-part">
-    <strong>Bienvenue dans Mournblade CYD 2.0  !</strong>
-    <p>Les livres de Mournblade sont nécessaires pour jouer : https://www.titam-france.fr ainsi que le supplément de conversion de règle pour le CYD 2.0</p>
-    <p>Mournblade est un jeu de rôle publié par Titam France/Sombres projets, tous les droits leur appartiennent.</p>
-    <p>Système développé par LeRatierBretonnien, support sur le <a href="https://discord.gg/pPSDNJk">Discord FR de Foundry</a>.</p>
-    ` });
+    content: `<div class="mournblade-welcome-message">
+  <div class="welcome-header">
+    <div class="welcome-icon"><i class="fas fa-sword"></i></div>
+    <h2 class="welcome-title">Mournblade CYD 2.0</h2>
+    <div class="welcome-subtitle">Système FoundryVTT — Bienvenue !</div>
+  </div>
+  <div class="welcome-content">
+    <div class="welcome-section">
+      <div class="section-icon"><i class="fas fa-book-open"></i></div>
+      <div class="section-text">
+        <strong>Livres nécessaires</strong>
+        <p>Les livres de Mournblade sont nécessaires pour jouer. Supplément de conversion CYD 2.0 requis.</p>
+        <a class="welcome-link" href="https://www.titam-france.fr" target="_blank"><i class="fas fa-external-link-alt"></i>titam-france.fr</a>
+      </div>
+    </div>
+    <div class="welcome-section">
+      <div class="section-icon"><i class="fas fa-copyright"></i></div>
+      <div class="section-text">
+        <strong>Droits</strong>
+        <p>Mournblade est un jeu publié par Titam France / Sombres Projets, tous les droits leur appartiennent.</p>
+      </div>
+    </div>
+    <div class="welcome-section">
+      <div class="section-icon"><i class="fab fa-discord"></i></div>
+      <div class="section-text">
+        <strong>Support</strong>
+        <p>Système développé par LeRatierBretonnien.</p>
+        <a class="welcome-link" href="https://discord.gg/pPSDNJk" target="_blank"><i class="fab fa-discord"></i>Discord FR Foundry</a>
+      </div>
+    </div>
+  </div>
+  <div class="welcome-footer">
+    <i class="fas fa-dice-d20"></i>
+    <span>Bonne partie !</span>
+  </div>
+</div>`
+  });
 }
 
 /* -------------------------------------------- */