#3 Devlog

I kinda realized my site still didn’t have any actual content in it, just pretty buttons that led nowhere. So this session was all about turning it into a real portfolio instead of a demo.
First big thing: project sub-tabs. Before, clicking “Engineering” or “Gamedev” did literally nothing. Now each one opens its own little page with the projects inside, plus a back arrow to get you out. This was basically the whole tab show/hide thing again but one layer deeper, and it took me a sec to figure out how to switch to sections that weren’t even in the nav. Ended up just giving every button a data-goto and reusing the same function:
showSection(el.dataset.goto)
Then I actually filled them with my real projects, pulling my repos and games and writing a short description for each. I split them into “finished” and “In Progress” so it’s honest about what’s actually done, what I’m still designing and made them sit 3 boxes to a row so it looks tidy.
Ngl the most annoying part was images. I dropped my Fusion renders and a Star Catcher screenshot into each bubble, plus song covers into the music tab, cropping them all into neat squares with
object-fit: cover;
Getting pictures to fit without stretching is way fiddlier than I expected, and the file got kinda huge from baking them all in.
Next, i really wanna make the whole thing feel more professional and add some animations, maybe the color fading in instead of just snapping on, or the bubbles doing something when you hover over them.