A pure HTML, CSS, and JavaScript single-page application.
Welcome to Cat Count!
Yaaaawn... it's morning.
You're ready to dash out the door and head to work but there's one more thing... your pesky kitties love to get into sticky situations at the worst times. Before you leave for the day check your home to ensure all your cats are accounted for.
Click each area in the kitchen and bedroom where your cats may be hiding before the timer runs out, otherwise you might be late for work!
This project was motivated by my love of my three cats Butane, Big, and Squeak who love to get themselves trapped in silly places.
Play Cat Count! on GitHub Pages. Best viewed on desktop and tablet.
The background images were generated using the generative AI 'Stable Diffusion XL' courtesy of NightCafe
This version features 3 cats with accompanying gif images. Sources for the cat gifs are attributed to the following: https://www.pinterest.ca/pin/597501075532356734/\ https://www.pinterest.ca/pin/783767141416539350/\ https://www.pinterest.ca/pin/173599760628132380/
Sound effects attributed to Pixabay.com at:
https://pixabay.com/sound-effects/cat-3-43850/\
https://pixabay.com/sound-effects/cat-growl-96248/\
https://pixabay.com/sound-effects/cat-meow-once-90564/
Favicon attributed to icons8.com at:
https://icons8.com/icon/3LBj6pUvtKiK/cat
Great appreciation for the support and guidance from my GetCoding (Module 1 coach) Adam Paul.