From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 13 May 2025 13:54:34 +0000 (+0200)
Subject: wait #7526 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=6d1e7a4a56b97b3dca4b82d66e45da415b84d6ad;p=fluidbook-toolbox-quiz.git

wait #7526 @0.5
---

diff --git a/style/100-global.sass b/style/100-global.sass
index 1d9b354..ea1aa71 100644
--- a/style/100-global.sass
+++ b/style/100-global.sass
@@ -63,6 +63,9 @@ a
     @extend .radius
     +font-size(20)
 
+    a
+        text-decoration: none
+
     &.primary
         background: radial-gradient(at 16% 6px, color.adjust($accent-color,$lightness: 20%) -7%, $accent-color 74%)
         box-shadow: 0 4px 6px rgba(0, 0, 0, .2)
diff --git a/style/101-header-footer.sass b/style/101-header-footer.sass
index 227060f..8124184 100644
--- a/style/101-header-footer.sass
+++ b/style/101-header-footer.sass
@@ -18,6 +18,7 @@ header
     text-align: center
     max-width: 62%
     margin: 0 auto
+
     *
         opacity: 0
 
@@ -48,9 +49,18 @@ header
         &.nok
             background-color: $nok-color
 
+    #titleQuestion
+        p
+            white-space: pre-line
+            strong
+                font-weight: 700
+            em
+                font-style: italic
+
     h1
         height: auto
         +font-size(24)
+
         &.small
             +font-size(18)
             line-height: 24px
@@ -81,6 +91,7 @@ header
 .m
     .header-question
         max-width: 100%
+
         .abovetitle
             +font-size(14)
 
diff --git a/views/header_question.blade.php b/views/header_question.blade.php
index 993f241..094b79a 100644
--- a/views/header_question.blade.php
+++ b/views/header_question.blade.php
@@ -23,17 +23,17 @@
     @if($question['type'] === "draganddrop")
         <h1 class="{{$h1class}}" id="titleQuestion">
             <span
-                class="only-desktop">{{$question['question']}}</span>
-            <span class="only-mobile">{{$__('Swipe up or down each card in the right container')}}{{__(': ')}}<br>{{$question['question']}}</span>
+                class="only-desktop">{!! $markdownToHTML($question['question']) !!}</span>
+            <span class="only-mobile">{{$__('Swipe up or down each card in the right container')}}{{__(': ')}}<br>{!! $markdownToHTML($question['question']) !!}</span>
         </h1>
         <h2 class="subtitle only-desktop">{{$__('Use arrow keys to move the cards to the corresponding zone')}}</h2>
     @elseif($question['type']==='match')
         <h1 id="titleQuestion">
-            {{$question['question']}}
+            {!! $markdownToHTML($question['question']) !!}
         </h1>
         <h2 class="subtitle"
             class="only-desktop">{{$__('When you feel the answer is appropriate, confirm the match to move on to the next question')}}</h2>
     @else
-        <h1 class="{{$h1class}}" id="titleQuestion">{{$question['question']}}</h1>
+        <h1 class="{{$h1class}}" id="titleQuestion">{!! $markdownToHTML($question['question']) !!}</h1>
     @endif
 </header>