feat: add noodle for national gif day#3067
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
2 Skipped Deployments
|
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (1)
🚧 Files skipped from review as they are similar to previous changes (1)
📝 WalkthroughSummary by CodeRabbit
WalkthroughThe PR adds a GIF Day noodle with animated GIF text, 5 September 2026 activation metadata, catalogue information, Baloo 2 typography, Tenor CSP support, adjusted tagline alignment, and accessibility coverage. ChangesGIF Day noodle
Sequence Diagram(s)sequenceDiagram
participant NoodleRegistry
participant NoodleGifDayLogo
participant NoodleGifDayGifText
participant Tenor
NoodleRegistry->>NoodleGifDayLogo: resolve active gif-day logo
NoodleGifDayLogo->>NoodleGifDayGifText: pass character and GIF metadata
NoodleGifDayGifText->>Tenor: preload background GIF
Tenor-->>NoodleGifDayGifText: complete image loading
NoodleGifDayGifText-->>NoodleGifDayLogo: render GIF-backed character
Possibly related PRs
Suggested reviewers: 🚥 Pre-merge checks | ✅ 4✅ Passed checks (4 passed)
✨ 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 |
Codecov Report❌ Patch coverage is
📢 Thoughts on this report? Let us know! |
There was a problem hiding this comment.
Actionable comments posted: 1
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@app/components/Noodle/GifDay/Logo.vue`:
- Around line 8-13: Update the textArray entry for './' in the Logo component to
contain multiple Matrix GIF URLs and select among them with an SSR-safe
randomization approach, ensuring server and client rendering remain consistent
while enabling random Matrix GIF display.
🪄 Autofix (Beta)
Fix all unresolved CodeRabbit comments on this PR:
- Push a commit to this branch (recommended)
- Create a new PR with the fixes
ℹ️ Review info
⚙️ Run configuration
Configuration used: Path: .coderabbit.yaml
Review profile: CHILL
Plan: Pro
Run ID: 17805e8a-8277-4ffb-a8ee-faf62327eda4
📒 Files selected for processing (9)
app/components/Landing/IntroHeader.vueapp/components/Noodle/GifDay/GifText.vueapp/components/Noodle/GifDay/Logo.vueapp/components/Noodle/index.tsapp/noodles.tsmodules/security-headers.tsnuxt.config.tstest/nuxt/a11y.spec.tsuno.theme.ts
|
The cat's eye is genius |
|
petition for N to be for nan, as in "you're joking not another one" lady :p |
|
ahahah I've never seen that one 🤣 Screen.Recording.2026-07-22.at.22.05.16.mov |
I love it too much I'm biased, please overrule me xD |
|
I need to fix some hydration issues. I might use the pre hydrate hook to set the styles. That should fix it |

🧭 Context
National GIF Day Noodle
📚 Description
I've added a new noodle for GIF Day. The current GIFs can be replaced with anything we like; we could even vote on them, if we find a decent way.
For now, each letter has a GIF that starts with that letter.
N = Nicolas Cage
P = Party
M = Minions
X = X-Men
The "./" symbol is an exception: for now, it's a random cat! (you gotta have a cat)
Screen.Recording.2026-07-21.at.22.24.48.mov
This is the motion-safe version
Screen.Recording.2026-07-22.at.08.59.17.mov