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>Jason Velazquez</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="Jason Velazquez" /> 40 <meta property="og:description" content="This section is about me, Jason. It includes a few sub pages, plus where to find me. Why are you looking for me? Weirdo. (Please look for me)." /> 41 <meta property="og:url" content="https://fromjason.xyz/me/" /> 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-20a.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="Jason Velazquez" /> 46 <meta property="twitter:description" content="This section is about me, Jason. It includes a few sub pages, plus where to find me. Why are you looking for me? Weirdo. (Please look for me)." /> 47 <meta property="twitter:image" content="https://fromjason.xyz/img/opengraph-20a.png" loading="lazy" alt="illustration of a mask" /> 48 <meta name="twitter:card" content="https://fromjason.xyz/img/opengraph-20a.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="This section is about me, Jason. It includes a few sub pages, plus where to find me. Why are you looking for me? Weirdo. (Please look for me)." /> 53 <link rel="canonical" href="https://fromjason.xyz/me/" /> 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 / 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-20a.png" loading="lazy" alt="illustration of a mask" > 97 98<div class="h-card p-author"> 99 <h1 class="p-name">Jason Velazquez</h1> 100 <p class="lead under-title">This section is about me, Jason. It includes a few sub pages, plus where to find me. Why are you looking for me? Weirdo. (Please look for me).</p> 101 102 103 104 <div class="auto-list-block-2"> 105 <div reversed class="auto-list-2"> 106 107 <div class="auto-list-item-3" style="margin-top: 1em;"> 108 <a href="/me/Bookmarks/" class="popular-link-title">Bookmarks</a> 109 <br><span>Things on the web that Iâm fond of and want to share with you.</span> 110 </div> 111 112 <div class="auto-list-item-3" style="margin-top: 1em;"> 113 <a href="/me/bio/" class="popular-link-title">Bio</a> 114 <br><span>Not as long as other autobiographies but every bit as pompous.</span> 115 </div> 116 117 <div class="auto-list-item-3" style="margin-top: 1em;"> 118 <a href="/me/colophon/" class="popular-link-title">Colophon</a> 119 <br><span>Or, how I made this website, who helped, and all my inspirations.</span> 120 </div> 121 122 <div class="auto-list-item-3" style="margin-top: 1em;"> 123 <a href="/me/lorem-ipsum-2-0/" class="popular-link-title">Lorem Ipsum 2 0</a> 124 <br><span>A lorem Ipsum page I use for web design.</span> 125 </div> 126 127 </div> 128</div> 129 <h2>Where to find me</h2> 130 <p class="justify-left">Here are a few ways to reach me and follow my writing.</p> 131 <h3>Email</h3> 132 <p>Shoot me an email anytime about anything. I'd love to hear from you » <a href="mailto:[email protected]" title="my email address">Email Jason</a>.</p> 133 <h3>Socials</h3> 134 <p>I'm slowly moving away from centralized social media, <i>in theory</i>. In practice, I'm still fairly active on these accounts. I'm spending more time on Mastodon these days</p> 135 <ul> 136 <li>Facebook: *Deleted*</li> 137 <li>Twitter: *Deleted*</li> 138 <li>Instagram: *Deleted*</li> 139 <li>Threads: *Deleted*</li> 140 <li>Tiktok: *Deleted*</li> 141 <li>Mastodon: <a href="https://mastodon.social/@fromjason" rel="me" title="my mastadon">@fromjason</a></li> 142 <li>Signal: fromjason.01</li> 143 </ul> 144 <h3>RSS feeds by plot</h3> 145 <p>You can now subscribe to the indvidual plots that make up From Jason <i>*air horn noise*</i>. Use the links below or copy / paste the plot's url into your favorite RSS reader.</p> 146 <p>Note: both xml and json versions of my rss feed provide the same content and should both work in most reeders</p> 147 148 <ol> 149 <li>notebook: <a href="https://www.fromjason.xyz/notebook/feed/feed.xml" title="subscribe rss notebook" class="accent">xml</a> · <a href="https://www.fromjason.xyz/notebook/feed/feed.json" title="subscribe rss notebook" class="accent">json</a></li> 150 <li>freelance: <a href="https://www.fromjason.xyz/freelance/feed/feed.xml" title="subscribe rss freelance" class="accent">xml</a> · <a href="https://www.fromjason.xyz/freelance/feed/feed.json" title="subscribe rss freelance" class="accent">json</a></li> 151 <li>stories: <a href="https://www.fromjason.xyz/stories/feed/feed.xml" title="subscribe rss stories" class="accent">xml</a> · <a href="https://www.fromjason.xyz/stories/feed/feed.json" title="subscribe rss stories" class="accent">json</a></li> 152 <li>travel: <a href="https://www.fromjason.xyz/p/travel/feed/feed.xml" title="subscribe rss travel" class="accent">xml</a> · <a href="https://www.fromjason.xyz/p/travel/feed/feed.json" title="subscribe rss travel" class="accent">json</a></li> 153 </ol> 154 155 156</div> 157 158 159 160</article> 161<!-- Javascript -->
161<script> 162 // This script sets up the copy functionality for each button 163 164 // Function to copy text to clipboard 165 function copyTextToClipboard(text) { 166 navigator.clipboard.writeText(text).then(function() { 167 alert('Text successfully copied to clipboard'); 168 }).catch(function(err) { 169 alert('Error in copying text: ' + err); 170 }); 171 } 172 173 // Event listener for all copy buttons 174 document.querySelectorAll('.copy-btn').forEach(function(button) { 175 button.addEventListener('click', function(event) { 176 // Get the ID of the target element from the data-target attribute 177 var targetId = event.target.getAttribute('data-target'); 178 var text = document.getElementById(targetId).innerText; 179 copyTextToClipboard(text); 180 }); 181 }); 182</script>
182 183 <footer class="footer">
184<script src="https://tinylytics.app/embed/Y-vHq7_yamFdt5wny55E.js?kudos" defer></script>
184 185 <div class="_400w-vflex"> 186 <img src="/img/element-finis.svg" loading="lazy" alt="Ornamentation with the word Finis in a banner." class="ft-img"> 187 <div class="copywrite">2086© 188 <em>(so I don't forget to change the year)</em> 189 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> 190 <div id="dedication" class="dedication">This site is dedicated to the old web, the 191 <em>weird</em> 192 web, the web that screamed in horror when summoned through a land line.</div> 193 <a id="randomLink" href="#" class="randomlink">Don't click here</a> 194 <div class="w-embed w-script"> 195
195<script> 196 // Array of URLs 197 var urls = [ 198 "/p/stories/s/oddities/irate-ivan/", 199 "/p/stories/s/oddities/irate-ivan/", 200 "/p/stories/s/oddities/shame-fish/", 201 "/p/stories/s/oddities/shame-fish/", 202 "/p/stories/s/oddities/that-look-lion/", 203 "/p/stories/s/oddities/that-look-lion/", 204 "/p/stories/s/oddities/yuck-leopard/", 205 "/p/stories/s/oddities/yuck-leopard/", 206 "/p/stories/s/oddities/drunk-baby/", 207 "/p/stories/s/oddities/drunk-baby/", 208 "/p/stories/s/oddities/photog-phil/" 209 ]; 210 // Function to select a random URL and update the hyperlink 211 function setRandomURL() { 212 var randomIndex = Math.floor(Math.random() * urls.length); 213 var randomURL = urls[randomIndex]; 214 document.getElementById("randomLink").href = randomURL; 215 } 216 // Call the function to set an initial random URL 217 setRandomURL(); 218 // Add a click event to change the URL on each click 219 document.getElementById("randomLink").addEventListener("click", function (event) { 220 setRandomURL(); 221 }); 222 </script>
222 223 </div> 224 </div> 225 </footer> 226 </div> 227 </body> 228</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.