🎉 Happy New Year 2026 - Celebration Webpage

A stunning, interactive New Year 2026 greeting webpage featuring fireworks animations, countdown timer, personalized wishes, and social sharing capabilities. Built with modern web technologies and designed with elegance and performance in mind.

✨ Features

🎨 Visual Design

• Beautiful Starfield Background - CSS-only animated stars with twinkling effects
• Gold & Midnight Blue Theme - Elegant color palette perfect for celebrations
• Glowing Typography - Animated text with pulsing glow effects
• Glass-morphism UI - Modern frosted glass design for cards and elements
• Smooth Animations - Fade-in, float, and pulse animations throughout

🎆 Interactive Elements

• Live Countdown Timer - Real-time countdown to January 1, 2026
• Canvas Fireworks - Custom particle system with realistic physics (click anywhere to create fireworks!)
• Confetti Effects - Celebration bursts using canvas-confetti library
• Random New Year Wishes - 10 different inspirational messages
• Background Music Toggle - Optional festive music with accessible controls
• Social Media Sharing - Share on Twitter, Instagram, WhatsApp, LinkedIn, or copy link

📱 Responsive & Accessible

• Fully Responsive - Optimized for mobile (480px), tablet (768px), and desktop
• Accessibility Compliant - ARIA labels, keyboard navigation, screen reader support
• Reduced Motion Support - Respects user preferences for motion sensitivity
• Cross-Browser Compatible - Works on Chrome, Firefox, Safari, Edge

⚡ Performance

• Optimized Animations - Smooth 60fps performance
• Clean Canvas Rendering - No residue from fireworks effects
• Lazy Loading - Scroll-triggered animations for better performance
• Lightweight - Minimal dependencies, fast load times

🚀 Technologies Used

• HTML5 - Semantic markup structure
• CSS3 - Custom properties, animations, backdrop filters, grid/flexbox
• Vanilla JavaScript - No frameworks, pure ES6+
• Canvas API - For fireworks particle system
• Canvas Confetti - Third-party library for confetti effects (v1.9.2)
• Google Fonts - Playfair Display (serif) & Inter (sans-serif)

📂 Project Structure

• new-year-2026/
• │
• ├── new-year-2026.html # Main HTML file
• ├── styles.css # Complete CSS styling
• ├── script.js # JavaScript functionality
• └── README.md # Project documentation