A personalized, interactive, and beautifully animated Happy Birthday E-Greeting Web Application specially crafted for Udita β€οΈ.
Features light-on effects, music playback, festive decoration banners, flying balloons spelling UDITA, candle lighting, real-time message progress bar, and a heart-touching romantic message sequence.
- π‘ Interactive Turn-On Lights: Click to glow multi-colored party bulbs and create a cozy peach-themed atmosphere.
- π΅ Background Music Playback: Integrated audio playback for festive vibes (
hbd.mp3). - π Decorative Banner & Flying Balloons: Floating colorful balloons spelling
U D I T Awith dynamic rotation and physics animation. - π Birthday Cake & Candle Lighting: Interactive cake reveal with real-time candle flame lighting.
- π Heartfelt Story Sequence:
- Real-time line-by-line romantic birthday message.
- π Top Notice Badge: Animated "Read carefully till the end β€οΈ" banner.
- π Live Progress Bar: Real-time progress bar showing message completion count (
Message X / 39). - π "Show Full Message" Popup: Floating button allowing the user to view the full decorated love letter at once.
- π± Fully Responsive Design: Tailored layouts for both Mobile and Desktop screens.
- HTML5 & CSS3: Semantic structure, keyframe animations, glassmorphism UI, and responsive media queries.
- JavaScript & jQuery: DOM manipulation, animation queues, dynamic positioning, and message loop logic.
- Bootstrap 3: Grid layout utilities.
- LESS: Dynamic cake & candle styling (
cake.less).
Simply double-click index.html or open it in any web browser!
python -m http.server 8080Then visit http://localhost:8080 in your browser.
npx serve .- Go to your repository settings on GitHub: virajverse/birthday.
- Click on Pages in the left sidebar under Code and automation.
- Under Build and deployment -> Branch, select
mainbranch and click Save. - Your birthday wish site will be live at:
https://virajverse.github.io/birthday/π
Crafted with β€οΈ for Udita's Birthday Celebration β¨