ajoute les astérisques

assets/sass/main.scss

@@ -121,12 +121,18 @@ nav ul {
           margin-left: 1rem;
         }
         h2 {
-          font-size: 1rem;
+          font-size: 1.25rem;
           font-weight: normal;
         }
       }
     }
 
+    .asterisque {
+      font-size: 0.85rem;
+      font-style: italic;
+      margin: 0 2rem 0.75rem 4rem;
+    }
+
     .reponses {
       display: flex;
       flex-direction: column;

content/cartes/carte03.md

@@ -1,6 +1,7 @@
 ---
 id: 3
-question: Lors d’une partie sur ton jeu préféré, quelqu’un souhaite t’offrir des skins, des cadeaux* ou de l’argent virtuel.
+question: |
+  Lors d’une partie sur ton jeu préféré, quelqu’un souhaite t’offrir des skins, des cadeaux<sup>*</sup> ou de l’argent virtuel.
 asterisque: Une nouvelle tenue, de nouveaux accessoires ou des objets exclusifs pour ton personnage.
 image: images/800x800-002.png
 symboles:

content/cartes/carte07.md

@@ -1,6 +1,6 @@
 ---
 id: 7
-question: Tu lis un manga ou tu regardes un animé sur Internet et un contenu choquant apparaît*.
+question: Tu lis un manga ou tu regardes un animé sur Internet et un contenu choquant apparaît<sup>*</sup>.
 asterisque: Image violente, effrayante ou à caractère sexuel.
 image: images/800x800-006.png
 symboles:

hugo.toml

@@ -2,3 +2,6 @@ baseURL = 'https://cyberprudence.ut7.fr/'
 languageCode = 'fr-fr'
 title = 'Permis de cyberprudence'
 disableKinds = ['taxonomy']
+
+[markup.goldmark.renderer]
+unsafe= true

layouts/partials/carte.html

@@ -7,7 +7,7 @@
         </div>
         <div class="titre">
             <div class="numero"></div>
-            <h2>{{ .Params.Question }}</h2>
+            <h2>{{ .Params.Question | markdownify }}</h2>
         </div>
     </div>
     <ul class="reponses">
@@ -25,4 +25,7 @@ <h2>{{ .Params.Question }}</h2>
         </li>
         {{ end }}
     </ul>
+    {{ if .Params.Asterisque }}
+    <div class="asterisque"><sup>*</sup>{{ .Params.Asterisque }}</div>
+    {{ end }}
 </div>