diff --git a/assets/css/src/_generic.scss b/assets/css/src/_generic.scss index a402027..1f58e9e 100644 --- a/assets/css/src/_generic.scss +++ b/assets/css/src/_generic.scss @@ -25,3 +25,7 @@ .background-grey { background-color: var(--color-beige); } + +.mobile-only { + display: none; +} diff --git a/assets/css/src/_header.scss b/assets/css/src/_header.scss index 44a7206..a43708b 100644 --- a/assets/css/src/_header.scss +++ b/assets/css/src/_header.scss @@ -13,11 +13,6 @@ border-bottom: var(--border); border-radius: 0 0 var(--radius) var(--radius); - font-family: var(--font-sans-serif); - font-size: var(--font-size-L); - font-weight: 900; - text-align: center; - .logo-menu { font-family: var(--font-sans-serif); font-weight: 700; @@ -34,13 +29,16 @@ align-items: center; a { font-weight: 900; + font-family: var(--font-sans-serif); + font-size: max(2.8vw, 2rem); + text-align: center; } } li.characters { flex: 0 0 200px; justify-content: center; margin-right: 5vw; - margin-left: 2vw; + margin-left: 2rem; svg { width: var(--char-size); @@ -118,46 +116,46 @@ } } -@media (max-width: 700px) { - .main-header { - nav { - display: none; - opacity: 0; - } +// @media (max-width: 700px) { +// .main-header { +// nav { +// display: none; +// opacity: 0; +// } - &.open { - height: 100%; - transition-duration: 1s; - border-bottom: 0; - border-radius: 0; - .logo { - padding-top: 5vh; - margin-top: inherit; - display: block; - } - .card { - height: 100%; - } - } - &.open nav { - display: block; - opacity: 1; - transition-duration: 0.1s; - position: absolute; - width: 100%; - z-index: 1; - bottom: 0; - top: 50vh; - display: flex; - justify-content: space-around; - align-items: center; - font-size: 1.5em; - ul { - display: block; - } - } - button.toggle-nav { - display: block; - } - } -} +// &.open { +// height: 100%; +// transition-duration: 1s; +// border-bottom: 0; +// border-radius: 0; +// .logo { +// padding-top: 5vh; +// margin-top: inherit; +// display: block; +// } +// .card { +// height: 100%; +// } +// } +// &.open nav { +// display: block; +// opacity: 1; +// transition-duration: 0.1s; +// position: absolute; +// width: 100%; +// z-index: 1; +// bottom: 0; +// top: 50vh; +// display: flex; +// justify-content: space-around; +// align-items: center; +// font-size: 1.5em; +// ul { +// display: block; +// } +// } +// button.toggle-nav { +// display: block; +// } +// } +// } diff --git a/assets/css/src/_responsive.scss b/assets/css/src/_responsive.scss new file mode 100644 index 0000000..7c3465b --- /dev/null +++ b/assets/css/src/_responsive.scss @@ -0,0 +1,69 @@ +@media screen and (max-width: 1200px) { + .mobile-only { + display: inherit; + } + [data-template="events"] { + main { + .events-grid-container { + .events-grid { + grid-template-columns: repeat(2, 1fr); + } + } + } + } +} + +@media screen and (max-width: 1000px) { + .main-header { + transition: height 0.3s var(--curve); + nav { + ul { + justify-content: center; + li { + &.characters { + margin: 0; + } + &:not(.characters) { + display: none; + } + } + } + } + + button.toggle-mobile-nav { + font-family: var(--font-sans-serif); + font-weight: bold; + text-transform: uppercase; + position: absolute; + font-size: 1rem; + top: 1rem; + right: 1rem; + } + + &.open { + height: 100vh; + } + } +} + +@media screen and (max-width: 800px) { + // TEMPLATES + [data-template="events"] { + main { + .events-grid-container { + padding: 0 1rem 4rem 1rem; + .events-grid { + grid-template-columns: repeat(1, 1fr); + } + } + } + } + + .view-buttons { + li { + button { + font-size: 1rem; + } + } + } +} diff --git a/assets/css/style.css b/assets/css/style.css index 63042e7..943f1ae 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -220,6 +220,10 @@ main { background-color: var(--color-beige); } +.mobile-only { + display: none; +} + .view-buttons { display: flex; gap: 4rem; @@ -254,10 +258,6 @@ main { border-left: var(--border); border-bottom: var(--border); border-radius: 0 0 var(--radius) var(--radius); - font-family: var(--font-sans-serif); - font-size: var(--font-size-L); - font-weight: 900; - text-align: center; } .main-header .logo-menu { font-family: var(--font-sans-serif); @@ -276,12 +276,15 @@ main { } .main-header nav ul li a { font-weight: 900; + font-family: var(--font-sans-serif); + font-size: max(2.8vw, 2rem); + text-align: center; } .main-header nav ul li.characters { flex: 0 0 200px; justify-content: center; margin-right: 5vw; - margin-left: 2vw; + margin-left: 2rem; } .main-header nav ul li.characters svg { width: var(--char-size); @@ -341,46 +344,6 @@ main { display: none; } -@media (max-width: 700px) { - .main-header nav { - display: none; - opacity: 0; - } - .main-header.open { - height: 100%; - transition-duration: 1s; - border-bottom: 0; - border-radius: 0; - } - .main-header.open .logo { - padding-top: 5vh; - margin-top: inherit; - display: block; - } - .main-header.open .card { - height: 100%; - } - .main-header.open nav { - display: block; - opacity: 1; - transition-duration: 0.1s; - position: absolute; - width: 100%; - z-index: 1; - bottom: 0; - top: 50vh; - display: flex; - justify-content: space-around; - align-items: center; - font-size: 1.5em; - } - .main-header.open nav ul { - display: block; - } - .main-header button.toggle-nav { - display: block; - } -} @keyframes flip { 0% { transform: rotateX(0deg); @@ -869,4 +832,50 @@ main { font-size: 0.7rem; text-transform: uppercase; letter-spacing: var(--letter-space-large); +} + +@media screen and (max-width: 1200px) { + .mobile-only { + display: inherit; + } + [data-template=events] main .events-grid-container .events-grid { + grid-template-columns: repeat(2, 1fr); + } +} +@media screen and (max-width: 1000px) { + .main-header { + transition: height 0.3s var(--curve); + } + .main-header nav ul { + justify-content: center; + } + .main-header nav ul li.characters { + margin: 0; + } + .main-header nav ul li:not(.characters) { + display: none; + } + .main-header button.toggle-mobile-nav { + font-family: var(--font-sans-serif); + font-weight: bold; + text-transform: uppercase; + position: absolute; + font-size: 1rem; + top: 1rem; + right: 1rem; + } + .main-header.open { + height: 100vh; + } +} +@media screen and (max-width: 800px) { + [data-template=events] main .events-grid-container { + padding: 0 1rem 4rem 1rem; + } + [data-template=events] main .events-grid-container .events-grid { + grid-template-columns: repeat(1, 1fr); + } + .view-buttons li button { + font-size: 1rem; + } }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 5068c73..f1f108b 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","src/_reset.scss","src/_fonts.scss","src/_variables.scss","src/_texts.scss","src/_global.scss","src/_generic.scss","src/_view-buttons.scss","src/_header.scss","src/pages/_home.scss","src/pages/_events.scss","src/pages/_event.scss","src/pages/_agenda.scss","src/_slideshow.scss","src/_footer.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","src/_reset.scss","src/_fonts.scss","src/_variables.scss","src/_texts.scss","src/_global.scss","src/_generic.scss","src/_view-buttons.scss","src/_header.scss","src/pages/_home.scss","src/pages/_events.scss","src/pages/_event.scss","src/pages/_agenda.scss","src/_slideshow.scss","src/_footer.scss","src/_responsive.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss index 220ebef..3db1029 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -12,3 +12,4 @@ @import "src/pages/agenda"; @import "src/slideshow"; @import "src/footer"; +@import "src/responsive"; diff --git a/assets/js/mobile-nav.js b/assets/js/mobile-nav.js new file mode 100644 index 0000000..540d6bf --- /dev/null +++ b/assets/js/mobile-nav.js @@ -0,0 +1,10 @@ +export function initMobileNav() { + const header = document.querySelector(".main-header"); + const toggleBtn = document.querySelector(".toggle-mobile-nav"); + + if (!header || !toggleBtn) return; + + toggleBtn.addEventListener("click", () => { + header.classList.toggle("open"); + }); +} diff --git a/assets/js/script.js b/assets/js/script.js index b747b71..522a638 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -6,54 +6,13 @@ import { Slideshow } from "./slideshow.js"; import { initRollOutfit } from "./characters/roll.js"; import { initMorphMouth } from "./characters/morphMouth.js"; import { initMorphEyes } from "./characters/morphEyes.js"; +import { initMobileNav } from "./mobile-nav.js"; document.addEventListener("DOMContentLoaded", () => { - const header = document.querySelector(".main-header"); const charactersWrapper = document.querySelector(".characters"); const svg = charactersWrapper?.querySelector("svg"); - let menuOpen = false; - let menuTransitioning = false; - - const toggleBtn = document.querySelector(".toggle-nav"); - - if (toggleBtn) { - function openMenu() { - menuOpen = true; - header.classList.add("menu-transitioning", "big"); - header.classList.add("open"); - toggleBtn.textContent = "fermer"; - document.body.style.overflow = "hidden"; - } - - function closeMenu() { - menuOpen = false; - menuTransitioning = true; - header.classList.remove("big"); - header.classList.remove("open"); - toggleBtn.textContent = "menu"; - document.body.style.overflow = ""; - setTimeout(() => { - header.classList.remove("menu-transitioning"); - menuTransitioning = false; - }, 500); - } - - toggleBtn.addEventListener("click", () => { - header.classList.contains("open") ? closeMenu() : openMenu(); - }); - - document.addEventListener("keydown", (event) => { - if (event.key === "Escape" && menuOpen) closeMenu(); - }); - - document.addEventListener("click", (event) => { - if (!menuOpen) return; - if (event.target.closest(".toggle-nav")) return; - if (!event.target.closest(".main-header")) closeMenu(); - }); - } - + initMobileNav(); initCharacterJump(); if (svg) initPupilTracking(svg); if (document.body.dataset.template !== "event") initCharactersResizeOnScroll(); diff --git a/site/snippets/header.php b/site/snippets/header.php index 9bb5bda..fdb8c46 100644 --- a/site/snippets/header.php +++ b/site/snippets/header.php @@ -27,5 +27,6 @@ +