#6 - debug logo anim

This commit is contained in:
isUnknown 2024-11-04 14:16:16 +01:00
parent 6609b5cf7c
commit 11b52796e8
3 changed files with 24 additions and 6 deletions

View file

@ -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")}))}));
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")}))}));

24
assets/dist/style.css vendored
View file

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

View file

@ -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");
}
});