I have made a self contained page as well a few days ago. This is oddly satisfying. I use pixel art to make the illustrations (it's all CSS though).
If you want to take a look at it : https://drdru.github.io/pixel_art_book/pixel-art(1).html
For images I do a different hack, I encode images to base64 and embed them via CSS `background: url('data:image/jpeg;base64,/...')`, or img src. The base64 encoding is not very efficient though, so I wouldn't do this for larger images.
Example: https://merely.xyz (page background has a subtle "concrete" pattern).
One reason I’ve been using “.” as the background in my own PCEImages so far is so it’s easy to see that all the lines are the right width.
Love the outcome though
- download (free) video game tiles
- upload them to https://www.pixelartcss.com/ to turn them into CSS
- use this tool (kindly made by thecodingfox a few days ago) to place the tiles on a grid and create the whole image from the CSS returned by pixelartcss : https://www.thecodingfox.com/interactive/pixel-world-editor/