/* Add custom Js code below */
/* const appInner = document.querySelector('.app-inner header');
if (appInner) {
const wrapper = document.createElement('div');
wrapper.innerHTML = `
`;
appInner.insertAdjacentElement('afterend', wrapper.firstElementChild);
}*/
document.addEventListener('DOMContentLoaded', function () {
const homeAppInnerHeader = document.querySelector('.index .app-inner header');
if (!homeAppInnerHeader) return;
const swiperContainer = document.createElement('div');
swiperContainer.className = 'scrollable-slides swiper';
swiperContainer.innerHTML = `
`;
homeAppInnerHeader.parentNode.insertBefore(
swiperContainer,
homeAppInnerHeader.nextSibling
);
// Inject CSS styles
const style = document.createElement('style');
style.textContent = `
.scrollable-slides {
height: 100vh;
width: 100%;
}
.scrollable-slides .swiper-slide {
width: 100%;
height: 100vh;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.scrollable-slides .swiper-slide a {
width: 100%;
}
.scrollable-slides .swiper-slide video {
height: 100vh;
object-fit: cover;
width: 100%;
}
`;
document.head.appendChild(style);
// Load Swiper JS & CSS
const swiperCSS = document.createElement('link');
swiperCSS.rel = 'stylesheet';
swiperCSS.href =
'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css';
document.head.appendChild(swiperCSS);
const swiperScript = document.createElement('script');
swiperScript.src =
'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js';
swiperScript.onload = function () {
const swiper = new Swiper('.scrollable-slides', {
direction: 'vertical',
mousewheel: true,
/*mousewheel: {
forceToAxis: true,
sensitivity: 1,
releaseOnEdges: true,
},*/
});
/*swiper.on('slideChange', function () {
// Current active slide (zero-based index)
const activeIndex = swiper.activeIndex + 1; // convert to 1-based
if ([2, 4, 6].includes(activeIndex)) {
document.documentElement.style.setProperty(
'--header-transparent-text-color',
'green'
);
} else {
document.documentElement.style.setProperty(
'--header-transparent-text-color',
'white'
);
}
});
// Run it once on init too
const initIndex = swiper.activeIndex + 1;
if ([2, 4, 6].includes(initIndex)) {
document.documentElement.style.setProperty(
'--header-transparent-text-color',
'green'
);
} else {
document.documentElement.style.setProperty(
'--header-transparent-text-color',
'white'
);
}*/
};
document.body.appendChild(swiperScript);
});
document.addEventListener('DOMContentLoaded', function () {
const video = document.querySelector('video');
if (video) {
const playPromise = video.play();
if (playPromise !== undefined) {
playPromise
.then(_ => {
// Autoplay started
})
.catch(error => {
console.warn('Autoplay failed:', error);
});
}
}
});
