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 @@
+