From c8066906f20035e1285dd180c8986839d005f733 Mon Sep 17 00:00:00 2001 From: Camilledenoray Date: Tue, 9 Jun 2026 16:36:12 +0200 Subject: [PATCH] save before redesign mobile nav --- assets/css/src/_main.scss | 15 +++++-- assets/css/src/_mobile.scss | 45 +++++++++++++++++++-- assets/css/style.css | 65 +++++++++++++++++++++++++------ assets/css/style.css.map | 2 +- assets/images/._close-cursor.svg | Bin 4096 -> 4096 bytes assets/js/mobile-menu-toggle.js | 15 +++++++ assets/js/project-slideshow.js | 4 +- site/snippets/mobile-menu.php | 22 +++++------ site/templates/index.php | 1 + 9 files changed, 135 insertions(+), 34 deletions(-) create mode 100644 assets/js/mobile-menu-toggle.js diff --git a/assets/css/src/_main.scss b/assets/css/src/_main.scss index 9ebfc40..b08f8f8 100644 --- a/assets/css/src/_main.scss +++ b/assets/css/src/_main.scss @@ -2,7 +2,8 @@ @font-face { font-family: "neue-haas-grotesk-display"; - src: url("https://use.typekit.net/af/174ae3/00000000000000007735bb5a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") + src: + url("https://use.typekit.net/af/174ae3/00000000000000007735bb5a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/174ae3/00000000000000007735bb5a/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), @@ -16,7 +17,8 @@ @font-face { font-family: "neue-haas-grotesk-display"; - src: url("https://use.typekit.net/af/db1ce7/00000000000000007735bb5e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") + src: + url("https://use.typekit.net/af/db1ce7/00000000000000007735bb5e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/db1ce7/00000000000000007735bb5e/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), @@ -103,6 +105,10 @@ ul { z-index: 0; } +#mobile-menu { + display: none; +} + /* PROJECT SLIDESHOW */ .project-slideshow { @@ -269,8 +275,9 @@ button.next { display: grid; grid-template-columns: calc(3 / 6 * var(--index-width) - var(--body-margin)) - calc(2 / 6 * var(--index-width) - var(--body-margin)) calc(1 / 6 * - var(--index-width) - var(--body-margin)); + calc(2 / 6 * var(--index-width) - var(--body-margin)) calc( + 1 / 6 * var(--index-width) - var(--body-margin) + ); gap: var(--body-margin); pointer-events: all; padding-bottom: var(--line-height-S); diff --git a/assets/css/src/_mobile.scss b/assets/css/src/_mobile.scss index b6b969f..67c2aac 100644 --- a/assets/css/src/_mobile.scss +++ b/assets/css/src/_mobile.scss @@ -122,21 +122,58 @@ display: none; } - .mobile-menu { - display: flex; - z-index: 2; + #mobile-menu { + z-index: 3; + position: fixed; + inset: 0; + display: block; + pointer-events: none; + ul { font-size: var(--font-size-L); a { text-decoration: none; } } - .toggle-mobile-menu { + #mobile-menu-toggle { pointer-events: none; + font-size: var(--font-size-XL); + width: 100%; + position: absolute; + bottom: 0; + height: var(--font-size-XL); + line-height: var(--font-size-XL); + display: flex; + justify-content: center; + z-index: 1; span { pointer-events: all; + height: fit-content; } } + #mobile-menu-content { + display: none; + justify-content: center; + align-items: center; + inset: 0; + position: absolute; + pointer-events: all; + ul, + h1 { + z-index: 1; + } + .backdrop { + inset: 0; + background-color: white; + opacity: calc(1 - var(--low-opacity)); + position: absolute; + z-index: 0; + cursor: pointer; + } + } + #mobile-menu-content.visible { + display: flex; + } } header:hover ~ main { diff --git a/assets/css/style.css b/assets/css/style.css index fe054c5..766f5ad 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -106,6 +106,10 @@ ul { z-index: 0; } +#mobile-menu { + display: none; +} + /* PROJECT SLIDESHOW */ .project-slideshow { width: -moz-fit-content; @@ -719,21 +723,58 @@ body[data-template=index] .projects-index li section.toggle .project-slideshow p .main-menu { display: none; } - .mobile-menu { - display: flex; - z-index: 2; - } - .mobile-menu ul { - font-size: var(--font-size-L); - } - .mobile-menu ul a { - text-decoration: none; - } - .mobile-menu .toggle-mobile-menu { + #mobile-menu { + z-index: 3; + position: fixed; + inset: 0; + display: block; pointer-events: none; } - .mobile-menu .toggle-mobile-menu span { + #mobile-menu ul { + font-size: var(--font-size-L); + } + #mobile-menu ul a { + text-decoration: none; + } + #mobile-menu #mobile-menu-toggle { + pointer-events: none; + font-size: var(--font-size-XL); + width: 100%; + position: absolute; + bottom: 0; + height: var(--font-size-XL); + line-height: var(--font-size-XL); + display: flex; + justify-content: center; + z-index: 1; + } + #mobile-menu #mobile-menu-toggle span { pointer-events: all; + height: -moz-fit-content; + height: fit-content; + } + #mobile-menu #mobile-menu-content { + display: none; + justify-content: center; + align-items: center; + inset: 0; + position: absolute; + pointer-events: all; + } + #mobile-menu #mobile-menu-content ul, + #mobile-menu #mobile-menu-content h1 { + z-index: 1; + } + #mobile-menu #mobile-menu-content .backdrop { + inset: 0; + background-color: white; + opacity: calc(1 - var(--low-opacity)); + position: absolute; + z-index: 0; + cursor: pointer; + } + #mobile-menu #mobile-menu-content.visible { + display: flex; } header:hover ~ main { opacity: 1; diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 68158b5..551c4e5 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/_main.scss","src/_reset.scss","style.css","src/_nav.scss","src/_home.scss","src/_index.scss","src/_mobile.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["src/_main.scss","src/_reset.scss","style.css","src/_nav.scss","src/_home.scss","src/_index.scss","src/_mobile.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/images/._close-cursor.svg b/assets/images/._close-cursor.svg index 5fb2496ea25d91599e82e1477c64c6789b6a812c..6bc1ceedf5cc392413d227364fb208a19ea7a221 100644 GIT binary patch delta 25 fcmZorXi(Tt$;i`Tte(XH1YBufr8c)RR`US>TxbUb delta 25 fcmZorXi(Tt$;i`ki7$%*2uf#PW8d7$Sj`6jXuSvY diff --git a/assets/js/mobile-menu-toggle.js b/assets/js/mobile-menu-toggle.js new file mode 100644 index 0000000..bdefeba --- /dev/null +++ b/assets/js/mobile-menu-toggle.js @@ -0,0 +1,15 @@ +document.addEventListener("DOMContentLoaded", () => { + const mobileMenuToggle = document.querySelector("button#mobile-menu-toggle"); + const mobileMenuContent = document.querySelector("#mobile-menu-content"); + const mobileMenuBackdrop = document.querySelector( + "#mobile-menu-content > .backdrop", + ); + + mobileMenuToggle.addEventListener("click", () => { + mobileMenuContent.classList.toggle("visible"); + }); + + mobileMenuBackdrop.addEventListener("click", () => { + mobileMenuContent.classList.remove("visible"); + }); +}); diff --git a/assets/js/project-slideshow.js b/assets/js/project-slideshow.js index 71fc37f..65420db 100644 --- a/assets/js/project-slideshow.js +++ b/assets/js/project-slideshow.js @@ -4,7 +4,9 @@ document.addEventListener("DOMContentLoaded", () => { nextButtons.forEach((nextButton) => { nextButton.addEventListener("click", () => { - const activePicture = nextButton.closest(".project-slideshow").querySelector("picture.active"); + const activePicture = nextButton + .closest(".project-slideshow") + .querySelector("picture.active"); const targetPicture = activePicture.nextElementSibling && activePicture.nextElementSibling.tagName === "PICTURE" diff --git a/site/snippets/mobile-menu.php b/site/snippets/mobile-menu.php index e8ebeef..f0accd4 100644 --- a/site/snippets/mobile-menu.php +++ b/site/snippets/mobile-menu.php @@ -1,12 +1,12 @@ - - \ No newline at end of file + \ No newline at end of file diff --git a/site/templates/index.php b/site/templates/index.php index 2d4cfae..805e6fa 100644 --- a/site/templates/index.php +++ b/site/templates/index.php @@ -52,5 +52,6 @@ +