Cat Land banner

Cat Land

3 devlogs
14h 8m 55s

A website all about cats!

This project uses AI

I used Gemini for making the hamburger menu so that I could animate it, and also used it for the research for the actual content in the website (not the code)

Demo Repository

Loading README...

gw

Shipped this project!

Hours: 14.15
Cookies: šŸŖ 42
Multiplier: 2.97 cookies/hr

I made this website about cats using only css and html. I think the hardest part about that was trying to copy and paste changes from one file to each individual file (e.g. the nav bar) and making sure that the files were correctly accessed. I kind of ran out of time to research other cats, but hope you still enjoy :)

gw

Made final changes to the nav bar and had to copy and paste them through to all the other pages. I also finalised some styling and added content to the homepage and linked all the pages together.

Attachment
0
gw

I made the paw separator more responsive (tested different methods but I could only make it work by manually adding media queries…) and span across the page for smaller screen sizes. Also fixed an issue with widths and padding for the hamburger menu on small screens (there was extra ā€˜spacing’ on the right of the nav causing a slight left and right scroll which was rlly annoying)

Attachment
Attachment
0
gw

Created the basic structure of the website such as working on the nav bar (trying to make a mega menu that collapses to a hamburger menu on smaller screens - still a work in progress), adding the content for over 15 cat breeds, and other UI aspects such as text wrapping, colours, fonts etc.

(I’m aiming to do research for the remaining 60 or so domestic cat breeds after I sort out my nav bar and the paw separator in the content pages…)

(Also I was originally planning to do this for #meow but the deadline was too close, which is why I only have one devlog for these 10.5hrs 😭)

Attachment
0