Skip to content

Add Easter egg overlay with falling eggs animation#38

Merged
Null000 merged 3 commits intomainfrom
codex/generate-cat-themed-easter-egg-image
Mar 2, 2026
Merged

Add Easter egg overlay with falling eggs animation#38
Null000 merged 3 commits intomainfrom
codex/generate-cat-themed-easter-egg-image

Conversation

@Null000
Copy link
Copy Markdown
Owner

@Null000 Null000 commented Feb 26, 2026

Motivation

  • Add a seasonal, time-limited visual effect to increase user delight around Easter 2026 by rendering falling egg emojis over the page.

Description

  • Add CSS rules for a fixed overlay and falling items: .easter-overlay, .easter-rain, and @keyframes eggFall to control positioning, animation, and drop shadow.
  • Insert an overlay container <div id="easter-overlay" class="easter-overlay" aria-hidden="true"></div> into index.html body.
  • Add inline script that computes a date window around Easter 2026 (EASTER_2026) and, when in range, generates span elements with emoji content, randomized left, animationDuration, animationDelay, fontSize, and opacity to create the falling-egg effect.

Testing

  • No automated tests were run or added for this change.

Codex Task

@Null000 Null000 merged commit 996355f into main Mar 2, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant