feat: ignite the home page with rising embers and shimmer#30
Conversation
Add cinematic motion to the landing in keeping with the Catching Fire theme: - EmberField: a deterministic drift of glowing sparks rising through the dark (hydration-safe, decorative, reduced-motion aware). - Slow-drifting background glow blobs instead of static halos. - Shimmering molten-gold headline accent and a breathing hero Mockingjay. - Ember halo pooling behind the drop target. - Richer feature cards: glowing icon rings, numbered index, an ember filament that ignites on hover, lift + glow, staggered fade-in. All decorative animation is silenced by prefers-reduced-motion via the existing global rule.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Warning Review limit reached
More reviews will be available in 54 minutes and 21 seconds. Learn how PR review limits work. Your organization has run out of usage credits. Purchase more in the billing tab. ⌛ How to resolve this issue?After more reviews become available, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available. Please see our Fair Usage Limits Policy for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (3)
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Cinematic glow-up for the landing page, in keeping with the Catching Fire theme. 🔥
What changed
EmberField.tsx) — 32 glowing sparks drift up through the dark like the girl on fire, each with its own size, speed, sideways drift, and brightness. Positions are derived deterministically from a sine hash, so it's hydration-safe (no SSR mismatch), fully decorative (aria-hidden, no pointer events), and silenced byprefers-reduced-motion.01 / 02 / 03index, an ember filament that ignites along the top edge on hover, lift + glow shadow, and a staggered fade-in.All new motion respects
prefers-reduced-motionvia the existing global rule.Verification
pnpm lint— 0 errors (6 pre-existing warnings in untouchedui/files)pnpm format:check— cleanpnpm build— passesThe release-managed
CHANGELOG.mdwas left untouched; the commit is Conventional (feat:→ minor bump).https://claude.ai/code/session_013mbrh7Lhq2F7NR5pBZneh4
Generated by Claude Code