Splash: remove non-composited glow rings (fix mobile NO_LCP); cross-fade to content; nudge tracer target

- Drop the two animated glow rings: stroke-dashoffset is non-composited, so
  they repainted every frame next to the logo and prevented Lighthouse from
  settling on an LCP (mobile NO_LCP). The static box + pulsing glow remain.
- Splash now cross-fades into the content: on enter it becomes a fixed overlay
  and fades opacity to 0 over the revealed page, instead of a hard cut.
- Nebula tracer target moved up-and-left (computerX-1, computerY-1.5) so the
  streamers converge on the monitor screen, not below-right of it.
- Removed the now-unused splash-* keyframes.
This commit is contained in:
jwinterm
2026-06-06 17:50:42 -04:00
parent fad3223af3
commit ea012b63fe
4 changed files with 39 additions and 42 deletions
+4 -2
View File
@@ -92,8 +92,10 @@ export const NebulaField = ({ className, density = 8, themeMode = 'dark', positi
// Position calculations
const computerX = position?.x ?? 18;
const computerY = position?.y ?? 18;
const targetX = computerX + 2.5;
const targetY = computerY + 2.5;
// Aim the streamers at the monitor's screen: slightly up-and-left of the icon's
// geometric center. Tweak these two offsets to move the convergence point.
const targetX = computerX - 1;
const targetY = computerY - 1.5;
// Check for reduced motion preference
useEffect(() => {