ASTRO ODYSSEY: Workshop on Computational Astronomy

.elementor-heading-title { transition: opacity 500ms ease-in-out; opacity: 1; } let currentIndex = 0; const titles = [ { text: “ASTRO ODYSSEY: Workshop on Computational Astronomy”, placeholder: “Type Here…” }, { text: “ROBOTICS TRAINING: Tailored for All Levels”, placeholder: “Edit Title…” }, { text: “STEAM EDUCATION: Hands-On Learning”, placeholder: “Change Title…” } ]; function updateHeading() { const heading = document.querySelector(‘h3.elementor-heading-title’); // Reduce opacity to 0 heading.style.opacity = 0; // Wait for the opacity transition to complete before updating text setTimeout(() => { // Update to the next title currentIndex = (currentIndex + 1) % titles.length; // Cycle through the array heading.innerHTML = titles[currentIndex].text; heading.setAttribute(“data-pen-placeholder”, titles[currentIndex].placeholder); // Restore opacity heading.style.opacity = 1; }, 500); // This matches the duration of the CSS transition } // Set interval to update the heading every 5300 milliseconds setInterval(updateHeading, 5300);