import "./style.css";
import Orchestrator from "./ThreeJS/Orchestrator.js";
import gsap from "gsap";
const orchestrator = new Orchestrator(document.querySelector("canvas.webgl"));
function updateTime() {
const timeElement = document.getElementById("local-time");
if (timeElement) {
const now = new Date();
const options = {
timeZone: "Asia/Hong_Kong",
hour: "2-digit",
minute: "2-digit",
hour12: true,
};
timeElement.textContent =
now.toLocaleTimeString("en-US", options) + " HKT";
}
}
updateTime();
setInterval(updateTime, 60000);
// Staggered fade-in animation for text elements
const animatedElements = [
".nav-logo a",
".nav-links a",
".nav-socials a",
".nav-time p",
".hero-section h1",
".bar-location p",
".bar-projects a",
".bar-availability a",
];
gsap.fromTo(
animatedElements,
{
opacity: 0,
y: 20,
},
{
duration: 1,
opacity: 1,
y: 0,
stagger: 0.1,
ease: "power3.out",
delay: 0.5,
},
);