1 2 3 4 5 6 7 8 9 10 11 12 13 14 15<!DOCTYPE html> 16<html lang="en"> 17 <head> 18 <meta charset="utf-8"> 19 <title></title> 20 <!-- Two CSS file for now. outofversion.css is for style changes I make between template versions. --> 21 <link rel="stylesheet" href="/css/one.css"> 22 <link rel="stylesheet" href="/css/outofversion.css"> 23 <!-- Netlify stuff --> 24 <link rel="micropub" href="https://www.fromjason.xyz/.netlify/functions/micropub" /> 25 <!-- rel=me stuff --> 26 <link rel="me" href="https://github.com/fromjasonstuff" /> 27 <link rel="me" href="https://mastodon.social/@fromjason" /> 28 <link rel="me" href="https://pixelriot.io/" /> 29 <!-- Microsub server (Apature) --> 30 <link rel="microsub" href="https://aperture.p3k.io/microsub/905" /> 31 <!-- IndieAuth --> 32 <link rel="authorization_endpoint" href="https://indieauth.com/auth" /> 33 <link rel="token_endpoint" href="https://tokens.indieauth.com/token" /> 34 <!-- Webmentions --> 35 <link rel="webmention" href="https://webmention.io/www.fromjason.xyz/webmention" /> 36 <!-- Open graph stuff --> 37 <meta property="og:site_name" content="from jason" /> 38 <meta property="og:type" content="Digital Garden" /> 39 <meta property="og:title" content="from jason" /> 40 <meta property="og:description" content="Odes & Satires, and other matters of stuff & things." /> 41 <meta property="og:url" content="https://fromjason.xyz/" /> 42 <meta property="og:updated_time" content="Tue Mar 03 2026 19:44:30 GMT+0000 (Coordinated Universal Time)" /> 43 <meta property="og:image" content="https://fromjason.xyz/img/opengraph-fromjason.png" loading="lazy" alt="" /> 44 <!-- Twitter meta that I'm sure will not work in the near future if not already because Elon is an idiot --> 45 <meta property="twitter:title" content="from jason" /> 46 <meta property="twitter:description" content="Odes & Satires, and other matters of stuff & things." /> 47 <meta property="twitter:image" content="https://fromjason.xyz/img/opengraph-fromjason.png" loading="lazy" alt="" /> 48 <meta name="twitter:card" content="https://fromjason.xyz/img/opengraph-fromjason.png" loading="lazy" alt="" /> 49 <!-- Other meta stuff I don't know how to categorize --> 50 <meta name="fediverse:creator" content="@[email protected]" /> 51 <meta name="generator" content="Eleventy v2.0.1" /> 52 <meta name="description" content="Odes & Satires, and other matters of stuff & things." /> 53 <link rel="canonical" href="https://fromjason.xyz/" /> 54 <meta content="width=device-width, initial-scale=1" name="viewport"> 55 <!-- RSS stuff. If the page doesn't have an rssDir key, it defaults to the notebook plot. --> 56 <link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="Feed for from jason" /> 57 <link rel="alternate" href="/feed/feed.json" type="application/json" title="Feed for from jason" /> 58 <!-- Favicon and webclip --> 59 <link href="/img/favicon.png" rel="shortcut icon" type="image/x-icon"> 60 <link href="/img/webclip.png" rel="re-icon"> 61 <link rel="apple-touch-icon" href="/img/apple-touch-icon.png"> 62 <link rel="icon" sizes="196x196" href="/img/apple-touch-icon.png"> 63 <!-- Javascript provided by Webflow that I have yet to test and figure out what it is. need to do that. --> 64
64<script type="text/javascript"> 65 !function (o, c) { 66 var n = c.documentElement, 67 t = " w-mod-"; 68 n.className += t + "js", 69 ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") 70 }(window, document); 71 </script>
71 72 </head> 73 <body class="body-primary"> 74 <div class="w-layout-blockcontainer container-650px container-height w-container"> 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 <header class="header"> 90 91<nav class="navbar"> 92 <a href="/" class="navbar-link w-inline-block"><img src="/img/triplex.svg" loading="lazy" alt="" class="image"></a> 93 <a class="navbar-link" href="/p/notebook/">notebook</a> 94 <a class="navbar-link" href="/me/">schemes</a> 95 <a class="navbar-link" href="/p/">plots</a> 96 </nav> 97 98 99 <div class="masthead"> 100 <img src="img/logo-fromjason.svg" loading="lazy" alt="grotesque mask illustration" class="deckhead-img-copy"> 101 102 <div class="div-block-12"> 103 <h1 class="display-copy">from jason</h1> 104 <div class="display-2nd-line">Schemes & plots</div> 105 <div class="display-3rd-line">And other matters</div> 106 <div class="display-4th-line">That won't be forgot</div> 107 <div class="author-lede">written by: jason velazquez</div> 108 <div class="quote-block"> 109 <div class="text-block-12">âââââ</div> 110 <div class="lead-quote">"Another web nerd telling us we're doing the internet wrongâ</div> 111 <div class="lead-quote-name">â hacker news commenter</div> 112 </div> 113 <div class="div-block-14"> 114 <div class="quote-lead">"Web nerds tell <strong>â</strong>normal people' they're doing the internet wrong... again.â</div> 115 <div class="text-block-9">âslashdot user</div> 116 </div> 117 </div> 118 </div> 119 </header> 120 121<article class="article"> 122<div class="div-block-16 w-clearfix"><img src="img/dropcap.svg" alt="w" class="drop-cap"> 123 <p class="paragraph">hat's up, weirdos. I'm <a href="https://www.fromjason.xyz/me/bio/">Jason</a>. Welcome to my digital garden. I'm happy you're here. Please make yourself comfortable. By day, I'm a digital freelancer, copywriter, uncle, and cheese danish sommelier. By night, I drink the blood of my enemies in an old Mountain Dew bottle I found in a Buc-ee's bathroom. Kidding. I'm just a guy who likes to blog about <a href="https://www.fromjason.xyz/tags/technocrats/">technology</a>, <a href="https://www.fromjason.xyz/tags/design/">design</a>, <a href="https://www.fromjason.xyz/tags/the-web/">the web</a>, and anything I'm hyper fixated on at the time. </p> 124 </div> 125 <p>Welcome. Feel free to <a href="https://www.fromjason.xyz/p/" title="all posts">poke around</a>, follow one of my feeds (<a href="https://www.fromjason.xyz/p/notebook/feed/feed.xml" title="notebook RSS">here's my notebook</a>), or <a href="https://www.fromjason.xyz/me/" title="me page">contact me</a> directly. I'm glad you're here.</p> 126 127</article> 128<img src="img/bird-hp.png" class="image-3"> 129<h3 class="section-header-home">Popular posts</h3> 130<div class="div-block-17"> 131 <div class="div-block-18"><a href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/" class="popular-link-title">Where have all the websites gone?</a> 132 <div class="popular-link-summary">We used to visit cool independent websites and share them with our friends. Where did they all go?</div> 133 </div> 134 <div class="div-block-18"><a href="https://www.fromjason.xyz/p/notebook/any-technology-indistinguishable-from-magic-is-hiding-something/" class="popular-link-title">Any technology indistinguishable from magic is hiding something</a> 135 <div class="popular-link-summary">In part 2 of <em>Where did all the websites go?</em> we discover that "the cloudâ is just the internet, and the internet is owned by a surprisingly small number of corporations.</div> 136 </div> 137 <div class="div-block-18"><a href="https://www.fromjason.xyz/p/notebook/copy-acquire-kill-how-meta-could-pull-off-the-most-extraordinary-pivot-in-tech-history/" class="popular-link-title">Copy, Acquire, Killâ How Meta could pull off the most extraordinary pivot in tech history</a> 138 <div class="popular-link-summary">Why is Meta suddenly interested in Mastodon and ActivityPub?</div> 139 </div> 140 <div class="div-block-18"><a href="https://www.fromjason.xyz/p/notebook/the-village-effect-of-the-greater-web/" class="popular-link-title">
140The Village Effect of the Greater Web</a> 141 <div class="popular-link-summary">Why do we confine ourselves to a handful of apps? We look to M. Night Shyamalan's The Village for answers.</div> 142 </div> 143 <div class="div-block-18"><a href="https://www.fromjason.xyz/p/travel/encinitas-california/" class="popular-link-title">Encinitas, California</a> 144 <div class="popular-link-summary">My weekend getaway to the lovely south California where I fantasize of becoming rich.</div> 145 </div> 146 </div> 147 148 149<h3 class="section-header-home">Latest Posts</h3> 150 151 152 153 154<div class="auto-list-block-2"> 155 <div reversed class="auto-list-2"> 156 157 <div class="auto-list-item-2"> 158 <div class="meta-date"> 159 160 161 162 163 164 165 166 167 168 169 <time class="small italic" datetime="2026-02-12"> 170 Feb 171 </time> 172 </div> 173 <a href="/p/notebook/there-s-no-king-in-no-kings/" class="list-item-link truncate">There's no King in No Kings</a> 174 <time style="font-size: var(--small-font-size); margin-left: 5px; display: none;" class="postlist-date" datetime="2026-02-12">February 2026</time> 175 </div> 176 177 <div class="auto-list-item-2"> 178 <div class="meta-date"> 179 180 181 182 183 184 185 186 187 188 189 <time class="small italic" datetime="2026-01-18"> 190 Jan 191 </time> 192 </div> 193 <a href="/p/notebook/the-computational-web-and-the-old-ai-switcharoo/" class="list-item-link truncate">The Computational Web and the Old AI Switcharoo</a> 194 <time style="font-size: var(--small-font-size); margin-left: 5px; display: none;" class="postlist-date" datetime="2026-01-18">January 2026</time> 195 </div> 196 197 <div class="auto-list-item-2"> 198 <div class="meta-date"> 199 200 201 202 203 204 205 206 207 208 209 <time class="small italic" datetime="2026-01-16"> 210 Jan 211 </time> 212 </div> 213 <a href="/p/notebook/slop-is-everywhere-for-those-with-eyes-to-see/" class="list-item-link truncate">Slop is Everywhere For Those With Eyes to See</a> 214 <time style="font-size: var(--small-font-size); margin-left: 5px; display: none;" class="postlist-date" datetime="2026-01-16">January 2026</time> 215 </div> 216 217 <div class="auto-list-item-2"> 218 <div class="meta-date"> 219 220 221 222 223 224 225 226 227 228 229 <time class="small italic" datetime="2025-12-03"> 230 Dec 231 </time> 232 </div> 233 <a href="/p/notebook/hank-green-and-the-fantastical-tales-of-god-ais/" class="list-item-link truncate">Hank Green And The Fantastical Tales of God AIs</a> 234 <time style="font-size: var(--small-font-size); margin-left: 5px; display: none;" class="postlist-date" datetime="2025-12-03">December 2025</time> 235 </div> 236 237 <div class="auto-list-item-2"> 238 <div class="meta-date"> 239 240 241 242 243 244 245 246 247 248 249 <time class="small italic" datetime="2025-06-05"> 250 Jun 251 </time> 252 </div> 253 <a href="/p/notebook/the-bliss-of-good-enough-an-ode-to-my-moka-pot/" class="list-item-link truncate">The bliss of good enoughâ an ode to my moka pot</a> 254 <time style="font-size: var(--small-font-size); margin-left: 5px; display: none;" class="postlist-date" datetime="2025-06-05">June 2025</time> 255 </div> 256 257 </div> 258</div> 259 260 261<p style="margin-top: 1.5em;">60 more posts can be found in <a href="/all/">all posts</a>.</p> 262 263<h3 class="section-header-home">More, other, & additional, and etcetera, and more.</h3> 264<!-- This filters posts with "me" in the front matter. --> 265 266 267<div class="auto-list-block-2"> 268 <div reversed class="auto-list-2"> 269 270 <div class="auto-list-item-3" style="margin-top: 1em;"> 271 <a href="/me/Bookmarks/" class="popular-link-title">Bookmarks</a> 272 <br><span>Things on the web that Iâm fond of and want to share with you.</span> 273 </div> 274 275 <div class="auto-list-item-3" style="margin-top: 1em;"> 276 <a href="/me/bio/" class="popular-link-title">Bio</a> 277 <br><span>Not as long as other autobiographies but every bit as pompous.</span> 278 </div> 279 280 <div class="auto-list-item-3" style="margin-top: 1em;"> 281 <a href="/me/colophon/" class="popular-link-title">Colophon</a> 282 <br><span>Or, how I made this website, who helped, and all my inspirations.</span> 283 </div> 284 285 <div class="auto-list-item-3" style="margin-top: 1em;"> 286 <a href="/me/lorem-ipsum-2-0/" class="popular-link-title">Lorem Ipsum 2 0</a> 287 <br><span>A lorem Ipsum page I use for web design.</span> 288 </div> 289 290 </div> 291</div> 292 293 294 <footer class="footer">
295<script src="https://tinylytics.app/embed/Y-vHq7_yamFdt5wny55E.js?kudos" defer></script>
295 296 <div class="_400w-vflex"> 297 <img src="/img/element-finis.svg" loading="lazy" alt="Ornamentation with the word Finis in a banner." class="ft-img"> 298 <div class="copywrite">2086© 299 <em>(so I don't forget to change the year)</em> 300 From Jason <a href="https://fromjason.xyz/p/notebook/from-jason-2-0-is-an-11ty-powered-digital-garden-with-multiple-plots/" title="About latest version of from jason">2.5</a></div> 301 <div id="dedication" class="dedication">This site is dedicated to the old web, the 302 <em>weird</em> 303 web, the web that screamed in horror when summoned through a land line.</div> 304 <a id="randomLink" href="#" class="randomlink">Don't click here</a> 305 <div class="w-embed w-script"> 306
306<script> 307 // Array of URLs 308 var urls = [ 309 "/p/stories/s/oddities/irate-ivan/", 310 "/p/stories/s/oddities/irate-ivan/", 311 "/p/stories/s/oddities/shame-fish/", 312 "/p/stories/s/oddities/shame-fish/", 313 "/p/stories/s/oddities/that-look-lion/", 314 "/p/stories/s/oddities/that-look-lion/", 315 "/p/stories/s/oddities/yuck-leopard/", 316 "/p/stories/s/oddities/yuck-leopard/", 317 "/p/stories/s/oddities/drunk-baby/", 318 "/p/stories/s/oddities/drunk-baby/", 319 "/p/stories/s/oddities/photog-phil/" 320 ]; 321 // Function to select a random URL and update the hyperlink 322 function setRandomURL() { 323 var randomIndex = Math.floor(Math.random() * urls.length); 324 var randomURL = urls[randomIndex]; 325 document.getElementById("randomLink").href = randomURL; 326 } 327 // Call the function to set an initial random URL 328 setRandomURL(); 329 // Add a click event to change the URL on each click 330 document.getElementById("randomLink").addEventListener("click", function (event) { 331 setRandomURL(); 332 }); 333 </script>
333 334 </div> 335 </div> 336 </footer> 337 </div> 338 </body> 339</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.