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>Bio</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="Bio" /> 40 <meta property="og:description" content="Not as long as other autobiographies but every bit as pompous." /> 41 <meta property="og:url" content="https://fromjason.xyz/me/bio/" /> 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-jasonvelazquez.png" loading="lazy" alt="illustration of a mask" /> 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="Bio" /> 46 <meta property="twitter:description" content="Not as long as other autobiographies but every bit as pompous." /> 47 <meta property="twitter:image" content="https://fromjason.xyz/img/opengraph-jasonvelazquez.png" loading="lazy" alt="illustration of a mask" /> 48 <meta name="twitter:card" content="https://fromjason.xyz/img/opengraph-jasonvelazquez.png" loading="lazy" alt="illustration of a mask" /> 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="Not as long as other autobiographies but every bit as pompous." /> 53 <link rel="canonical" href="https://fromjason.xyz/me/bio/" /> 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 <header class="header"> 76 <nav class="navbar"> 77 78 79 80 81 82 83 84 85 86 87 88<a id="backButton" href=" 89 /me/ 90" class="back-btn w-inline-block"><img src="/img/element-doublecaretleft.svg" loading="lazy" alt="Back button double caret" class="caret"></a> 91 92 </nav> 93</header> 94</header> 95<article class="article"> 96 <img class="graphic" src="/img/graphic_page-jasonvelazquez.png" loading="lazy" alt="illustration of a mask" > 97 98<h1>Jason's Bio</h1> 99 100<p class="lead under-title">Not as long as other autobiographies but every bit as pompous.</p> 101 102 103<p>It's me, Jason. I'm a freelancer, occasional storyteller, and self-taught over-thinker.</p> 104 105<p>I'm also a writer and web developer. <a href="https://www.pixelriot.digital" rel="me">Pixel Riot</a> is my freelance business. It's going through a bit of a transitional period at the moment, as I shift from offering services to creating digital products. Check out my <a href="https://omg.fromjason.xyz/now" title="what I'm up to now">Now</a> page.</p> 106 107<p>I enjoy curating listsâan activity that feeds my brainâ and sharing those lists with my friends, unsolicited. I also have a passion for well-designed things. One of my favorite books is <i><a href="https://en.wikipedia.org/wiki/The_Design_of_Everyday_Things" target="_blank">The Design of Everyday Things</a></i> by Donald Norman.</p> 108 109<p>I'm a solo traveler, pastry sommelier, and admirer of the French Goodbye. I like full-grain leather weekend bags, libraries, and 90s New York rap. My favorite hobby is collecting note-taking apps.</p> 110 111<p>My lifeâs goal is to own a small goat farm in Montana. There, I'll write a mediocre Magic Realism novel. I'll grow a long, patchy beard and wear a tattered wool sweater. As the years pass, I slowly slip into mild insanity.</p> 112 113<p>One day, while at the market, I notice a newspaper with the headline âWorld Ending! Zombies Invade!â When I arrive back home, a child is standing at my door. I learn that the child has the zombie cure. I know what I must do. I embark on a hero's journey, trekking across country to save the world. Will I succeed? Only God knows.</p> 114 115<p>Anyway, that's an original story idea. Please don't steal it <a href="https://en.wikipedia.org/wiki/The_Last_of_Us_(TV_series)" title="The Last of Us" target="_blank">.</a></p> 116 117<p>If you enjoyed my writing and you want to say thanks, I take both <a href="mailto:[email protected]">friendly emails</a> and <a href="https://www.buymeacoffee.com/fromjason">cold hard motherfucking cash</a> (you can buy me a coffee, thanks).</p> 118 119<p>I love you,</p> 120 121<p>â Jason</p> 122 123 124</article> 125<!-- Javascript -->
125<script> 126 // This script sets up the copy functionality for each button 127 128 // Function to copy text to clipboard 129 function copyTextToClipboard(text) { 130 navigator.clipboard.writeText(text).then(function() { 131 alert('Text successfully copied to clipboard'); 132 }).catch(function(err) { 133 alert('Error in copying text: ' + err); 134 }); 135 } 136 137 // Event listener for all copy buttons 138 document.querySelectorAll('.copy-btn').forEach(function(button) { 139 button.addEventListener('click', function(event) { 140 // Get the ID of the target element from the data-target attribute 141 var targetId = event.target.getAttribute('data-target'); 142 var text = document.getElementById(targetId).innerText; 143 copyTextToClipboard(text); 144 }); 145 }); 146</script>
146 147 <footer class="footer">
148<script src="https://tinylytics.app/embed/Y-vHq7_yamFdt5wny55E.js?kudos" defer></script>
148 149 <div class="_400w-vflex"> 150 <img src="/img/element-finis.svg" loading="lazy" alt="Ornamentation with the word Finis in a banner." class="ft-img"> 151 <div class="copywrite">2086© 152 <em>(so I don't forget to change the year)</em> 153 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> 154 <div id="dedication" class="dedication">This site is dedicated to the old web, the 155 <em>weird</em> 156 web, the web that screamed in horror when summoned through a land line.</div> 157 <a id="randomLink" href="#" class="randomlink">Don't click here</a> 158 <div class="w-embed w-script"> 159
159<script> 160 // Array of URLs 161 var urls = [ 162 "/p/stories/s/oddities/irate-ivan/", 163 "/p/stories/s/oddities/irate-ivan/", 164 "/p/stories/s/oddities/shame-fish/", 165 "/p/stories/s/oddities/shame-fish/", 166 "/p/stories/s/oddities/that-look-lion/", 167 "/p/stories/s/oddities/that-look-lion/", 168 "/p/stories/s/oddities/yuck-leopard/", 169 "/p/stories/s/oddities/yuck-leopard/", 170 "/p/stories/s/oddities/drunk-baby/", 171 "/p/stories/s/oddities/drunk-baby/", 172 "/p/stories/s/oddities/photog-phil/" 173 ]; 174 // Function to select a random URL and update the hyperlink 175 function setRandomURL() { 176 var randomIndex = Math.floor(Math.random() * urls.length); 177 var randomURL = urls[randomIndex]; 178 document.getElementById("randomLink").href = randomURL; 179 } 180 // Call the function to set an initial random URL 181 setRandomURL(); 182 // Add a click event to change the URL on each click 183 document.getElementById("randomLink").addEventListener("click", function (event) { 184 setRandomURL(); 185 }); 186 </script>
186 187 </div> 188 </div> 189 </footer> 190 </div> 191 </body> 192</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.