window.onload = function() { const anchorTags = document.querySelectorAll('a'); anchorTags.forEach(function(a) { a.addEventListener('click', function(ev) { ev.preventDefault(); }) }); const menuEl = document.querySelector('[data-collapse-toggle]'); if (menuEl) { menuEl.addEventListener("click", function(){ const targetId = this.getAttribute('data-collapse-toggle'); document.getElementById(targetId).classList.toggle("hide"); }); } const menuScrollEl = document.querySelectorAll('[data-nav]'); if (menuScrollEl.length > 0) { for (let i = 0; i < menuScrollEl.length; i++) { menuScrollEl[i].addEventListener("click", function(){ const targetId = this.getAttribute('data-nav'); for (let j = 0; j < menuScrollEl.length; j++) { const hidePanelId = menuScrollEl[j].getAttribute('data-nav'); if (hidePanelId !== targetId) { menuScrollEl[j].classList.remove("active"); } } this.classList.add('active') document.getElementById(targetId).scrollIntoView({ behavior: 'smooth' }); }); } } const menuToggleNavEl = document.querySelectorAll('[data-nav-list]'); for (let k = 0; k 0) { for (let i = 0; i < menuToggleEl.length; i++) { menuToggleEl[i].addEventListener("click", function(e){ const targetId = this.getAttribute('data-list'); if (document.getElementById(targetId)) { // hide all panel for (let j = 0; j = parentRect.top) && (childRect.top { for (const entry of entries) { if (entry.isIntersecting) { let targetId = entry.target.getAttribute("id"); if (targetId) { const menuScrollEl = document.querySelectorAll('[data-list]'); for (let j = 0; j { for (const entry of entries) { if (entry.isIntersecting) { entry.target.classList.add('show'); let targetId = entry.target.getAttribute("id"); if (targetId) { const menuScrollEl = document.querySelectorAll('[data-nav]'); for (let j = 0; j < menuScrollEl.length; j++) { const hidePanelId = menuScrollEl[j].getAttribute('data-nav'); if (hidePanelId !== targetId) { menuScrollEl[j].classList.remove("active"); } else { menuScrollEl[j].classList.add("active"); } } } } } } const observer = new IntersectionObserver(intersectionCallback); const items = document.querySelectorAll('section'); for (const item of items) { observer.observe(item); } let slideIndex = 1; const sliders = document.getElementsByClassName("slide-container"); for(var k = 0; k slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; } } }