formattage du code gohtml et css

public/css/fonts.css

@@ -16,7 +16,6 @@
     font-style: italic;
 }
 
-
 @font-face {
     font-family: "Poppins";
     src: url('/public/fonts/Poppins/poppins-extralight.woff2') format('woff2'),
@@ -44,7 +43,6 @@
     font-style: normal;
 }
 
-
 @font-face {
     font-family: "Poppins";
     src: url('/public/fonts/Poppins/poppins-light-italic.woff2') format('woff2'),
@@ -106,7 +104,6 @@
         url('/public/fonts/Poppins/poppins-semibold-italic.otf') format('otf');
     font-weight: 600;
     font-style: italic;
-
 }
 
 @font-face {
@@ -116,7 +113,6 @@
         url('/public/fonts/Poppins/poppins-bold.otf') format('otf');
     font-weight: 700;
     font-style: normal;
-
 }
 
 @font-face {
@@ -126,7 +122,6 @@
         url('/public/fonts/Poppins/poppins-bold-italic.otf') format('otf');
     font-weight: 700;
     font-style: italic;
-
 }
 
 @font-face {
@@ -136,10 +131,8 @@
         url('/public/fonts/Poppins/poppins-extrabold.otf') format('otf');
     font-weight: 800;
     font-style: normal;
-
 }
 
-
 @font-face {
     font-family: "Poppins";
     src: url('/public/fonts/Poppins/poppins-extrabold-italic.woff2') format('woff2'),

public/css/general.css

@@ -1,6 +1,3 @@
-/* La propriété CSS box-sizing définit la façon dont la hauteur et la largeur totale d'un élément est calculée (avec le modèle de boîte CSS).
-// Références: https://developer.mozilla.org/fr/docs/Web/CSS/box-sizing*/
-
 html {
     box-sizing: border-box;
 }
@@ -49,7 +46,6 @@ body {
 }
 
 @media screen and (min-width: 768px) {
-
     .wrapper {
         max-width: 768px;
         width: calc(100% - var(15px));
@@ -58,34 +54,17 @@ body {
     .heading1 {
         font-size: 4rem;
         /*64px*/
-        text-align: center;
     }
 
     .heading2 {
         font-size: 1.5rem;
         /*24px*/
-        text-align: center;
     }
-
 }
 
 @media screen and (min-width: 1140px) {
-
     .wrapper {
         max-width: 1140px;
         width: calc(100% - var(30px));
     }
-
-    .heading1 {
-        font-size: 4rem;
-        /*64px*/
-        text-align: center;
-    }
-
-    .heading2 {
-        font-size: 1.5rem;
-        /*24px*/
-        text-align: center;
-    }
-
 }

public/css/header.css

@@ -32,10 +32,7 @@ a:visited {
     /*regular*/
     font-size: 1.25rem;
     /*20px*/
-    color: #000;
-    /*Noir pur*/
     list-style: none;
-    font-style: none;
     display: none;
     width: 100%;
 }
@@ -52,10 +49,8 @@ a:visited {
 }
 
 .headerMenuHamburger {
-    fill: #394596;
     height: 50px;
     width: 50px;
-    display: block;
     cursor: pointer;
 }
 
@@ -63,19 +58,14 @@ a:visited {
     font-family: "Poppins";
     font-weight: 400;
     /*regular*/
-    font-size: 1.25rem;
+    font-size: 2rem;
-    /*20px*/
+    /*32px*/
-    color: #000;
-    /*Noir pur*/
     list-style: none;
-    font-style: none;
     display: none;
 }
 
 .nav-is-active {
     background-color: #fff;
-    font-size: 2rem;
-    /*32px*/
     display: flex;
     flex-flow: column;
     justify-content: space-around;
@@ -88,19 +78,10 @@ a:visited {
     margin: 0;
     padding-top: 200px;
     padding-bottom: 200px;
-
 }
 
 /* Le header s'affiche en menu hamburger pour les breakpoints téléphone et tablette */
 @media screen and (min-width: 778px) {
-    .headerMenu {
-        display: none;
-    }
-
-    .headerMenuHamburger {
-        display: block;
-    }
-
     .nav-is-active {
         font-size: 3rem;
         /*48px*/

public/js/index.js

@@ -1,23 +0,0 @@
-/** Création et exportation de la classe Header */
-class Header {
-  constructor(element) {
-    this.element = element;
-    this.html = document.documentElement;
-
-    this.init();
-  }
-
-  /**
-   * Méthode d'initialisation
-   */
-  init() {
-    const toggle = this.element.querySelector('.js-toggle');
-    toggle.addEventListener('click', this.onToggleNav.bind(this));
-
-  }
-  onToggleNav() {
-    // Enlever la classe .is-scrolling-down pour éviter les bugs si l'on fait défiler la page jsute après l'ouverture du menu
-    this.html.classList.toggle('nav-is-active');
-  }
-
-}

templates/html/admin-upload.gohtml

@@ -11,7 +11,6 @@
       <h1 class="heading1">Upload</h1>
       <form class="form adminUploadForm" action="/admin/documents/upload" method="post" enctype="multipart/form-data">
         <label class="formLabel" for="bucket">Type de document:</label>
-
         <select class="formSelect" name="bucket" id="bucket">
           <option class="formOption" value="proces-verbaux">Procès verbaux</option>
           <option class="formOption" value="politiques-et-reglements">Politiques et Règlements</option>

templates/html/documentation.gohtml

@@ -15,7 +15,6 @@
             {{ $bucket_name := .Name }}
             <details>
               <summary>{{ $bucket_name }}</summary>
-            
               <ul>
                 {{ range .Documents }}
                   <li> <a href="/public/documentation/{{ $bucket_name }}/{{ . }}">{{ . }}</a></li>

templates/html/general.gohtml

@@ -1,4 +1,11 @@
 {{ define "general-html" }}
     <link rel="stylesheet" href="/public/css/general.css">
     <link rel="stylesheet" href="/public/css/fonts.css">
+    <link rel="stylesheet" href="/public/css/header.css">
+    <script>
+        function onToggleNav() {
+            var menu = document.querySelector(".headerMenuMobile");
+            menu.classList.toggle('nav-is-active');
+        }
+    </script>
 {{ end }}

templates/html/header.gohtml

@@ -1,11 +1,4 @@
 {{ define "header-html" }}
-    <link rel="stylesheet" href="/public/css/header.css">
-    <script>
-        function  onToggleNav() {
-        var menu = document.querySelector(".headerMenuMobile");
-        menu.classList.toggle('nav-is-active');
-      }
-        </script>
     <div class="header">   
         <div class="wrapper headerWrapper">
             <a class="headerLink" href="/"><img class="headerMenuLogo" src="/public/icones/agecem-logo.svg"></img></a>
@@ -24,6 +17,4 @@
             <li class="headerMenuElement"><a href="/admin">admin</a></li>
         </ul>
     </div>
-
-
 {{ end }}