INNER CODE UNIT · JavaScript
activeHook
mario-andreschak/FLUJO · githubpages/short/app.js:312
const activeHook = hookBeats.find(beat => local >= beat.start && local < beat.end);
if (activeHook) {
const opacity = fadeWindow(local, activeHook.start, activeHook.end, .26);
hook.textContent = activeHook.text;
kicker.textContent = activeHook.kicker;
hook.style.opacity = opacity;
kicker.style.opacity = opacity * .85;
hook.style.transform = mixTransform(0, lerp(12, 0, easeOut(invLerp(activeHook.start, activeHook.start + .5, local))), lerp(.97, 1, easeOut(invLerp(activeHook.start, activeHook.start + .5, local))));
hook.style.filter = `blur(${lerp(6, 0, easeOut(invLerp(activeHook.start, activeHook.start + .45, local)))}px)`;
} else {
hook.style.opacity = 0;
kicker.style.opacity = 0;
}
const frenzy = clamp(invLerp(11.5, 18.5, local));
$$(".tool-card").forEach((card, index) => {
const tool = TOOL_DATA[index];
const enter = easeOut(invLerp(tool.at, tool.at + .65, local));