It's officially been one year since I started doing digital art. I very easily could've made every month a Riddler, but I tried to include at least a little variety!
Aside from some built in transitions and CSS variables, this is a blank template to build your own menu content. To showcase what you can do with it, I’ve also made a customized preview.
This is made possible with :focus-within, which lets us select a parent element based on the (focused) state of its children, similar to :has(). Using :has(:focus) could have accomplished something like this, but this selector is specialized for this purpose.
Getting a feel for interest in the topic, but since using js in custom pages is not as easy as it used to be (for pretty decent reasons), would anyone be interested in some tutorials for how to do common scripting things with just HTML and CSS?
A retro theme with draggable windows, featuring a recurring pixel heart inspired by Undertale. All pixel icons in this theme are hand-crafted with CSS (I wrote about my process here if you’re interested ♥). 𝐌𝐚𝐣𝐨𝐫 𝐮𝐩𝐝𝐚𝐭𝐞: 𝟐𝟎𝟐𝟓 𝐒𝐞𝐩.
🌻 ── theme features ‣
sidebar image: 75px–200px ⊹ custom hover text (optional)
navlinks: 4 default links ⊹ pixel heart shows on hover ⊹ custom link text
description: custom title ⊹ scrolling text marquee (optional) ⊹ custom desc text
custom links: up to 8 ⊹ 1–3 columns
music player: 1 song only ⊹ scrolling text marquee (optional)
posts: 1 column ⊹ 300px–650px ⊹ post type indicator in title bar ⊹ legacy and NPF support ⊹ choose between old blockquote captions or modern dashboard captions ⊹ optional toggle tags ⊹ shortened notes (optional) ⊹ optional infinite scroll
corner image: 60px–300px ⊹ custom hover text (optional)
interactive windows: minimize, maximize, and close buttons ⊹ draggable windows (optional) ⊹ customizable borders ⊹ customizable shadow offset, size, color, transparency