Ajoute une section 'attention' à la brochure enfants

ut7 · Nov 5, 2020 · 5f3b52f · 5f3b52f
1 parent 9a1359c
commit 5f3b52f
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 6 deletions.
diff --git a/assets/sass/brochure-enfants.scss b/assets/sass/brochure-enfants.scss
@@ -16,6 +16,14 @@
     margin-bottom: 5rem;
     max-width: 40rem;
     padding: 1rem 4.5rem 2rem 4.5rem;
+
+    .couverture {
+      margin-bottom: 5rem;
+    }
+
+    .icone {
+      width: 7rem;
+    }
   }
 
   h1, h2 {
@@ -27,11 +35,6 @@
 
     width: 100%;
 
-    .icone {
-      margin-top: 5rem;
-      width: 7rem;
-    }
-
     .titre {
       font-size: 3rem;
       margin-bottom: 0;
@@ -157,6 +160,16 @@
     }
   }
 
+  .section-attention {
+    width: 100%;
+    text-align: center;
+    .contenu {
+      width: 80%;
+      margin: auto;
+      font-size: 1.5rem;
+    }
+  }
+
   .section-conseils {
 
     h1 {

diff --git a/content/brochure/enfants.md b/content/brochure/enfants.md
@@ -216,7 +216,15 @@ resultats: >-
   situations dangereuses. Tu n'as pas peur de parler des choses qui te gênent.
   Bravo ! Tu as ton permis avec les félicitations du jury. Tu as même le droit
   de le faire passer à tes copains et copines !
+attention: |-
+  Attention, si tu subis ou si tu as subi déjà des violences sexuelles…  
 
+  Tu n'en avais jamais entendu parler ?  
+  Tu ne savais pas ce que c'était ?  
+
+  **Dis-le vite à quelqu'un qui t'écoute  
+  et qui peut t'aider !**
+image_attention: ../../uploads/attention-danger.jpg
 image_bravo: ../../uploads/enfants-12.jpg
 conseils:
   - Connais par coeur ton adresse et ton numéro de téléphone.

diff --git a/layouts/brochure/enfants.html b/layouts/brochure/enfants.html
@@ -22,8 +22,12 @@ <h1>{{ .Params.Titre_section_reponses }}</h1>
         <div class="resultats">{{ .Params.resultats | markdownify }}</div>
       </div>
     </section>
+    <section class="section-attention">
+      <img class="icone" src="{{ .Params.image_attention }}">
+      <div class="contenu">{{ .Params.attention | markdownify }}</div>
+    </section>
     <section class="section-bravo">
-      <img class="image" src="{{ .Params.Image_bravo }}">
+      <img class="image" src="{{ .Params.image_bravo }}">
     </section>
     <section class="section-conseils">
       <h1>Petits conseils de prudence</h1>

diff --git a/static/uploads/attention-danger.jpg b/static/uploads/attention-danger.jpg