Hacker News new | ask | show | jobs
by dmazzoni 1023 days ago
Just in case anyone doesn't already know, you can do that with a data uri as well:

data:text/html,<h1>My%20small%20website</h1><p>Look,%20it's%20real!</p>

You can use a data uri generator to base64-encode it, if you want.

Advantages of smolsite:

- Zip might let you fit a bit more than a data uri

- Some JS APIs would work on a smolsite url, but wouldn't work in a data uri
4 comments
maxbond 1023 days ago
You can use this trick to get a handy notepad.

    data:text/html,<html contenteditable>
I keep it on my bookmarks toolbar.
link
loueed 1023 days ago
I also have a bookmarklet for quick notes.

> data:text/html,<html contenteditable><body style="margin: 10vh auto; max-width: 720px; font-family: system-ui"><h1>New Note

I added some basic styles so I can screenshare :D

Also in most browsers, CTRL + B, I and U work in contenteditable divs.

link
petabytes 1020 days ago
Reminds me of what I did with ChromeOS in middle school, built a whole code editor in the URL bar.
link
undebuggable 1023 days ago
Duh, one can load preconfigured ACE editor with syntax highlighting with it.
link
pcthrowaway 1023 days ago
> Some JS APIs would work on a smolsite url, but wouldn't work in a data uri

In before someone writes a smolsite to install a service worker on the domain that sends analytics for all other smolsites to their own server

link
account42 1022 days ago
Just another reason why service workers were a mistake and should be removed.
link
rpastuszak 1023 days ago
I'm using Base64 + gzip (IIRC) which allows me to store ca 5kb of text in a single Tweet: https://sonnet.io/projects#:~:text=Laconic!%20(a%20Twitter%2...
link
_lvbh 1023 days ago
I use https://github.com/qntm/base2048
link
rpastuszak 1023 days ago
This is amazing, thanks
link
gvx 1023 days ago
Shameless self-promotion: https://github.com/gvx/base116676
link
undebuggable 1023 days ago
(Un)fortunately web browsers [1] and URL shorteners block opening and redirecting to data URLs so they are useful mostly as bookmarks in the web browser.

[1] https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_...

link