diff --git a/src/components/site/SiteTransitionOverlay.tsx b/src/components/site/SiteTransitionOverlay.tsx index 0c01b22..314133c 100644 --- a/src/components/site/SiteTransitionOverlay.tsx +++ b/src/components/site/SiteTransitionOverlay.tsx @@ -16,16 +16,15 @@ const DIALOGUE_FALLBACK_TIMEOUT_MS = 12000; const NO_DIALOGUE_FALLBACK_MS = 3000; /** - * Transition overlay: black screen, logo fade-in, transition dialogue - * with subtitles, then redirect to /. A safety timeout guarantees the - * redirect happens even if the dialogue audio fails to fire `ended`. + * Transition overlay: black screen with transition dialogue and subtitles, + * then redirect to /. A safety timeout guarantees the redirect happens even if + * the dialogue audio fails to fire `ended`. */ export function SiteTransitionOverlay(): React.JSX.Element { const navigate = useNavigate(); const reset = useSiteStore((state) => state.reset); const prefersReducedMotion = usePrefersReducedMotion(); const [screenOpacity, setScreenOpacity] = useState(0); - const [logoOpacity, setLogoOpacity] = useState(0); useEffect(() => { setSiteVisited(); @@ -37,13 +36,11 @@ export function SiteTransitionOverlay(): React.JSX.Element { // initial frame at opacity 0 before flipping to 1. const fadeInId = window.setTimeout(() => { setScreenOpacity(1); - setLogoOpacity(1); }, 0); timeoutIds.push(fadeInId); const redirectToGame = (): void => { if (isCancelled) return; - setLogoOpacity(0); const id = window.setTimeout(() => { if (isCancelled) return; reset(); @@ -119,23 +116,6 @@ export function SiteTransitionOverlay(): React.JSX.Element { transition: fadeTransition, }} /> - Logo Altera {/* Subtitles must live inside this overlay's stacking context (z-index 1000) so they render above the black screen. The in SiteLayout sits behind this overlay. */}