From 6eda4ccf1bd14b78d021225ef3323641605893fc Mon Sep 17 00:00:00 2001
From: Alexel <themanwhocoulddividebyzero@gmail.com>
Date: Mon, 14 Aug 2023 14:56:07 -0400
Subject: [PATCH] =?UTF-8?q?Style=20pour=20les=20liens=20et=20retrait=20d'?=
 =?UTF-8?q?=C3=A9l=C3=A9ments=20du=20menu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/header.css        | 38 ++++++++++++++++++++++--------------
 templates/html/header.gohtml |  7 ++-----
 2 files changed, 25 insertions(+), 20 deletions(-)

diff --git a/public/css/header.css b/public/css/header.css
index 396f79d..809e914 100644
--- a/public/css/header.css
+++ b/public/css/header.css
@@ -2,48 +2,53 @@
     width: 100%;
     }
 
+    a{
+color: #000;
+text-decoration: none;
+    }
+    a:visited{
+        color: #000;
+        text-decoration: none; 
+    }
+
 .headerMenu {
     font-family: "Poppins";
     font-weight: 400; /*regular*/ 
     font-size: 1.25rem; /*20px*/
-    color: #394596;  /*Noir pur*/
-    display: flex;
-    flex-flow: row;
-    justify-content: space-around;
-    align-items: center;
+    color: #000;  /*Noir pur*/
     list-style: none;
-    
+    font-style: none;
+    display: none;
     }
 
     .headerMenuElement{
-
+        padding-bottom: 5px;
     }
 
 .headerMenuElement:hover {
     border-bottom: 5px #FF563C solid; /*Orange Highlight*/
     cursor: pointer;
+    padding-bottom: 0;
     }
 
     .headerMenuHamburger{
         fill: #394596;
-        height: 100px;
-        width: 100px;
+        height: 50px;
+        width: 50px;
   
 
     }
 
     /* Le header s'affiche en menu hamburger pour les breakpoints téléphone et tablette */
 
-    .headerMenuElement{
-        display: none;
-    }
+ 
     .headerMenuHamburger{
         display: block;
     }
   
 
   @media screen and (min-width: 576px) {
-     .headerMenuElement{
+     .headerMenu{
         display: none; 
     }
     .headerMenuHamburger{
@@ -53,8 +58,11 @@
 
       /* Les éléments du header s'affichent pour le breakpoint ordinateur */
   @media screen and (min-width: 1024px) {
-    .headerMenuElement{
-        display: block;      
+    .headerMenu{
+        display: flex;
+        flex-flow: row;
+        justify-content: space-around;
+        align-items: center;      
     }
     .headerMenuHamburger{
         display: none;
diff --git a/templates/html/header.gohtml b/templates/html/header.gohtml
index 443bbf4..9079cc2 100644
--- a/templates/html/header.gohtml
+++ b/templates/html/header.gohtml
@@ -1,14 +1,11 @@
 {{ define "header-html" }}
     <link rel="stylesheet" href="/public/css/header.css">
 <div class="header">   
+        <a class="headerLink" href="/"><img class="headerMenuHamburger" src="/public/icones/hamburger-menu.svg"></img></a>
     <ul class="headerMenu">
-        <li><a class="headerLink" href="/"><img class="headerMenuHamburger" src="/public/icones/hamburger-menu.svg"></img></a></li>
-        <li class="headerMenuElement"><a href="/">index</a></li>
-        <li class="headerMenuElement"><a href="/a-propos">À propos</a></li>
-        <li class="headerMenuElement"><a href="/actualite">Actualité</a></li>
+        <li class="headerMenuElement"><a href="/">AGECEM</a></li>
         <li class="headerMenuElement"><a href="/vie-etudiante">Vie étudiante</a></li>
         <li class="headerMenuElement"><a href="/documentation">Documentation</a></li>
-        <li class="headerMenuElement"><a href="/formulaires">Formulaires</a></li>
         <li class="headerMenuElement"><a href="/admin">admin</a></li>
     </ul>
 </div>