Okay, so I’ve been messing around with this “witchcraft museum” thing, and let me tell you, it’s been a wild ride. I started out with pretty much nothing, just a vague idea, you know?
Getting Started
First, I doodled some stuff on paper. Just random ideas, layouts, what kind of vibe I wanted. It was all super messy, but it helped me get a feel for the direction I wanted to go in.
Then I jumped into some basic HTML. Nothing fancy, just a plain white page with some headings and paragraphs. It looked awful, but it was a starting point. I needed something to actually see, even if it was ugly.
Building it Up
After that, I started playing with CSS. Oh boy, this was a headache at first. Trying to get things to line up, figuring out colors and fonts… it took a lot of trial and error. I spent hours just tweaking little things, moving stuff around a pixel at a time.

- Experimented with different color schemes. Dark, light, spooky, bright… you name it, I tried it.
- Fiddled with fonts. Finding the right one was surprisingly hard! Too fancy and it looked cheesy, too plain and it was boring.
- Struggled with the layout. Getting everything to flow nicely and look good on different screen sizes was a real pain.
I also added some images. Just placeholders at first, but they helped make it feel a little more real. Finding good, free-to-use images was a bit of a chore, though.
Making it Interactive
The plan always having some interactive * static page is just… boring, right?

I messed around with some JavaScript. I’m no JavaScript expert, believe me, but I managed to cobble together some simple stuff. Like, making images change when you hover over them, or having little pop-up descriptions appear.
The Final Touches
After that, there were a ton of little detail,such as :
- Fixed a bunch of bugs. Things that weren’t working quite right, or looked weird on certain browsers.
- Added some more content. More text, more images, just filling things out.
- Tweaked the design again and again. Because I’m a perfectionist, and I can never leave well enough alone.
Finally. It’s not perfect, but it’s something. And I learned a ton along the way. That’s the main thing, right?
