{"id":21205,"date":"2018-07-07T00:32:13","date_gmt":"2018-07-06T23:32:13","guid":{"rendered":"https:\/\/jurnsearch.wordpress.com\/?p=21205"},"modified":"2018-07-07T00:32:13","modified_gmt":"2018-07-06T23:32:13","slug":"itty-bitty","status":"publish","type":"post","link":"https:\/\/jurn.link\/jurnsearch\/index.php\/2018\/07\/07\/itty-bitty\/","title":{"rendered":"itty.bitty"},"content":{"rendered":"<p><a href=\"https:\/\/itty.bitty.site\/edit\">itty.bitty<\/a>, new from the design leader at Dropbox. Itty.bitty uses the URL to contain the text of a Web page.  The page can have 2,000 bytes, or about 170-200 words, if you&#8217;re going to support legacy Web browsers such as Internet Explorer.<\/p>\n<p>No hosting server is required, and as the data sits after the # symbol.  What comes after the # is meant to be page-position related, and as such it never gets sent to the server.<\/p>\n<p>The base64 link code is not pretty&#8230;<\/p>\n<p><a href=\"https:\/\/jurn.link\/jurnsearch\/2018\/07\/itty.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jurn.link\/jurnsearch\/2018\/07\/itty.jpg\" alt=\"\" width=\"400\" height=\"260\" class=\"alignnone size-full wp-image-21206\" \/><\/a><\/p>\n<p>But the same link\/page displays as&#8230;<\/p>\n<p><a href=\"https:\/\/itty.bitty.site\/#How_it_works\/XQAAAAIiDQAAAAAAAAAeHMqHyTY4PyKmqfkwr6ooCXSIMxPQ7ojYR153HqZD3W+keVdvwyoyd+luwncAksxo8PWJs+831jtAVty8rDpGXmyebtxMTP3PSa4g8\/593sWue8WaPjJZKXPqJ+G6ffUrBFhdclCfPRZ1gVobusxdd5g4xI5328XhoOoeADUFQZMeRzfBVzcSlEdUqLcxhD5c7kYCBo79g1FR9+rRyw0U3Jyc+5Axt5HWUqKPcEBfQpO35dwvNhCOOZQ\/83PRzl51VrpqJ+zwl7UT1JUUK24g\/b9zCUO6EIGg1bcZW0VBL53SSK4LE+UkJNv3WKY04UQnISAISa4WghBZjXT5ID0S61leAohaQ9Kqkv6fGfZKI+RFa0bqnsYAHjZZQce8enN9zmfqYR\/KIuNnoHmpY9M0W0okWY00CsBUYMdGh1tuE9dypij8nGhJnV61wgkafLJGNsg71mZFmumJRFRdjhuoORlUot67GJomf2ALTGFOYl2JMwf5iLTc4GkKMReT8AeUmDZdt2fEYQDQb81wYhR058quMKXaEv6VOdixspVu8yICITPl+FrCk6qDwJ6z6XY9rHqELHOpSnjLI61\/HRwyomwnMb1rsqA4TT5\/hlkiajl4m8nDaIUTQFrficA2C7YMLhawZhFHrXtAmRgNH8HmObwlWuTCQ2XnHWvW+uEIlw0ktwxI3S\/ZSDlc0t1azaW7YTpOomZtnYAFFzu619Zog3NgnhdH2NBzTiXhO\/qCNrE6BzEFqhas0n0i+c2uAxyVbu3wga6i4D6W\/Zeu+ozS7MxTVTe7aZT7EmaWm6suNbejNlXATuyGbY5vty5SaI2p8woOr5n3rdw8fO2xklod+r6Ffdatw+3BIviCWzKqBQvtNhCZN7M+2yTkZe0CkngOyxlY2mHcJMgQ4wHSpsVXKpH1MnnCd3TIPQUQwmrrU53vWEEHoFSdoGV6Zcmpx1+wsZeL541iHfhymXGm0hHL2DA\/t8JaCnG8Mef7Fs\/EWKe2isgdifXJQHicJgLiPxt5blDruW9CbFVrvOZUOECn1Elsn+g0jCsPc+9pj0PmCtfckRw+Istd2AA5kwyMBYp827sOxkX7LO8zluOWqyArCdN99sPugKufd7RTd6zj81EFWkHK3ycu2THLhvTjvmDQgSg9Q27XP8+\/d6VmOutAKnJkkgb3mOnR0xVqOMURt9g+2qSt\/czpkfPWd+WLcesEn28NJc80yR1DyAxVJ1rUfc3s8TMDo471OY4OjVPnJeP5JcIBkPSKMiit0K0p9ybA4RYVMcifcdjxuzEHVjLyZ37m+hR8cjh927uJrYgZ+bnVgIIG\/nyP54ktOZ5pksTD2Yb5X6LnCeoWE40ZkzyWZgjekKotADLi+sk7Uz4cIOdKeUsR9lbhaQsT5XjvDgDYSIewecBb9Z\/STIuWQf0Rlj9fGP4YfRNQytqbceSs9QdW8SoQuDrDVHMSgYh50a5p8o1KZw2+ltI8+EujGtEfpipuLdU0s4FF7TEHNbKGSv27z8EuoZB8ACeZ15UoCSaaJxVegYNNoe+Jfczr3+7dWqUfrRJcmm6FtiMhpM8olVP\/QXY4DVH0T5MTlBv2BDnGs60FUG+k1Dt0oOC2NSHWL3V5ctkyledKgsSd0iXG+Z1e1IXRNI4A47Cwcu6SR7xuItbONKdNqt7gdr0KLKioDB1A\/Z35NDSkYeBeZQ4f9XpGdqfmYP6askri8Ql13ORedyUrSw8jEmhFHHz3GhtbvY0g4N3HI5jIm97qjUonBWijU4INkMGc1aZnE+xOCsuurkTUKuon3TWo3b9t5JACz0rIFWB1Y6zmq88NbL6SRUFCis4gmIHLg0ijbhTLXG8cPx17V8ktEAAChCpXURUtN\/pPGwEYEOMwOLgnLj3Ekn+5S2a8rSq37JQm35uPSFRgMhC5nXFOIkrzch9QGdRU87Z0APv9RoxGDFrOXaPyfq8SaqwDbt16wuls47jJsrp4TDJi2EjvqPYUz+DDdalb6I9RsPr6Q48VsfJ7Lt4T27EKdyBgXwgnqw1U0yeLwQHmicDSbIXEczjFkvmChL+uqzaigf9SbkGcovXG480Z55w42zQKNKcoC709pX\/MDXk+PyarbxmAxrfpYeiIiwiGcbuYrb1K9TbbSYsQGcLbYaELEwN63qp86wpOXp9l9YR681VH5kahsXxPW6LebDXWYo1lhJu\/2CId8L4twECzbgwoLk9qD35CvEbn+Q7z+8StdOgUERW\/q8zPMXn0Xk9LL4fKj\/\/0\/WJ6\">How it works<\/a><\/p>\n<p>This link <em>is<\/em> the page.<\/p>\n<p>Scripting and hyper-linking is enabled in such pages, so long as it all fits in the URL length.  The code can&#8217;t do images, but you can do old-school ASCII-art.  <\/p>\n<p>The main drawback seems to be that you&#8217;re going to have to be 1000% sure that your text is <em>exactly<\/em> as you want it before you make the link&#8230; because there&#8217;s no after-post editing for errors or updating of dead hyperlinks in the page.  <\/p>\n<p>In which case you&#8217;d ideally consistently version and date-stamp the <\/p>\n<p><code>\"&gt;How it works<\/a><\/code> <\/p>\n<p>bit, as&#8230; <\/p>\n<p><code>\"&gt;How it works (v.0.1 | 14\/07\/2018)<\/a><\/code> <\/p>\n<p>&#8230;so that people and search-tools can discover later updated versions of the same content.  Otherwise the itty.bitty system risks becoming an intertwingled mess of half-baked and old\/broken stuff that you (and probably Google) won&#8217;t want in search results.<\/p>\n<p>I&#8217;m guessing that advanced Web browsers such as Brave will soon &#8216;add a feature&#8217; in relation to this, by enabling much longer data-carrier code to be read from URLs.  Perhaps also some simple automatic &#8220;&#8230;and can we find a later version of this itty.bitty.site?&#8221; query, done inside the browser.  There would, however, also have to be some sort of dynamic ownership hash embedded in the page, to protect against impersonation of the page-author.  Perhaps the system of authoring an ownership-hash and datestamp could be combined into a simple &#8216;one-click operation&#8217; in a desktop authoring tool.<\/p>\n<p>Anyway, it&#8217;s one example of the coming uncensorable <a href=\"https:\/\/decentralizedweb.net\/\">Decentralized Web<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>itty.bitty, new from the design leader at Dropbox. Itty.bitty uses the URL to contain the text of a Web page. &hellip;<\/p>\n<p><a href=\"https:\/\/jurn.link\/jurnsearch\/index.php\/2018\/07\/07\/itty-bitty\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,16],"tags":[],"class_list":["post-21205","post","type-post","status-publish","format-standard","hentry","category-open-access-publishing","category-spotted-in-the-news"],"_links":{"self":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/posts\/21205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/comments?post=21205"}],"version-history":[{"count":0,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/posts\/21205\/revisions"}],"wp:attachment":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/media?parent=21205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/categories?post=21205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/tags?post=21205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}