Realized there was nothing stopping me from using @benoitbodhuin's BallPill as a status bar font.

I might be galaxy-braining this, but I think I am going to make this website as a set of spritesheet-esque images generated using node canvas. I got very basic reload-on-changes generation working.

I'd been super cautious about trying to use the node canvas package, but (at least for this spritesheet generating case) it works great.

The setup.

Documenting a cut. I built it so you could have six different 'texts', with separate inputs. But I'm realizing the complexity isn't worth it, you can get the same result with one text using new lines.

Tweaked some config files.

Refactoring Span... it feels peaceful without the text.

The yard.

Placing text.

Text areas.

Split up layout and text input to try and get the scope down. createSpan working.

Multiple line selection is working but, man, there are a lot of edge-cases to deal with here.

Got a bunch of the movement and resize working, I think I need multiple selection though, so I need to refactor/rethink a bit.

Made some progress in the placement algorithm by holding the 'desired' x and width and basing placement off that. Still some bugs though.

Still really into this keyboard-controlled movable text-wrapping idea, but the complexity of all the states is too much right now. Need to think of ways to break it down.

Moving around.

Let me see that text wrap (demo)

Insets.

Starting to think through line-wrapping as text portals.

Stamp - image-paint (stamp) from a source image palette using keyboard controls.

From: https://stamp.constraint.systems