A playful single-page web gift: click anywhere to drop candles, watch the live counter update and then blow them and yayyy.
⸻
https://neginae.github.io/Birthday-Cake/birthday_cake.html
⸻
Drop candles Tap / click on the cake; each click spawns a candle at that spot.
Live counter Text box beneath the cake shows how many candles are currently lit and updates in real-time.
Blowing them out uses web audio mic input to detect a sharp burst of volume (≈ blowing). Fallback Blow! Button appears if mic isn’t available.
Pure front-end vanilla HTML/CSS/JS—no build tools, no backend. Works offline once loaded.
⸻
🛠 Quick start
1. Clone or download this repo.
2. Open birthday_cake.html in any modern browser.
3. When prompted, allow microphone access for the blow feature (only over HTTPS or localhost).
⸻
GitHub Pages
1. Ensure birthday_cake.html sits in the repository root.
2. In Settings → Pages set Branch: main · Folder: /.
3. Wait ~30 seconds; the page goes live at https://<your-username>.github.io/<repo-name>/.
⸻
MIT — free to copy, tweak, and share.
⸻