wait #7526 @0.5

diff --git a/style/100-global.sass b/style/100-global.sass
index 1d9b3544538fe8bdec8b0b656b0c038694b4a5e5..ea1aa71072466deaac9aea86a4d781f9a4e6cf78 100644 (file)
--- 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 227060f75119d8254e51ccac773b924303fa2db7..812418462cb3a5f03a242a7b5d787652125a25d5 100644 (file)
--- 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 993f241ae48e4b276ffbb78389f46058563b6483..094b79af998f4d75b5b1c75f27b0dd16f0f8b7f9 100644 (file)
--- 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>