Today, I stumbled upon this neat little way to make a “notepad” within the browser by zserge. I also discovered compute cuter by sailorhg, so I combined these two influences to make my own notepad. Try it out by pasting this snippet into a new browser tab:

data:text/html,<html style="background: rgb(67,62,86); color: rgb(248,248,242); display: grid; place-items: center center;"><title>my cute notepad</title><body contenteditable style="padding: 2.5vw; line-height: 1.55; font-size: 14pt; font-family: sans-serif; width: 75ch; overflow: auto">

I used it to write this post ;) For best results, set your default sans serif font to something cute, or replace sans-serif from the above snippet with your favourite font.