⁂ | [Tim Curry voice] The one place not corrupted by capitalism! SPACE!!! ⁂

Foxtrot's Space

003: starting to look presentable

TL;DR: cleanup, new home page, new cross-stitch pattern!

FINALLY… the images are centered! [cheers erupt from the rafters] Thank you, thank you!

But no, seriously, suddenly everything seems much more okay. Centering images in CSS is a whole ordeal heavily reliant on how exactly you encapsulate your images, which I don’t (who would want to wrangle that in markdown?!), so I ended up going the display: block; margin: auto route. Yippie! I also spent a good hour trying to figure out how to add classes to images for pixelart and scaling reasons. The answer is [markup.goldmark.parser.attribute.block] = true, and putting {.class-name} under the image, not next to it, and then it works like a charm. Provided you don’t accidentally put : into your CSS instead of ;. Which I did. And then hunted down for another 20 minutes. YAY.

Anyways, the main result of this is that I managed to put a cute little animation of Jean (one of my beloved characters) on the main page. It’s pixelart scaled by pure CSS - much more manageable than scaling everything. By. Hand. Everytime you need to adjust something. Which, trust me, I’ve done before, and it’s annoying as hell. (The original plan was a cute snail shell, but I spent most of my weekend on the animation, and she looks so cute… And I like little alive creatures on the front page. I’m weak to cute creatures, sue me.)

I also pulled out an old cross stitch pattern themed after Undertale buttons out of my archives and put it here. If I have it, why not use it, eh? I’ve spent quite a sec on figuring out a similar enough font that isn’t pointlessly large back then. (By that I mean I did those letters by hand in the end.)

From the cleanup perspective, I finally booted the old example posts Hugo put in with me creating a new theme. You probably wouldn’t have seen them, as they weren’t linked anywhere, but they were bugging me and if I didn’t do it soon I’d forget abt it completely, lol.

Things I want to do next: