A Tiny Website

tags: webdev

I made a website that doesn’t have a server. At all. I don’t mean serverless where you’re using Netlify or Lambdas, I think JAMStack is a much better and more descriptive term for sites like that.

No I mean this website doesn’t have a server period. Doesn’t even perform a network request at all.

Right click here and hit “copy link” then paste into the URL bar to view the site

The fact that browsers don’t support the link goes to show how hacky this all is…

This is all powered by a Data URI which you can see in all it’s cryptic glory below.

data:text/html;base64,
PHRpdGxlPnRpbnkgd2Vic2l0ZTwvdGl0bGU+PG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9
IndpZHRoPWRldmljZS13aWR0aCxpbml0aWFsLXNjYWxlPTEuMCIvPjxzdHlsZT5ib2R5e2JhY2tn
cm91bmQ6I2ZiYzk5YTtjb2xvcjojODcyMzExfTp2aXNpdGVkLGF7Y29sb3I6aW5oZXJpdH1ib2R5
Pip7bWF4LXdpZHRoOjQwZW07bWFyZ2luOmF1dG99cHtkaXNwbGF5Om5vbmU7cGFkZGluZzoxZW19
I2kscDp0YXJnZXR7ZGlzcGxheTpibG9ja31wOnRhcmdldH4jaXtkaXNwbGF5Om5vbmV9YnJ7bWFy
Z2luOjFlbX08L3N0eWxlPjxuYXYgc3R5bGU9ImRpc3BsYXk6ZmxleDthbGlnbi1pdGVtczpjZW50
ZXI7anVzdGlmeS1jb250ZW50OnNwYWNlLWJldHdlZW4iPjxhIGhyZWY9IiMiPjxoMT5UaW55IFdl
YnNpdGU8L2gxPjwvYT4gPGEgaHJlZj0iI2giPkhvdyBkaWQgSSBkbyB0aGlzPzwvYT4gPGEgaHJl
Zj0iI3ciPkJ1dCBXaHk/PC9hPjwvbmF2Pjxoci8+PHAgaWQ9ImgiPlRoaXMgc2l0ZSBpcyBkZWxp
dmVyZWQgdmlhIGEgZGF0YSBVUkksIHdoaWNoIGxldHMgaXQgbm90IHVzZSBhIHNlcnZlciBvZiBh
bnkga2luZC4gVGhlIGVudGlyZSBzaXRlIGlzIGNvbnRhaW5lZCB3aXRoaW4gdGhlIFVSSSBhcyBi
YXNlIDY0IGRhdGEuPGJyLz5JdCB3YXMgbW9zdGx5IGEgbWF0dGVyIG9mIGNvZGUgZ29sZmluZyB0
aGUgSFRNTCBkb3duIGFzIGZhciBhcyBJIGNvdWxkIGFuZCB1c2luZyBhIG1pbmlmaWVyLiBJZiB5
b3UncmUgd2lsbGluZyB0byBmb3JnbyB2YWxpZCBIVE1MIHlvdSBjYW4gY3V0IG91dCBhIGxvdC4g
SXQncyBub3QgbWF4aW1hbGx5IGdvbGZlZCBkb3duLCBtb3N0bHkgYmVjYXVzZSBzb21lIHNlbWkt
b3B0aW9uYWwgdGhpbmdzIGxpa2UgcXVvdGVzIGFyb3VuZCBhdHRyaWJ1dGVzIGZpeCBhIGxvdCBv
ZiBlcnJvcnMuPGJyLz5UaGUgU1BBIHRyaWNrIGlzIGEgYml0IG9mIENTUyBoaWRpbmcgdXNpbmcg
dGhlIDp0YXJnZXQgc2VsZWN0b3IuIEEgZ3JlYXQgd2F5IHRvIGRvIHNpbXBsZSB0YWJzIHRvby4g
UGlja2VkIHRoYXQgb25lIHVwIHllYXJzIGFnbyBhbmQgaXRzIGJlZW4gaGFuZHkuPGJyLz5JIGV2
ZW4gdHJpZWQgdG8gc2xpbSBkb3duIHRoZSBjb250ZW50IEknbSB3cml0aW5nIHRvIG1ha2UgaXQg
c21hbGxlci48YnIvPkltYWdlcyBhcmUgbWFkZSB3aXRoIENvbXByZXNzT3JEaWUgYW5kIGxpbWl0
ZWQgdG8gb25seSAyIGNvbG9ycy48L3A+PHAgaWQ9InciPkJlY2F1c2UgSSBjb3VsZC4gSSB0aG91
Z2h0IGl0IHdvdWxkIGJlIGZ1bm55IHRvIGhhdmUgYSB3ZWJzaXRlIHRoYXQgd2FzIHRydWx5IHNl
cnZlcmxlc3MuPC9wPjxwIGlkPSJpIj48aW1nIHN0eWxlPSJtYXJnaW46MCAxZW07aGVpZ2h0OjMw
MHB4O2Zsb2F0OmxlZnQiIHNyYz0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFB
QU5TVWhFVWdBQUFIRUFBQUN2QVFNQUFBRHdoS1BNQUFBQUJsQk1WRVdISXhIN3lacDdaWEx0QUFB
RTJFbEVRVlI0QVlYUUJYQWJ4d0lHNEgvdlR0WVpZdXQ1WW5qdnRWV1lhYUFNT2hmRHpNeE1RK0hr
dHN4TUEyR09vY3lrS3pNelNtRk81SWJrcVh6YjI3MmRnK0J2L1BRdlE0ZElzMllBRUtlTzJ4VUFl
SFFKOXhhS1NneWtBRHBVYzdmZ2ZTY0RBSDJaTzBZUnd3Q0lYZ09JenZ1bTNMVG5mL2g0b0JMTnhQ
eU4wd0ZTQU9pSWlWNS9BOEE2NENJdUtCMEdaMEZKQVo4dlRrU0lTWUJOWWo1Mzk4RS9nS0k3aFJ0
TklkZFZ3WGpjVysrUjBwNHFiVDZZMjQyaDNYYXJVVU5SS1VTYU5iMDFvcTAvQlJSNVBibmJlSk02
TmdBb1ZUcUpkcjdocEdORlBnanluNndTdlhzY29MRFQ3WWVCb2dLM1Z4VDFsdXQvZEhwTmlCanRW
cjlWOVRaUUxBeWFyeFVXM0RyUzZkMExFdWkxdzZ2NkFPVTYzTFF2YTQvSG5INlJPNTlvUGZzclB3
SjU4MlZmMXFFN0tYWDZ0UFRBSHMzb0ppQnF5ZTNMQ3Zyejk4NmpzbCs3OWc1bElLQWFrQzlhT29D
Zk9zK2xwdDlCMXlyOUFRV3lid2VENUFQRjB2cjFyZTdRRENBcURkM3BTLzBlUm9Sb0JrVWUvQ2dG
UUpFbkV0RUJyNDhaUUVFVmNKRTBOQ2lhQm1pU3pRRG84a2ZFQUdJOWdEdGM4VWJSTmI4MzBFeHJS
c0xqK2VCS2VNbm5mVGZ3OUpkTHlQOHdtSS9YREZDTUYxNGhMd0M0ejlzQUhzcWZFVHkydkJMYzhW
YWpsTHN0TVpqWGN5dVdiUWpMTlZUTHBvYnN1YU5XbzJ0SXZ5dE5JRktTWnBUQ1QzeWQ3MjdjMisx
YmhSWDMzUkxyR0pFOXZnRmcxak5WV0o2LzVGc1dwZDc5Q0tMMXJJVHE3dE92QjBBYTdCSUE0cE1k
SUFRTmRwekczS2ZjREhMek4xZmFDY2ZEdWZjQWJ5NzdyNTFJWjdETEhZL3BlWGZiWmhacUZuQ3M0
UnVpNXBpRHdXTDlJanhIMVVhV0J0cng4YnVLTUkyU1JuWmY1dTN1WXIwaXJBRmg3TVF4dHBaN2R4
Rk03bXFZKzdnWjc4RllEaVg3b0FOTTd6WU9DbVBmaVAwb3h1blQzK1RPZ1lqeDVqMzdSbldMY0dN
Ujd4TjNmTE00ZFRsakRUVFdUdlNmWm9lenBZejlRNVVyb0FDSno3TXJFc3dKVlhYUnYxOXYzaUVj
ZlFTYTQ1MlpKQ2Y3SUNydXh6NnVONFZUZXpQQ2V6T0M3T2hSMTF0ay8vZWZyaitXOHordlR3cy8z
T0QyR2RYMXoxbTNaeWxMdUcyV3lWaVZ4WTZqdVhIc2xEQmRGZ1BzVzNMSnBIU1VBcmxqdVhtSmxE
QlVBSmxqOWtqeloxT1lVTUE2WnJjekgrUmIySUJqTW9rMU0xY25IT2ZHd3dCUXp4QmZ4Y2MzaVBP
UzdkZlNlUzl4SDBzTHo2K21OZTl3SDVVZVlvMnJqb3Z6Q1E4dkhILzRiZFgzK011c0lkVVBld1lL
NTg5YVkzSlQxMDIrR2ZsMHlyZVd0N1hqR3VZN0Z0bFg5cE93SUJSMWVOZCtwbStRZlNPZjVmTnRh
UXpwc3BQWE9jbGJsL3ovVis2c2RLekRhcHZQejBoM2Z6cWU1T2RQUytOL1A3R2ovdkZRTnE5ZnN0
N2ZEdnFUQjFLMjZTMFA1Y2lySmx2akxRZjgvN2NVMjh1bzU3cUZKanRtZTBUaG55bVdUZnN1Yy9x
Y1Q2aDFOZHlHSkNJTEZ6SWJhT1l2K0J0M3BlZFRNeGtEZE05Ti9rellDS1JpNWxHRzhiNEwvaHhs
dy9LdERsbG9xOVEzcXF2dHZBREpFTlBXQTZZZHFuTXhuNXBTTml4bitJYmU0WTBjZ2lrYmxnMDVN
aXBzc3ZBMHB6SWhnMTNJNmJETjA1dzR6VkVyN0c2bnVUaE1FQnIyTWlQc29VSG9RQjBOdUFnNEVD
REtnU0ZCeDFGNlZkQVZsbWtGbldEaDYzWmxMQmUwZVpySE1aWU5Pbm1hV2RqRWNTWm9NMnlWc2RE
elJrNXo5RFFYT3JZQ0xqbk5GWTVwd1BIVDNQRTBtNDREUk9vMEo4TW1EdTJBbFdUWUtncy9WOFFN
K2w4U0s0NUFRcFljNndBQUFBQkpSVTVFcmtKZ2dnPT0iLz5XZWxjb21lIHRvIG15IGV4Y2VwdGlv
bmFsbHkgdGlueSB3ZWJzaXRlLiBTb3JyeSBpZiBJJ20gYnJpZWYsIG1vc3Qgb2YgdGhlIHNpemUg
b2YgdGhpcyBwYWdlIGlzIHRoZSBjb250ZW50ITxici8+QWxsIHdpdGhvdXQgYSBzaW5nbGUgbmV0
d29yayByZXF1ZXN0LiBHbyBhaGVhZCBhbmQgY2hlY2sgd2l0aCBkZXYgdG9vbHMuIFRoaXMgc2l0
ZSBkb2Vzbid0IGhhdmUgYSBzZXJ2ZXIsIGF0IGFsbC48YnIvPkV2ZW4gZ290IGEgaHlwZXItY29t
cHJlc3NlZCBwaWN0dXJlIG9mIExhaW4hIFRoYXQncyB3aGVyZSBJIGdvdCB0aGUgY29sb3IgcGFs
ZXR0ZSB0b28uPGJyLz5UaGlzIHNpdGUgaXMgYXMgc21hbGwgYXMgSSBjYW4gbWFrZSBpdCwgeWV0
IHN0aWxsIGxvb2tzIGhhbGYtZGVjZW50IGFuZCBldmVuIGhhcyBtdWx0aXBsZSBwYWdlcyBsaWtl
IGFuIFNQQS4gSXQncyBpbnNwaXJlZCBieSB0aGUgdmFyaW91cyBpdGVyYXRpb25zIG9mIEEgTW90
aGVyZnVja2luIFdlYnNpdGUsIGJ1dCB0YWtlbiB0byBhIHdlaXJkIGV4dHJlbWUuPC9wPg==