Création et implémentation d'une snackbar

templates/html/documentation.gohtml

@@ -17,7 +17,6 @@
             {{ $bucket_display_name := .DisplayName }}
             <details class="documentationCategorie">
             <summary class="documentationDescription">{{ $bucket_display_name }}</summary>
-            
             <ul class="documentationListe">
             {{ range .Documents }}
                 <a class ="documentationLien" href="/public/documentation/{{ $bucket_name }}/{{ . }}"><li class="documentationDocument">{{ . }}</li></a>
@@ -27,6 +26,7 @@
           {{ end }}
         </p>
       </div>
+      {{ template "snackbar-html" }}   
     </body>
   </html>
 {{ end }}

templates/html/index.gohtml

@@ -13,6 +13,7 @@
         <h1 class="heading1">AGECEM</h1>
         <h2 class="heading2">Association Générale Étudiante du Cégep Édouard-Montpetit</h2>
       </div>
+      {{ template "snackbar-html" }}      
     </body>
   </html>
 {{ end }}

templates/html/snackbar.gohtml

@@ -0,0 +1,15 @@
+{{ define "snackbar-html" }}
+    <link rel="stylesheet" href="/public/css/snackbar.css">
+    <script>
+        function closeSnackbar() {
+            var snackbar = document.querySelector(".snackbar");
+            snackbar.classList.add('snackbar-is-closed');
+            }
+    </script>
+    <div class="snackbar">
+        <div class="wrapper snackbarWrapper">
+            <span class="snackbarTexte">Ce site web est présentement en construction.</span>
+            <img src="/public/icones/fermer.svg" class="snackbarFermer" onclick="closeSnackbar()"></img>
+        </div>
+    </div>
+{{ end }}

templates/html/vie-etudiante.gohtml

@@ -11,6 +11,7 @@
       <div class="wrapper vieEtudianteWrapper">
         <h1 class="heading1">Vie étudiante</h1>
       </div>
+      {{ template "snackbar-html" }}   
     </body>
   </html>
 {{ end }}