One must imagine Ramsay twinkified, out of spite.

I’m still new to graphics/icon posting etiquette on Dreamwidth, but I noticed the prevalence of dedicated communities for certain types of content, so I made myself my own graphics comm; grphxscream.

The first thing I did was obviously restructuring the journal layout with CSS grid and then writing a bunch of extra styling because I simply can’t help myself, lol.

It is a good sign at least that I can still find joy in playing with HTML and CSS like this. For a couple of months, I feared the burnout had completely killed my interest in all things webdev and I might even have to look for work in a new industry. But let’s not ruin the fun with talk of work and illness!

I’ve been trying out “portable” (inline CSS) gimmicky presentation styles for icon sets, like bingos and such. One is a grid styled like a bingo sheet and I thought I’d finished it when I realized that Dreamwidth doesn’t allow position: absolute; for inline styling. I do get why, but now I have to rethink my bingo layout idea.

However, that extra thinking made me realize the old layout doesn’t even work conceptually like I wanted it to, so… silver linings, I guess.

That voice inside your head that says, “Hey, you should write an AO3 skin that fully replaces the default. It will be fun :D”?

Yeah, that’s the devil talking.

I don’t want to know how long I spent on this, even excluding the year-long break where I gave up after realizing I couldn’t use flexbox, grid, or calc. The only reason why I decided to finish it this week was because I forgot that was the case and then I was too stubborn to stop.

Oh, and you bet it’s responsive. Well, responsive in the way that AO3 allows you two breakpoints and no custom media-queries.

It needs a bit more tweaking in some places, but for the sake of my own sanity I want to say that version 1.0 of this skin is finished now.