CINXE.COM

<!DOCTYPE html> <html lang="en-us"> <head> <meta charset="UTF-8"> <title>Jason Morris</title> <meta name="author" content="Jason Morris"> <meta name="description" content="This is the personal website of Jason Morris — an accessibility engineer and a dialer from upstate New York"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="preload" href="/fonts/atkinson-hyperlegible.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <meta name="theme-color" content="#727272"> <link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/manifest.webmanifest"> <link rel="canonical" href="https://jasonmorris.com/"> <link rel="alternate" href="/atom.xml" title="Jason Morris" type="application/atom+xml"> <style>:root{--black:oklch(0% 0 0deg);--background:oklch(98.18% 0 0deg);--background-border-accent:oklch(89.78% 0 0deg);--background-accent:oklch(92.5% 0 0deg);--text:oklch(25.16% 0 0deg);--text-accent:oklch(38.7% 0 0deg);--form-accent:#639;--link:oklch(45.28% 0.177 261.07deg);--link-visited:var(--link);--link-hover:oklch(32.02% 0.119 260.78deg);--link-focus:oklch(89.87% 0.18 99deg);--font-family:"Atkinson Hyperlegible","Helvetica","Arial",sans-serif}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}html{scroll-padding:5rem;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;font-size:110%}@media screen and (width >= 48em){html{font-size:130%}}@media screen and (width >= 64em){html{font-size:150%}}canvas,img,picture,svg,video{display:block}img{max-inline-size:100%}img[width]{inline-size:auto}img[src$=".svg"],img[width][height]{block-size:auto;inline-size:100%}img[src$=".svg"]{max-inline-size:none}.video{block-size:0;padding-block:1.5rem 51.9%;position:relative}.video iframe{block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0;max-block-size:95vb;position:absolute}.skip{inset-inline-start:-999rem;position:absolute}.skip:is(:active,:focus){display:block;inset-inline-start:0;padding-block:.5rem;padding-inline:.75rem;position:fixed;z-index:100}@font-face{font-display:optional;font-family:Atkinson Hyperlegible;font-stretch:normal;font-style:normal;font-weight:400;src:local("Atkinson Hyperlegible"),local("Atkinson-Hyperlegible"),url(/fonts/atkinson-hyperlegible.woff2) format("woff2")}body{background-color:var(--background);color:var(--text);font-family:var(--font-family);font-weight:400;margin-block:0;margin-inline:0}:any-link{-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}:any-link:link{background-color:inherit;color:var(--link)}:any-link:visited{background-color:inherit;color:var(--link-visited)}:any-link:is(:hover,:focus,:active){background-color:inherit;color:var(--link-hover)}:any-link:hover{text-decoration-thickness:.12rem}:any-link:focus-visible{background-color:var(--link-focus);box-shadow:0 -.125rem var(--link-focus),0 .25rem var(--text);color:var(--text);outline:.1875rem solid #0000;outline-offset:0;text-decoration:none}:any-link:focus:not(:focus-visible){outline:none}h1,h2,h3,h4{color:var(--text);font-weight:400;text-wrap:balance}h1{font-size:2.25rem;line-height:1.2;margin-block:.5rem .25rem;margin-inline:0}.home h1{font-size:3.5rem;text-align:center}h2{font-size:1.8rem;line-height:1.2;margin-block:.4rem .2rem}h2,h3{margin-inline:0}h3{font-size:1.5rem;line-height:1;margin-block:0 1rem}p{font-size:1rem;line-height:1.5;margin-block:.5rem 1rem;margin-inline:0}ol,ul{margin-block:0 1.5rem;margin-inline:2rem 0;padding-block:0;padding-inline:0}ul{list-style-type:circle}li{line-height:1.5}em{font-style:italic}strong{font-weight:700}code,pre{background-color:var(--background-accent);border-block:.1rem solid var(--background-accent);border-inline:.1rem solid var(--background-accent);border-radius:.25rem;color:var(--text);font-family:var(--font-family);font-size:1rem;line-height:1.2}code{display:inline-block;padding-block:0;padding-inline:.15rem}pre{overflow-inline:auto;overscroll-behavior-inline:contain;padding-block:.5rem;padding-inline:.75rem;scrollbar-gutter:stable}pre>code{background-color:initial;border-block-width:0;border-inline-width:0;padding-block:0;padding-inline:0}input[type=checkbox],input[type=radio],input[type=range],progress{accent-color:var(--form-accent)}button,input,select,textarea{font-family:inherit;font-size:inherit}button,input[type=submit]{cursor:pointer}.circle{align-items:center;block-size:3rem;border-radius:50%;display:flex;flex-direction:column;font-size:1.5rem;inline-size:3rem;justify-content:center;line-height:1;margin-block:1rem .5rem;margin-inline:0;padding-block-start:.15rem;transition:background-color .5s ease}.circle,.circle:is(:link,:visited){background-color:var(--text-accent)}.circle:is(:link,:visited){color:var(--background);text-decoration:none}.circle:is(:hover,:focus){background-color:var(--background);background-size:110%;border-block:.1875rem solid var(--link);border-inline:.1875rem solid var(--link);color:var(--link);transition:background-color .5s ease}.circle:focus{box-shadow:none}.sr:not(:focus-within,:active){block-size:.1rem;clip-path:inset(50%);inline-size:.1rem;overflow:hidden;position:absolute;white-space:nowrap}.back{padding-block-start:0}.back,.meta{margin-block-end:1rem}.date,.update{color:var(--text-accent);line-height:1.5;margin-block:0}.caption,figcaption{color:var(--text-accent);margin-block:.5rem 1.5rem;margin-inline:0}figcaption{text-align:center}figcaption:empty{margin-block:0;margin-inline:0}.bump{margin-block-start:2rem}.doc{margin-block:3rem}.doc li,.doc p{max-block-size:var(--small)}.doc h1{font-size:3.3rem}.doc h1+p{margin-block-start:.25rem}.doc h2{margin-block:2.5rem .2rem;margin-inline:0}.doc h3{font-size:1.4rem;line-height:1.2;margin-block:1.5rem 0;margin-inline:0}.doc h3+h4{color:var(--text-accent);font-size:1.2rem;line-height:1.5;margin-block:.5rem 0;margin-inline:0}.doc h4+h4{margin-block-start:-1rem}.doc ul{margin-block:.25rem 2rem;margin-inline:1.5rem 0}.doc li{margin-block-end:.25rem}.doc .footnote{margin-block:3rem -1.5rem}.chunk{list-style-type:none;margin-block-end:2rem;margin-inline-start:0}.chunk li{border-block-end:.1rem solid var(--background-accent)}.chunk li :last-child{border-block-end:0}.chunk a{padding-block:.45rem .35rem;padding-inline:.5rem}.chunk a,hr{display:block}hr{block-size:.5rem;border-block-end:.5rem solid var(--background-accent);border-block-width:0;border-inline-width:0;box-sizing:initial;margin-block:3rem;margin-inline:2rem;overflow:visible;padding-block:0;padding-inline:0}.block-photo{display:block;margin-block:0;margin-inline:auto}main,nav{display:grid;grid-column-gap:1rem;grid-template-columns:[full-start] minmax(0,1fr) [main-start] minmax(0,40rem) [main-end] minmax(0,1fr) [full-end]}.home nav{grid-column-gap:0}main>*,nav>*{grid-column:main}main>figure{grid-column:full;margin-block:1.5rem .5rem;margin-inline:auto}.outer{display:grid;grid-column-gap:1rem;grid-template-columns:2fr 1fr;margin-block-end:2rem}.inner{grid-column:1/span 2}@media screen and (width >= 48em){.inner{grid-column:1}}.photo{grid-column:1/span 2}@media screen and (width >= 48em){.photo{grid-column:2;margin-block-start:3.5rem}}.photo figure{margin-block:0;margin-inline:0}.photo figcaption{text-align:start}.facade{margin-block-end:2rem;position:relative}.facade__overlay{background-color:#00000080;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='90' fill='none' stroke='%23fff' stroke-width='15'/%3E%3Cpath fill='%23fff' d='M70 55v90l75-45z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:5rem;content:" ";inline-size:100%;inset:0;position:absolute;transition:background-size .3s}.facade__link{display:block;position:relative}.facade__link:is(:hover,:focus) .facade__overlay{background-size:6rem;transition:background-size .3s}.facade__link img{display:block}@media print{*{background-color:initial;color:var(--black)}a,a:visited{text-decoration:underline}a[href]:after{content:" " attr(href);font-size:.625rem;font-style:normal}a[href^="#"]:after{content:""}img{max-inline-size:100%;page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}h1{font-size:2.25rem}.doc a[href]:after{content:""}.back,header{display:none}}</style> </head> <body> <header> <a href="#content" class="skip">Skip to content</a> </header> <main class="home" tabindex="-1"> <h1>Jason Morris</h1> <nav> <ul class="chunk bump"><li><a href="/code/pdfcheck/">PDFcheck</a></li><li><a href="/code/ide-switching/">Shortcut: IDE Switching</a></li><li><a href="/code/wordup/">Wordup</a></li><li><a href="/code/rotating-ssh-keys/">Rotating SSH Keys</a></li><li><a href="/diy/fork-seal-clip-for-a-1982-suzuki-gs850l/">Fork Seal Clip for a 1982 Suzuki GS850L</a></li><li><a href="/photo/vertical/">Vertical</a></li><li><a href="/bikes/lords-of-fun/">Lords of Fun</a></li><li><a href="/bikes/where-do-you-see-yourself-in-20-years/">Where Do You See Yourself in 20 Years?</a></li><li><a href="/photo/saturday-morning-in-the-berkshires/">Saturday Morning in the Berkshires</a></li><li><a href="/bikes/weekend-fun-in-ithaca/">Weekend Fun in Ithaca</a></li><li><a href="/bikes/deck-dancing-via-tripod/">Deck Dancing via Tripod</a></li><li><a href="/bikes/bikes-and-barns/">Bikes and Barns</a></li></ul> </nav> <div id="content"> <div class="outer"> <div class="inner"> <h2 id="intro">Hi, I’m Jason</h2> <p>A surprising number of folks go by the same name. Their friends email me all the time.</p> <p>I live in upstate New York with my <a href="https://katydecorah.com">talented significant other</a> and our 7-year-old kiddo.</p> <p>I’m a <a href="https://www.credly.com/badges/3440d3f6-a554-400a-b43d-69f129c2a8df/">Certified Professional in Web Accessibility (CPWA)</a> who works as an Accessibility Engineer and Lead for Development and Digital Strategy Teams at <a href="https://communicatehealth.com/">CommunicateHealth</a>. I also tinker at <a href="https://doublegreat.dev/">doublegreat.dev</a>. I typed my first bit of HTML in a Notepad window sometime in 1998 and have been writing code ever since.</p> <p>Other platforms where I maintain a presence with varying degrees of participation: <a rel="me" href="https://codepen.io/jsnmrs/">CodePen</a>, <a rel="me" href="https://github.com/jsnmrs">GitHub</a>, <a rel="me" href="https://www.linkedin.com/in/jsnmrs/">LinkedIn</a>, <a rel="me" href="https://indieweb.social/@jasonmorris">Mastodon</a></p> </div> <div class="photo"> <picture> <source media="(max-width: 320px)" srcset="/img/jason-240.avif" type="image/avif"> <source media="(max-width: 800px)" srcset="/img/jason-800.avif" type="image/avif"> <source media="(min-width: 801px)" srcset="/img/jason-1024.avif" type="image/avif"> <source media="(max-width: 320px)" srcset="/img/jason-240.webp" type="image/webp"> <source media="(max-width: 800px)" srcset="/img/jason-800.webp" type="image/webp"> <source media="(min-width: 801px)" srcset="/img/jason-1024.webp" type="image/webp"> <source media="(max-width: 320px)" srcset="/img/jason-240.jpg" > <source media="(max-width: 800px)" srcset="/img/jason-800.jpg" > <source media="(min-width: 801px)" srcset="/img/jason-1024.jpg" > <img src="/img/jason-240.jpg" alt="Jason Morris." loading="lazy" width="240" height="240" > </picture> </div> <div class="inner"> <p>This site is a member of the <a rel="external" href="https://a11y-webring.club/">a11y-webring.club</a>. Check out the <a rel="external" referrerpolicy="strict-origin" href="https://a11y-webring.club/prev">previous website</a>, <a rel="external" referrerpolicy="strict-origin" href="https://a11y-webring.club/next">next website</a>, or a <a rel="external" referrerpolicy="strict-origin" href="https://a11y-webring.club/random">random website</a> from the webring.</p> </div> </div> </div> </main> </body> </html>