2022-01-19 07:57:49 +00:00
<!DOCTYPE html> < html xmanifest = "manifest.appcache" > < meta name = "viewport" content = "width=device-width, viewport-fit=cover" viewport-fit = cover" > < meta name = "description" content = "itty bitty things can be conveyed in a link." >
< link id = "favicon" rel = icon href = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><text y=".9em">🛰</text></svg>' >
< script src = "/lzma/lzma-d-min.js" > < / script >
< script src = "/data.js" > < / script >
< script src = "/index.src/index.js" > < / script >
2019-03-18 14:41:54 +00:00
< style type = "text/css" >
2022-01-12 14:49:23 +00:00
body{font-family:sans-serif}#iframe{border:0;position:absolute;top:0;left:0;width:100%;height:100%}#edit{font-family:monospace;font-weight:bold;color:rgba(0,0,0,0.54);position:absolute;z-index:100;position:absolute;top:.85em;right:1em;display:none}#edit:not(:hover){text-decoration:none}#warning{position:absolute;border-radius:4px;background-color:#feecc2;padding:1em;font-size:16px;width:20em;z-index:100;top:10vh;left:50vw;margin-left:-10em}#warning:empty{display:none}body.toasting #iframe,body.toasting #edit{opacity:.5;pointer-events:none}body.toasting #toast{box-sizing:border-box;background-color:#feecc2;border-radius:4px;font-size:13px;left:50%;top:10px;margin-left:-160px;padding:1em;position:absolute;max-width:320px;z-index:101}body:not(.toasting) #toast,body.toasting #warning{display:none}body:not(.download) #download{display:none}#download{background:#fafafa;width:100vw;height:100vh;position:absolute;top:0;left:0;display:flex;text-decoration:none;color:black;justify-content:center;align-items:center;flex-direction:column;font-size:14px}#dl-image{width:128px;height:128px;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%0A%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-outside-1_116_2' maskUnits='userSpaceOnUse' x='27' y='15' width='74' height='98' fill='black'%3E%3Crect fill='white' x='27' y='15' width='74' height='98'/%3E%3Cpath d='M80 16H28V112H100V36L80 16Z'/%3E%3C/mask%3E%3Cpath d='M80 16H28V112H100V36L80 16Z' fill='white'/%3E%3Cpath d='M28 16V15H27V16H28ZM80 16L80.7071 15.2929L80.4142 15H80V16ZM28 112H27V113H28V112ZM100 112V113H101V112H100ZM100 36H101V35.5858L100.707 35.2929L100 36ZM28 17H80V15H28V17ZM29 112V16H27V112H29ZM100 111H28V113H100V111ZM99 36V112H101V36H99ZM100.707 35.2929L80.7071 15.2929L79.2929 16.7071L99.2929 36.7071L100.707 35.2929Z' fill='black' fill-opacity='0.15' mask='url(%23path-1-outside-1_116_2)'/%3E%3C/svg%3E%0A");padding:20px 32px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;color:rgba(0,0,0,0.3);font-weight:bold}#dl-button{text-decoration:none;background:gray;color:white;padding:.5em 1em;border-radius:2em;display:none}#dl-button:hover{background:black}#dl-name{margin-bottom:2em}
2019-03-18 14:41:54 +00:00
< / style >
2018-07-08 15:17:48 +00:00
< noscript > To use itty.bitty, please enable JavaScript.< / noscript >
2018-07-11 05:38:55 +00:00
< div id = "toast" > itty.bitty is experimental technology that renders linked content from outside sources. < a href = "http://toast.bitty.site" target = "_blank" > Learn more< / a > .
< br > < br > This content is only as trustworthy as its source, and it should be treated with the caution
you would show any insecure web page.
< br > < br > < button onclick = "dismiss()" > I understand< / button > < input id = "never" type = "checkbox" > < label for = "never" > Never show this< / label > < / div >
2018-07-07 21:11:51 +00:00
< iframe id = "iframe" > < / iframe >
< div id = "warning" > < / div >
2018-07-08 15:17:48 +00:00
< a id = "edit" > edit< / a >
2022-01-12 14:49:23 +00:00
< a id = "download" > < div id = "dl-image" > < / div > < div id = "dl-name" > < / div > < div id = "dl-button" > Download< / div > < / a >
2019-03-18 14:41:54 +00:00
< / html >
