From 11b52796e800a670bf6f3a76165d7dabf47ef9b1 Mon Sep 17 00:00:00 2001 From: isUnknown Date: Mon, 4 Nov 2024 14:16:16 +0100 Subject: [PATCH] #6 - debug logo anim --- assets/dist/script.min.js | 2 +- assets/dist/style.css | 24 +++++++++++++++++++++--- assets/js/script.js | 4 ++-- 3 files changed, 24 insertions(+), 6 deletions(-) diff --git a/assets/dist/script.min.js b/assets/dist/script.min.js index 8cc3e4a..448a293 100644 --- a/assets/dist/script.min.js +++ b/assets/dist/script.min.js @@ -1 +1 @@ -import{expandNav,closeNav,show}from"./functions.js";document.addEventListener("DOMContentLoaded",(()=>{const e={burgerBtn:document.querySelector(".burger-btn"),closeNavBtn:document.querySelector("#expanded-nav .close-btn"),expandedNav:document.querySelector("#expanded-nav"),main:document.querySelector("main"),footer:document.querySelector(".main-footer"),nav:document.querySelector(".main-nav"),jsLinks:document.querySelectorAll(".js-link")};setTimeout((()=>{e.images=document.querySelectorAll("img")}),0),e.burgerBtn.addEventListener("click",(()=>expandNav(e))),e.closeNavBtn.addEventListener("click",(()=>closeNav(e))),e.jsLinks.forEach((e=>{const n=e.dataset.href;e.addEventListener("click",(()=>location.href=n))})),setTimeout((()=>{e.images.forEach((e=>{e.complete?show(e):e.addEventListener("load",(()=>{show(e)}))}))}),50),window.addEventListener("keyup",(n=>{"Escape"===n.key&&closeNav(e)})),window.addEventListener("scroll",(n=>{e.expandedNav.classList.contains("open")&&closeNav(e),window.scrollY>120&!e.nav.classList.contains("main-nav--small")?e.nav.classList.add("main-nav--small"):window.scrollY<100&&e.nav.classList.remove("main-nav--small")}))})); \ No newline at end of file +import{expandNav,closeNav,show}from"./functions.js";document.addEventListener("DOMContentLoaded",(()=>{const e={burgerBtn:document.querySelector(".burger-btn"),closeNavBtn:document.querySelector("#expanded-nav .close-btn"),expandedNav:document.querySelector("#expanded-nav"),main:document.querySelector("main"),footer:document.querySelector(".main-footer"),nav:document.querySelector(".main-nav"),jsLinks:document.querySelectorAll(".js-link")};setTimeout((()=>{e.images=document.querySelectorAll("img")}),0),e.burgerBtn.addEventListener("click",(()=>expandNav(e))),e.closeNavBtn.addEventListener("click",(()=>closeNav(e))),e.jsLinks.forEach((e=>{const n=e.dataset.href;e.addEventListener("click",(()=>location.href=n))})),setTimeout((()=>{e.images.forEach((e=>{e.complete?show(e):e.addEventListener("load",(()=>{show(e)}))}))}),50),window.addEventListener("keyup",(n=>{"Escape"===n.key&&closeNav(e)})),window.addEventListener("scroll",(n=>{e.expandedNav.classList.contains("open")&&closeNav(e),window.scrollY>130&&!e.nav.classList.contains("main-nav--small")?e.nav.classList.add("main-nav--small"):window.scrollY<90&&e.nav.classList.remove("main-nav--small")}))})); \ No newline at end of file diff --git a/assets/dist/style.css b/assets/dist/style.css index 1aa14ab..4c0902b 100644 --- a/assets/dist/style.css +++ b/assets/dist/style.css @@ -866,8 +866,9 @@ button:focus-visible { } @media screen and (max-width: 1085px) { - .hero__text h2 { - text-align: center; + .hero__text h2, + .hero__text h3 { + text-align: left !important; } .hero__text h2.big { font-size: calc(var(--font-size-xxl) / 1.2); @@ -1356,10 +1357,22 @@ section.key-infos .key-infos__key:not(:last-child) { margin: var(--space-m) 0; } -.presentation__description { +.presentation__description, +.presentation__informations { font-size: var(--font-size-s); } +.presentation__informations { + margin-top: 0.5rem; +} + +.presentation__informations figure { + display: inline-block; + width: 2.3rem; + margin: 0 0.5rem; + transform: translateY(30%); +} + @media screen and (max-width: 1085px) { .presentation { grid-template-columns: 1fr; @@ -1483,6 +1496,7 @@ section.key-infos .key-infos__key:not(:last-child) { } .sessions--detailed .session { + scroll-margin-block-start: 7.7rem; grid-template-columns: 1.5fr 2fr 1fr 1fr 2.5fr !important; } @@ -1516,6 +1530,10 @@ section.key-infos .key-infos__key:not(:last-child) { } @media screen and (max-width: 1085px) { + .sessions--detailed .session { + scroll-margin-block-start: 7rem; + } + .collapsable__content .session { grid-template-columns: 1fr 1fr !important; column-gap: 9vw; diff --git a/assets/js/script.js b/assets/js/script.js index dc278ad..3346c4d 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -47,11 +47,11 @@ document.addEventListener("DOMContentLoaded", () => { closeNav(nodes); } if ( - (window.scrollY > 120) & + window.scrollY > 130 && !nodes.nav.classList.contains("main-nav--small") ) { nodes.nav.classList.add("main-nav--small"); - } else if (window.scrollY < 100) { + } else if (window.scrollY < 90) { nodes.nav.classList.remove("main-nav--small"); } });