#6 - debug logo anim
This commit is contained in:
parent
6609b5cf7c
commit
11b52796e8
3 changed files with 24 additions and 6 deletions
2
assets/dist/script.min.js
vendored
2
assets/dist/script.min.js
vendored
|
|
@ -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
24
assets/dist/style.css
vendored
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue