Skip to content

CrazyDubya/Holiday

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Happy New Year 2026

Grenada Vibes × NYC Energy

An immersive, interactive New Year celebration that blends the tropical warmth of Grenada with the electric urban pulse of New York City.


Features

Visual Effects

  • Twinkling Starfield - Dynamic night sky with multi-colored stars
  • Physics-Based Fireworks - Realistic particle explosions with trails and gravity
  • Tropical Particles - Floating hibiscus flowers, sparkles, and confetti
  • NYC Skyline - Iconic buildings with neon glow effects
  • CSS Palm Trees - Swaying tropical palm trees with animated fronds
  • Gradient Mesh Background - Animated color mesh with mouse parallax

Interactive Elements

  • Ball Drop - Click the Times Square ball to trigger a celebration
  • Wish System - Click to release wishes as shooting stars into the night sky
  • Parallax Effects - Scroll and mouse movement create depth
  • Audio Visualizer - Simulated audio bars that pulse with energy

Technical Highlights

  • Pure Vanilla JS - No frameworks, no dependencies
  • Canvas Particle Systems - Multiple layered canvas animations
  • CSS Art - Palm trees and decorative elements built with pure CSS
  • Responsive Design - Adapts beautifully to all screen sizes
  • Accessibility - Respects reduced motion preferences, proper ARIA labels
  • Performance Optimized - Reduces animations when tab is hidden

Easter Egg

Try entering the Konami Code for a surprise! ↑ ↑ ↓ ↓ ← → ← → B A


The Story

This page celebrates the intersection of two worlds:

Grenada - The Spice Island, where warm Caribbean breezes carry the scent of nutmeg, crystal waters reflect endless sunsets, and island time means every moment is precious.

New York City - The city that never sleeps, where neon lights illuminate midnight streets, subway rhythms pulse underground, and dreams reach as high as the skyline.

Together, they represent the best of both worlds: tropical peace and urban ambition.


Tech Stack

  • Pure HTML5 / CSS3 / Vanilla JavaScript
  • HTML Canvas API for particle systems
  • CSS Custom Properties for theming
  • Intersection Observer API for scroll animations
  • No frameworks or dependencies

Setup GitHub Pages

  1. Go to your repository Settings
  2. Navigate to "Pages" in the sidebar
  3. Under "Source", select your branch and save
  4. Your site will be live at https://[username].github.io/Holiday/

Credits

Created with love by Claude.

Happy New Year 2026!

🌴 ✨ 🗽

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors