HTML & CSS Notes

The past few weeks have been less about writing posts and more about building the thing that holds them. If you’ve visited the blog recently and noticed things looking a little sharper, a little more intentional — that’s not your imagination. I’ve been deep in the code, and I want to tell you what that actually looked like.

Finally upgraded to Hugo 0.158! Hit a small snag with an outdated plugin using a removed function, but updating the plugin to the latest version cleared things right up. Theme is clean, builds are faster. Upgrade approved. ✅

Decided to build my own Micro.blog theme. A couple of days of tinkering in, still working through a few minor issues, but progress is being made. More tweaks coming soon.

So I spent my Sunday doing what normal people probably don’t do—obsessing over blog spacing. You know how it is. You notice one little thing that’s bugging you, and next thing you know, three hours have disappeared, and you’re still messing around with CSS.

It started with my blockquotes. I’ve got this dropcap thing going on for the first letter of posts, which I think looks pretty cool. But when a blockquote showed up right after that fancy first letter? Huge, awkward gap of white space. Just looked weird.

I’ve been in a full-on wrestling match with my Micro.blog theme lately. Had this specific vision: truncated posts on the homepage with a “Continue Reading” link, a nice drop cap at the start of long-form posts, and images that didn’t feel like they were yelling over the text. Simple, right?

Started with trying to add the “Continue Reading” link myself but it didn’t work. Was about to send a support ticket, then thought “nah, I want to figure this out.” Asked Perplexity for help instead, and honestly? Huge help figuring out what I’d done wrong.