host/julienmonnerie
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add logo color transition

Browse source
This commit is contained in:
Paul Nicoué 2022-08-03 16:49:26 +02:00
parent 9cd82101c8
commit dac525b4a6
9 changed files with 101 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

31
public/assets/build/app.js
View file

File diff suppressed because one or more lines are too long

27
public/assets/js/app.js
View file

@ -11,12 +11,12 @@ const body = document.body;
// SPLIDE SLIDER
let splideSlider = document.querySelector('.splide');
const logoIcon = document.querySelector('.logo__icon');
// EXHIBITION IFRAME
const sidebar = document.querySelector('.sidebar');
const sidebarNavLinks = document.querySelectorAll('.sidebar__nav-link--internal');
const logoIcon = document.querySelector('.logo__icon');
const exhibitionIframe = document.querySelector('.exhibition');
// ----------------------------------------------------------------------------
@ -64,6 +64,30 @@ function goToNextSlideOnClick() {
}
}
function turnLogoIconToWhite() {
if (logoIcon) {
logoIcon.classList.add('logo__icon--white');
}
}
function turnLogoIconToBlack() {
if (logoIcon) {
logoIcon.classList.remove('logo__icon--white');
}
}
function editLogoColorOnSlideActive() {
if (splideSlider) {
splideSlider.on('active', function(e) {
if (e.slide.getAttribute('data-logo-color') === 'white') {
turnLogoIconToWhite();
} else if (e.slide.getAttribute('data-logo-color') === 'black') {
turnLogoIconToBlack();
}
});
}
}
function enableLogoIconRotation() {
if (logoIcon) {
logoIcon.classList.add('logo__icon--rotate-horizontal-bottom');
@ -150,6 +174,7 @@ enableActivePseudoClass();
setUpSlider();
goToNextSlideOnClick();
editLogoColorOnSlideActive();
rotateLogoOnSliderMove();
// EXHIBITION IFRAME