diff --git a/public/css/general.css b/public/css/general.css index 6bf1412..23ea8f6 100644 --- a/public/css/general.css +++ b/public/css/general.css @@ -1,55 +1,4 @@ -/* 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; -} - -*, -*:before, -*:after { - box-sizing: inherit; -} - -img { - max-width: 100%; -} - -body{ - margin: 0; -} - -.wrapper { - max-width: 375px; - width: calc(100% - var(5px)); - margin: 0 auto; -} - -@media screen and (min-width: 768px) { - .wrapper{ - max-width: 768px; - width: calc(100% - var(15px)); - - } -} - -@media screen and (min-width: 1140px) { - .wrapper{ -max-width: 1140px; -width: calc(100% - var(30px)); -} -} - -/*Utilisation du css Layout Grid pour faire le wrapper*/ -.grid-wrapper { - display: grid; - grid-template-columns: auto minmax(375px, 1440px) auto; - grid-column-gap: 30px; -} - -.grid-center { - grid-column: 2/3; -} .heading1 { font-family: "Poppins"; diff --git a/public/css/header.css b/public/css/header.css index 5192eed..809e914 100644 --- a/public/css/header.css +++ b/public/css/header.css @@ -1,17 +1,5 @@ .header { - position: fixed; - z-index: 20; width: 100%; - top: 0; - background-color: #fff; - } - - .headerWrapper{ - display: flex; - flex-flow: row; - align-items: center; - justify-content: space-between; - padding: 5px; } a{ @@ -31,7 +19,6 @@ text-decoration: none; list-style: none; font-style: none; display: none; - width: 100%; } .headerMenuElement{ @@ -60,7 +47,7 @@ text-decoration: none; } - @media screen and (min-width: 778px) { + @media screen and (min-width: 576px) { .headerMenu{ display: none; } @@ -70,7 +57,7 @@ text-decoration: none; } /* Les éléments du header s'affichent pour le breakpoint ordinateur */ - @media screen and (min-width: 1140px) { + @media screen and (min-width: 1024px) { .headerMenu{ display: flex; flex-flow: row; diff --git a/public/icones/agecem-logo.svg b/public/icones/agecem-logo.svg deleted file mode 100644 index f6bc9ee..0000000 --- a/public/icones/agecem-logo.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/public/icones/hamburger-menu.svg b/public/icones/hamburger-menu.svg index 2fc43ca..795a610 100644 --- a/public/icones/hamburger-menu.svg +++ b/public/icones/hamburger-menu.svg @@ -1,10 +1 @@ - - - - - - - - - - + \ No newline at end of file diff --git a/public/js/header.js b/public/js/header.js deleted file mode 100644 index e69de29..0000000 diff --git a/public/js/index.js b/public/js/index.js index e228e99..e69de29 100644 --- a/public/js/index.js +++ b/public/js/index.js @@ -1,23 +0,0 @@ -/** Création et exportation de la classe Header */ -export default 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'); - } - - } \ No newline at end of file diff --git a/templates/html/header.gohtml b/templates/html/header.gohtml index 995884c..9079cc2 100644 --- a/templates/html/header.gohtml +++ b/templates/html/header.gohtml @@ -1,16 +1,13 @@ {{ define "header-html" }}
-
- + - -
+