# itty.bitty
Websites on URL fragments

---
## Screenshots
<center>![itty1.png](https://i.imgur.com/DNWzYW1.png)</center>

| <center>![itty2.png](https://i.imgur.com/DQSUze3.png)<br>[View Image](https://i.imgur.com/DQSUze3.png)</center> | <center>![itty3.png](https://i.imgur.com/xU62Vce.png)<br>[View Image](https://i.imgur.com/xU62Vce.png)</center> |
| - | - |
|

---
## Hunter's comment
itty.bitty is a new tool to create HTML pages on links. A simple itty.bitty page URL looks like this:

```
https://itty.bitty.site/#Steemhunt/?XQAAAAIRAAAAAAAAAAAkGkAGg2R5RBnBZw3Ugzef2nYX0ac//rhbAA==
```

After the ```#``` char you can see the title of the document, then the content. See the example [live](https://itty.bitty.site/#Steemhunt/?XQAAAAIRAAAAAAAAAAAkGkAGg2R5RBnBZw3Ugzef2nYX0ac//rhbAA==).

Having scripts, small websites, notes on itty.bitty may just work well. Since it's just a small javascript you can run it everywhere without a server connection. 

A few examples about what can be done:

- A [poetry](https://itty.bitty.site/#Jabberwocky/XQAAAALLBAAAAAAAAAAeHMqHyTY4PyKmqfkwr6ooCXSIMxPQ7ojYR153HqZD3W+keVdvwyoyd+luwncAk7A/7oAPeNC94rorX28ahSnJKlphAnSLzP+ZVan5GCPhXSlK4FyrZxcX/gv4Ssc7N94S63unV3ifspRfnLg0tzh26Ha4cf6kWdd57HiLp3T78Jfpvkzw0OCZQ10BWWci9UxW5f+GcSnBT7wkl2p9QiHFe07+QBRJZYtUHOvTrxm0Q2/AFJHE6d0AuhOKCp69JsQ63rSmtuG/VmDUcpsnIHvwcCb8ZFC7M929/0HhOWWudm3ievwsMKxI9zEHJ2QuCTBQlcq9847vbwjqAI0I2lpNFnwHhuwKhAz1a8daGRnJUQ+viIMIjNbFkABMt4Sl6fwJvNZPcRl5Lvi3TiCUqgmFS+YhyxN5SUsTyvCOSNlqZltHGr/dfDla9izNQ2wO8MeZC82AB0Tir9PpqE9j53mubIQTTC8Fjj3EX6Ei9Yihps3Wnv9i+EVGoB2UIdowII6U1XT1UulEuq6KPaSPaSwKgrLkaEqs9iR2hMXFV13JzX98xUKxlGE0C5tzhP0S4fB41tPHV32EzI//PFJhH+yobH5MDaoWw5BPqqj6tinTG18+szCs/g10BI7NjPothj4bK0X+4KNyLp9VEN3VsQE9y8BuLVwrMRhGU6lc85xGF4ZjQWx/6GOPxT1Hi1v4g/Dgf2JI3Wb5UVWwrRj+pGYvNfFStOmNqX/Z/3wUvkMbl2DLPhBRTBzB26SobC/SHmZZ5o6OB5HBbKKt9a8Dag43Os+Dt7GvBGMY5tMUKM/aPT2imSmVtEmbUpyj/1E7OAA=) page.

- A [calculator](https://itty.bitty.site/#Calculator/data:text/html;charset=utf-8;base64,PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KYm9keSB7bWFyZ2luOjR2bWluIGF1dG87IHdpZHRoOjc0dm1pbjsgYmFja2dyb3VuZDojZWVlOyBmb250LXNpemU6IDh2bWluOyBmb250LWZhbWlseTpzYW5zLXNlcmlmO30KaW5wdXQsIGRpdiB7IGhlaWdodDoyZW07ICBib3JkZXItcmFkaXVzOiAxZW07IGZvbnQtc2l6ZToxZW07fQppbnB1dCB7d2lkdGg6Ni44ZW07IHBhZGRpbmc6IDAgMWVtOyAgbWFyZ2luOjAgMC40ZW0gMC40ZW0gMDsgdGV4dC1hbGlnbjpyaWdodDsgYm9yZGVyOm5vbmU7fQpkaXYge3dpZHRoOjJlbTsgYmFja2dyb3VuZDojZmZmOyBib3JkZXI6bm9uZTsgbWFyZ2luOjAgMC40ZW0gMC40ZW0gMDsgZGlzcGxheTppbmxpbmUtYmxvY2s7IHRleHQtYWxpZ246Y2VudGVyOyBsaW5lLWhlaWdodDoyZW07fQpkaXY6YWN0aXZlIHtiYWNrZ3JvdW5kOnJlZDsgY29sb3I6d2hpdGU7fQpkaXY6bnRoLWNoaWxkKDVuICsgMikgeyBiYWNrZ3JvdW5kOiM0QTkwRTI7IGNvbG9yOndoaXRlOyBtYXJnaW4tcmlnaHQ6MDt9Cjwvc3R5bGU+CjxpbnB1dCB0eXBlPSJ0ZXh0Ij48ZGl2IG9uY2xpY2s9ImZpZWxkLnZhbHVlID0gJyciPkM8L2Rpdj48YnI+PGRpdj43PC9kaXY+PGRpdj44PC9kaXY+PGRpdj45PC9kaXY+PGRpdj7DtzwvZGl2Pjxicj48ZGl2PjQ8L2Rpdj48ZGl2PjU8L2Rpdj48ZGl2PjY8L2Rpdj48ZGl2PsOXPC9kaXY+PGJyPjxkaXY+MTwvZGl2PjxkaXY+MjwvZGl2PjxkaXY+MzwvZGl2PjxkaXY+LTwvZGl2Pjxicj48ZGl2Pi48L2Rpdj48ZGl2PjA8L2Rpdj48ZGl2IG9uY2xpY2s9ImZpZWxkLnZhbHVlID0gZXZhbChmaWVsZC52YWx1ZS5yZXBsYWNlKCfDtycsICcvJykucmVwbGFjZSgnw5cnLCAnKicpKSI+PTwvZGl2PjxkaXY+KzwvZGl2Pgo8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+CnZhciBmaWVsZCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJ2lucHV0Jyk7CmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJ2RpdicpLmZvckVhY2goZnVuY3Rpb24oZGl2KSB7CiAgaWYgKCFkaXYub25jbGljaykgZGl2Lm9uY2xpY2sgPSBmdW5jdGlvbihkaXYpIHsgZmllbGQudmFsdWUgKz0gdGhpcy5pbm5lclRleHQ7IH0KfSk7Cjwvc2NyaXB0Pg==)

- [ascii art](https://itty.bitty.site/#/XQAAAAJZBAAAAAAAAAAeHMqHyTY4PyKmqfkwr6ooCXSIMxPQ7ojYR153HqZD3W+keVdvwyoyd+luwncAk7A/7oAPeOKvbSdlLmZdwzwqHv2U4R5BMVBqEEQyHVavbQNUzdZ4YzboBvRD67IfsUOob0p1vAvJXVxcfZD+NRmeLewOFJARSMbcVHEuzyKhpB0ddaMOWfhSjWBCbhcSro8tk5xcbHFJP6R1SvYb5q9Wm60ujABIFIQgUweOQKHMGNNIvtSp53WcZ4g1LVmDpa66gp54JdkmkmgRYCxIIpw9QDF6h6fPXVJP3rMPHArHAokmMyO+F2z0TnQuwkK/eF4MCqcJN69Sb70a6yLxGf0wBFlN6zpA8pbMnelMlU5h+3WSW47MB5DD554vTpaWmeYMXUujmwJP4Gr0CfsL0s4xUaKxbP135XtWZgZiIR8aU11IWzi8Oa6dRG8c0AcypzMYMDpTK6E0mhqBY1XJ0WGSfnM6HmxPciN8lAv3S1GP61KvbcQTKKK31YFIFezs3vfyHtmlVs19reitSthHIWOrVMwLmu2XpLO9VaS7aADmDwQDIgCZw2URIqIfFW0zlV9yl9T/slNh3P4gM64=)

Check [How it works](https://itty.bitty.site/#How_it_Works/XQAAAAK4CgAAAAAAAAAeHMqHyTY4PyKmqfkwr6ooCXSIMxPQ7ojYR153HqZD3W+keVdvwyoyd+luwncAksxo8PWJs+831jtAVty8rDpGXmyebtxMTP3PSa4g8/593sWue8MDcpOgi1bQyEtfa0JNQZ6T1I/xyNULg1rpwWgE2Y9BnqDq8fDN1N+nd58bizHxZrkeBhdg8inSQ/xKDX7JxpEnuwOAh4FOfn3+EHSxzhJsdQjZfh3lk4tTCDexgFND30Ea3NmmJGK84pdMtEVlcmKC5lrnUNmgoJa3QFsHJkr5595tk03idElTDVhmcQI3jSvPrkTVFTnSLeARVZXV/EUiF0y7+cR3bVkLoTkamZWDMiCTY2Xhv0LdNqWlb/xxyk6takRLrNnS8DkifXEbevTbJOUamuK7uy55kL61btF+/lYNHLWGbh1ckCYglReWWMlM0k4uuqM24okcS74tHtOW3Y5HZYBmPvRR+ItSrZPvbj3kbztOrWapUp7nAzgfIjYoBV/4xOXpFbbaHRft5GICE5Mr1PQhmW/nB63nTpnR+7UdHag8WIMa7nf+NvTPKC5MmQnKzhaMuqEnwGgcM5vkWbekimBclkGJwTGeyhxL7N6hivY+KS3H7vcOSFHXGr7K3PBIQZbywqQiimQ6B6zu4RvH7ZZ3ZN++ii00HKM0FPMcNHuOnL99vAxEl6TEFnx4J4+fwzJwNbuut30TFMBgcrE4iKAGncFIHmvOstFWxE+VlvTLC+uy6XArTO8BdfmbByGiyFv8Al7HqLAzGShdGWNzJ6cPpRwMAmWl5GNRA4qwjQAlfF1dtTwfIXSWOL7AyRwxPs27uY2cvVHCdmVVTNDYiTzHeKX6D9e2ApDRFD6pgcA9VMVP6UeOdVdmwRJ+iLTwQuCdLbVWzQ5T2i/chlihD+RawylXJQ8bKvxW9egXGcrgR5dyKaZCr8nBrArAgtRLR7PdqBQQbr5VodBvPc2FP3fZ6UuQVI1Kg4KcY44GIU5vnlM029TU+ibO2iSX3FhusTFhyOxl4TjjkuXBqA1V7Ha/Op2m8QZaP68p7AAZPOcTHAwP5PxENqIf8qS2aaG2Fiwp5rNED3LhPMjtN54klBYylr5hSAr0TD8J+XwFds8Gq9LToLE8Cq7XNJnE9RqNudIozaMWkfc6PRFjp/aH87x97nPDelKKHGyUEnGJyobw45BOhJMKzZST0VA5v+uQQo0djDXc0UXwzNRIWeBLuUJQpaXZY2gZMuLiSERgyDHg2MBI6trWsyb3ZWbFS4rm8Gq2dxfih3Kj6MdNapUo/jltQ31nx2LepJCQe9DNNF6JEMecls6dHTAM2RfHxEODSSKkF17FfjRLRAfxCK927UvizAxxggP5S/HrX6mGc5xonBy3StLd16thiAG860IdvFyBKfE6+CIhe2jzIwIofNiBILYlKA61vKkjlfZjqsUGDLi426U/Y8bdpxfg7FX1gqNEHeVM17dlBTO7pNOnKyeM2xmLoE7lr92/VIrxJ2OqNfcHu9XjrD6l71vU083VwwAq8Vencm9xLAlDyy3/6BB0kRBiJbjayYrLUbQyMGTFfEvOPmc/zJjfdnqHmg5O/0kuzf2+w5CHD426iPngjmiTo5Snlf+qW8emK/ltnQQIv2ufykH+Px3XZM+zsOclAyHI5MbCKBKeT6j5geCiz3uqci1w5ZlpRjtJWUT6zCj8Fx1eg4F4ov51gaODKV+QQWeFJSyuVTm3Nu2i7AbhKikNzb3RBeQinEh9KrhHc+o4JGezOU55h1UZtonB0+J5dfBRqHnc+6HaXfTmcLrMZjWErq15cBmC0Kx6BNyqP3uGhMUSF+OuIzffEX9fGUNDpUtCjKdbml8uF43e4fN8o10TxYkbggTcyYKI+xWHMyKM2tjOideyDwt33minfEy/JgSLsihBnBua9sfXCg32/+i2okk=) page to find out the sorcery behind it. It's also an open-source [project](https://github.com/alcor/itty-bitty).

---
## Link
https://itty.bitty.site

---
## Contributors
Hunter: @emrebeyler

---
<center><br/>![Steemhunt.com](https://i.imgur.com/jB2axnW.png)<br/>
This is posted on Steemhunt - A place where you can dig products and earn STEEM.
[View on Steemhunt.com](https://steemhunt.com/@emrebeyler/itty-bitty-websites-on-url-fragments)
</center>