🌅 Have a Good Day

A beautiful, single-page greeting web app that dynamically adapts its visuals, message, and animations based on the time of day and season — all in pure HTML, CSS, and vanilla JavaScript. No frameworks, no dependencies, no build step.

---

✨ Features

• Time-aware greetings — Automatically detects whether it's Morning, Forenoon, Afternoon, Evening, or Night and displays a matching greeting and color theme.
• Season-aware themes — Adapts to Summer, Monsoon, Autumn, Winter, or Spring with visual filters and bonus messages.
• Animated particle system — Unique canvas animations for each time and season:
  • 🌙 Night → Twinkling stars & falling shooting stars
  • 🌅 Morning → Sun rays & drifting clouds
  • ☀️ Forenoon → Floating leaves & clouds
  • 🌤️ Afternoon → Sun rays & clouds
  • 🌇 Evening → Glowing fireflies
  • ❄️ Winter → Falling snowflakes (layered on top)
  • 🌧️ Monsoon → Falling rain (layered on top)
• Daily motivational messages — 10 unique heartfelt messages per time period, plus season-specific ones. Refresh for a new one.
• Live clock — Displays the current time in the corner, updated every second.
• Glassmorphism UI — Frosted-glass card with smooth fade-in animation.
• Fully responsive — Works on mobile and desktop.

---

📸 Preview

Morning	Evening	Night
Purple gradient + sun rays	Warm orange + fireflies	Deep navy + stars

---

🚀 Getting Started

No installation or setup needed. Just open the file in any browser.

# Clone the repository
git clone https://github.com/your-username/have-a-good-day.git
 
# Navigate into the folder
cd have-a-good-day
 
# Open in your browser
open index.html

Or simply download index.html and double-click it.

---

🗂️ Project Structure

have-a-good-day/
└── index.html   # Everything lives here — HTML, CSS, and JS in one file

---

🎨 How It Works

Time Periods

Period	Hours	Theme
Morning	5 AM – 9 AM	Purple → violet gradient
Forenoon	10 AM – 11 AM	Teal → blue gradient
Afternoon	12 PM – 4 PM	Gold → red gradient
Evening	5 PM – 8 PM	Orange → golden gradient
Night	9 PM – 4 AM	Deep navy gradient

Seasons

Season	Months	Effect
Summer	Apr – Jun	Vibrant, high saturation
Monsoon	Jul – Sep	Rain particles, darker filter
Autumn	Oct – Nov	Warm tones
Winter	Dec – Feb	Snow particles, muted tones
Spring	Mar	Fresh, bright

---

🛠️ Built With

• Pure HTML5
• CSS3 — gradients, glassmorphism, keyframe animations
• Vanilla JavaScript — Canvas API for particle animations, Date API for time/season detection
• Google Fonts — Quicksand & Playfair Display

---

📄 License

This project is open source and available under the MIT License.

---

"The sunrise doesn't care about yesterday's clouds. Neither should you. Fresh light, fresh start."