A responsive, animated food menu website with playful typography, many CSS animations, and JavaScript-driven date/time logic.
Features
- Foody theme with gradients, textures, and playful Google Fonts (Pacifico, Baloo, Lobster)
- 50+ CSS animations (keyframes, transitions, transforms)
- Meal windows detection (breakfast, lunch, dinner)
- Menu data for 2025-10-16 through 2025-10-31 stored in
script.js - Light/dark theme toggle with smooth transitions
- "Surprise Me" button that randomly shows a planned dish
- Floating spoon/fork animation, card flips, hover effects, and staggered reveals
- Mobile-friendly using CSS Grid and media queries
Files
index.html— main markupstyle.css— all styles and animationsscript.js— menu data and UI logic
How to run
- Open
index.htmlin any modern browser. - Use the date picker to select a date between Oct 16 and Oct 31, 2025.
- Click "Surprise Me" or press
Sfor a random dish. PressTto toggle theme.
Notes
- The menu is fully client-side; no server required.
- If a meal entry is empty, the UI displays "No meal planned today".
Enjoy! 🍽