Skip to content

s1dhu99/donotforget

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DoNotForget — Foody Menu (Oct 16–31, 2025)

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 markup
  • style.css — all styles and animations
  • script.js — menu data and UI logic

How to run

  1. Open index.html in any modern browser.
  2. Use the date picker to select a date between Oct 16 and Oct 31, 2025.
  3. Click "Surprise Me" or press S for a random dish. Press T to 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! 🍽

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published