Ajoute les icones sur la page comment réagir

assets/sass/comment_reagir.scss

@@ -1,6 +1,7 @@
 .comment-reagir {
     max-width: $petite-largeur;
     margin: 0 auto;
+    position: relative;
 
     h1 {
         font-family: Terminal-grotesque;
@@ -30,4 +31,40 @@
             }
         }
     }
+    li:last-child {
+        border: none;
+    }
+    .ordinateur {
+        svg {
+            width: 5rem;
+            height: 5rem;
+            path {
+                fill: $bleu;
+            }
+        }
+    }
+    @media (min-width: 690px) {
+        .ordinateur {
+            position: absolute;
+            left: 5rem;
+            transform: rotate(-15deg);
+        }
+    }
+    .bulles {
+        display: flex;
+        width: 100%;
+        justify-content: flex-end;
+        margin-top: -5rem;
+        svg {
+            width: 10rem;
+            height: 10rem;
+            transform: rotate(15deg);
+            path {
+                fill: $jaune;
+            }
+            path:first-child {
+                fill: $bleu;
+            }
+        }
+    }
 }

layouts/page/comment_reagir.html

@@ -1,5 +1,6 @@
 {{ define "main" }}
 <section class="{{ .Params.Class }}">
+  <span class="ordinateur">{{ partial "ordinateur.svg" }}</span>
   {{ .Content }}
   <ul class="situations">
     {{ range .Params.Situations }}
@@ -10,5 +11,6 @@
         </li>
     {{ end }}
   </ul>
+  <span class="bulles">{{ partial "bulles.svg" }}</span>
 </section>
 {{ end }}