A while ago I encountered the GitHub unicorn page and saved it in a gist as it is a nice HTML example of embedding images
Posted by jpluimers on 2026/07/16
I hardly do web development, so every once in a while I encounter something that I forgot about.
In this case it was embedding images with base64 encoding in the HTML of a web page.
The GitHub unicorn page reminded me of that, so I saved it in a gist and a JSFiddle:
- [Wayback/Archive] GitHub unicorn page copied after posting https://mastodon.social/@wiert/116042242733383184 · GitHub
- [Wayback] HTML of the GitHub unicorn page – JSFiddle – Code Playground
You can view the rendered HTML here:
Via: [Wayback/Archive] Jeroen Wiert Pluimers: “First time I got the GitHub unicorn.…” – Mastodon
JSFiddle is cool, and has involved a lot over the years. For instance it can now extract the CSS into a separate file fully automatically. The drawback is that it also converts the HTML pagment into a fragment. See [Wayback] Unicorn! · GitHub – JSFiddle – Code Playground.
Page:
- Index.html [Wayback/Archive] GitHub unicorn page copied after posting https://mastodon.social/@wiert/116042242733383184 · GitHub: index.html
- Rendered page: [Wayback] gist.githack.com index.html
- Rendered image [Wayback/Archive] 0f4b99144830559d.png (1866×1362)
The rendered GitHub unicoron page
[Wayback/Archive] GitHub unicorn page copied after posting https://mastodon.social/@wiert/116042242733383184 · GitHub
The Wiert Corner - irregular stream of stuff 
Leave a comment