Website Development

!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();

document.addEventListener("DOMContentLoaded",function(){var header=document.getElementById("header");var prevScrollPos=window.pageYOffset;var scrollTimer;var threshold=48;window.onscroll=function(){clearTimeout(scrollTimer);var currentScrollPos=window.pageYOffset;if(Math.abs(prevScrollPos - currentScrollPos)>threshold){header.classList.add("hidden")}scrollTimer=setTimeout(function(){header.classList.remove("hidden")},210);prevScrollPos=currentScrollPos}});

document.addEventListener("DOMContentLoaded",()=>{const wk_toggleItems=document.querySelectorAll(".wk-toggle-item");wk_toggleItems.forEach((item)=>{const label=item.querySelector(".wk-toggle-label");label.addEventListener("click",()=>{wk_toggleItems.forEach((otherItem)=>{if(otherItem !==item){otherItem.classList.remove("active")}});item.classList.toggle("active")})})});

(function(){const initSeamlessScroll=()=>{const contents=document.querySelectorAll(".scroll-vertical,.scroll-horizontal");const createSeamlessScroll=(content,isHorizontal,itemSize,speed)=>{let scrollPosition=0;let animationFrameId=null;let isRunning=false;function seamlessScroll(){if(!isRunning) return;scrollPosition -=speed;const totalItems=content.children.length;const maxScroll=totalItems * itemSize;if(scrollPosition<=-maxScroll / 2){scrollPosition=0}content.style.transform=isHorizontal? `translateX(${scrollPosition}px)`:`translateY(${scrollPosition}px)`;animationFrameId=requestAnimationFrame(seamlessScroll)}return{start:()=>{if(!isRunning){isRunning=true;animationFrameId=requestAnimationFrame(seamlessScroll)}},stop:()=>{if(isRunning){isRunning=false;cancelAnimationFrame(animationFrameId);animationFrameId=null}},}};const observer=new IntersectionObserver((entries)=>{entries.forEach((entry)=>{const content=entry.target;const isHorizontal=content.classList.contains("scroll-horizontal");const originalItems=Array.from(content.children);const contentSize=isHorizontal?content.offsetWidth :content.offsetHeight;let itemSize=isHorizontal?originalItems[0]?.offsetWidth || 0 :originalItems[0]?.offsetHeight || 0;const speed=parseFloat(content.getAttribute("data-speed")) || 0.125;if(!originalItems.length) return;if(!content._cloned){const itemsToClone=Math.ceil(contentSize / itemSize) + 1;for(let i=0;i< itemsToClone;i++){originalItems.forEach((item)=>{content.appendChild(item.cloneNode(true))})}content._cloned=true;itemSize=isHorizontal?content.children[0].offsetWidth:content.children[0].offsetHeight}if(!content._scrollManager){content._scrollManager=createSeamlessScroll(content,isHorizontal,itemSize,speed)}if(entry.isIntersecting){content._scrollManager.start()}else{content._scrollManager.stop()}})},{root:null,threshold:0});contents.forEach((content)=>{if(!content._observed){observer.observe(content);content._observed=true;content.addEventListener("mouseenter",()=>content._scrollManager?.stop());content.addEventListener("mouseleave",()=>content._scrollManager?.start())}})};document.addEventListener("DOMContentLoaded",initSeamlessScroll)})();