Arya Dhiratara

Hello world!

June 5, 2022

Hello world!

Well actually, I don’t know what to write for the first post. So I leave the default WordPress’s Sample Post title for this first post.

A YouTube video

Leave a Comment Cancel reply

!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")})}}();

const elements=document.querySelectorAll(".wp-block-image img,.gb-block-image img, .wp-block-video video,.dynamic-entry-content figure img, .open-in-lightbox");elements.forEach((element)=>{if(element.classList.contains("no-lightbox") || hasParentWithClass(element,"no-lightbox")) return;const wrapper=document.createElement("a");wrapper.setAttribute("data-fslightbox","gallery");wrapper.setAttribute("aria-label","Open in LightBox");const sourceElement=element.querySelector("source");const mediaSrc=sourceElement?.src || element.src || element.dataset.src;if(mediaSrc) wrapper.setAttribute("href",mediaSrc);element.parentNode.insertBefore(wrapper,element);wrapper.appendChild(element)});if(typeof refreshFsLightbox==="function"){refreshFsLightbox()}function hasParentWithClass(element,className){var parent=element.parentNode;while(parent !==document.body){if(parent.classList.contains(className)){return true}parent=parent.parentNode}return false}

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)})();