Const adjust

[5sansiva]

feat: Teams constellation section

Introduces a fully scroll-driven Teams section built around constellation-shaped officer groups. Desktop users get a horizontally-panning scene with lerp-smoothed scroll-jacking; mobile gets the same animation in a sticky viewport with a stacked info panel. All motion respects prefers-reduced-motion, falling back to a native snap-scroll list.

New files

• app/components/teams/Teams.tsx — main constellation section (scroll-jack, sidebar, mobile panel, tooltips, lead pulse, reduced-motion fallback, Android/iOS split)
• app/components/teams/constellationLayout.ts — OfficerTeam, OfficerMember, ConstellationTemplate types; resolveConstellationLayout() with overflow append rule
• app/components/teams/sceneConfig.ts — layout constants, getDesktopConstellationBox(), seeded createAmbientStars()
• app/data/constellation-templates.json — per-team node positions, edges, lead node, and append rule
• app/data/officer-teams.json — all officer data (id, label, description, group photo, lead, members with name/role/LinkedIn/quote)
• app/hooks/useIsAndroid.ts — useSyncExternalStore-based Android detection, SSR-safe

Modified files

• app/globals.css — @keyframes constellation-lead-pulse + .constellation-lead class; respects prefers-reduced-motion
• app/components/navbar/Navbar.tsx — pink underline scale-in animation on nav link hover
• .gitignore — added /.codex

Breaking change

• app/data/teams.ts removed — replaced by officer-teams.json. Update any direct imports.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
hackutd-co	Ready	Preview, Comment	Apr 23, 2026 5:42am