openvibers/afresume Commits

Always run hero rotator regardless of prefers-reduced-motion; snappier animation

OP OpenVibers committed 17 May 2026 · 373b95430a · 1 file, +8 −8


Changes

ddiff --git a/src/components/Hero.astro b/src/components/Hero.astro
iindex 7662e6c..8a6ad08 100644
---- a/src/components/Hero.astro
++++ b/src/components/Hero.astro
@@@ -240,23 +240,23 @@
`<i class="fa-solid fa-users"></i> Management / Leadership`
];
const rot = document.querySelector(".hero__rotator");
-- if (rot && !window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
++ if (rot) {
let i = 0;
setInterval(() => {
i = (i + 1) % roles.length;
(rot as HTMLElement).animate(
-- [{ opacity: 1, transform: "translateY(0)" },
-- { opacity: 0, transform: "translateY(-6px)" }],
-- { duration: 280, easing: "ease-in", fill: "forwards" }
++ [{ opacity: 1, transform: "translateY(0) scale(1)" },
++ { opacity: 0, transform: "translateY(-10px) scale(0.96)" }],
++ { duration: 240, easing: "ease-in", fill: "forwards" }
).onfinish = () => {
rot.innerHTML = roles[i];
(rot as HTMLElement).animate(
-- [{ opacity: 0, transform: "translateY(6px)" },
-- { opacity: 1, transform: "translateY(0)" }],
-- { duration: 280, easing: "ease-out", fill: "forwards" }
++ [{ opacity: 0, transform: "translateY(10px) scale(0.96)" },
++ { opacity: 1, transform: "translateY(0) scale(1)" }],
++ { duration: 300, easing: "cubic-bezier(0.22,1,0.36,1)", fill: "forwards" }
);
};
-- }, 2600);
++ }, 2400);
}
// Mountain parallax