my bloat-free website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

128 lines
14 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="width=device-width,initial-scale=1" name="viewport" />
<title>Satya Benson</title>
<meta content="Satya Benson" name="description" />
<meta content="Satya Benson" name="author" />
<meta content="#333333" name="theme-color" />
<link href="https://satchlj.us/" rel="openid.delegate" />
<meta content="satchlj.us" property="og:title" />
<meta content="Satya Benson" property="og:description" />
<meta content="/images/profilepic.jpg" property="og:image" />
<meta content="/images/profilepic.jpg" name="twitter:card" />
<style>*{margin:0;padding:0;box-sizing:border-box;--textcolor:#a2b2c4;--bgcolor:#1b1b22;--highlight:#6546ee;}body{font-size:18px;font-family:'Handlee','Times';line-height:1.4;color:var(--textcolor);background:var(--bgcolor);position:relative;max-width:64em;margin:0 auto}section{padding:calc(6em + 5vw) 5vw 8vw 5vw;display:none;position:absolute;top:0;min-height:90vh;width:100%;background:var(--bgcolor)}section:target{display:block}section#home{display:block}header{padding:5vw 5vw 0 5vw;display:flex;flex-wrap:wrap;position:absolute;width:100%;z-index:2}header h1{font-size:1em;flex:1;white-space:nowrap;padding:0 5vw .5em 0}nav a:not(:last-of-type){margin-right:1.5vw}a{text-decoration:none;color:var(--highlight)}a:hover{border-bottom:1px solid}section h1{font-size:1em;margin:0 0 1em 0}h2,h3,h4{font-size:1em;font-weight:600;margin:1.6em 0 .6em 0}article,ol,p,ul{max-width:60ch;margin-bottom:.6em}ul{list-style-type:none}ul li::marker{content:"\2022 "}li{margin-bottom:.2em}ol,ul{padding-left:2ch}b,strong{font-weight:600}small{font-size:.85em}hr{height:1px;border:0;background:currentColor;opacity:.1;margin:1.2em 0}abbr{text-decoration:none}abbr[title]:hover{opacity:.7;cursor:help}blockquote{padding-left:2ch;opacity:.7;margin-bottom:.6em;position:relative}blockquote:before{content:"";position:absolute;left:0;top:.3em;bottom:.3em;background:currentColor;width:1px;opacity:.2}audio,img,svg,video{display:block;max-width:100%;height:auto;fill:currentColor}code,textarea{font-size:1em;opacity:.7}a code{opacity:1}pre,textarea{font-size:.9em;color:inherit;line-height:inherit;padding:.6em .9em;margin:.8em 0 1em 0;position:relative;display:block;width:100%;white-space:pre;border:0;border-radius:4px;background:rgba(255,255,100,.075);box-shadow:inset 1px 1px 0 rgba(0,0,0,.2),inset -1px -1px 0 rgba(0,0,0,.04)}label{cursor:pointer;vertical-align:super;line-height:1;font-size:.75em;padding-left:.1em}label:hover{color:var(--highlight)}label:before{content:"["}label:after{content:"]"}label+input,label+input+small{display:none}input:checked+small{display:block;padding:.8em 0 1em 2.5vw}figure{margin:2em 0 1.5em 0}figure figcaption{margin:.8em 0 0 0;font-size:.85em;opacity:.7}figure.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}figure.video embed,figure.video iframe,figure.video object{position:absolute;top:0;left:0;width:100%;height:100%;border:0;visibility:hidden}section:target iframe{visibility:visible}a[href*="//"]:after{font-weight:300;font-size:.85em;content:"\2197";color:var(--textcolor);opacity:.25}a[href^="mailto:"]:after{font-weight:300;font-size:.85em;content:"\2709";color:var(--textcolor);opacity:.25}a[href^="xmpp:"]:after{font-weight:300;font-size:.85em;content:"\1F5EA";color:var(--textcolor);opacity:.25}a[href*="//"]:hover:after,a[href^="mailto:"]:hover:after,a[href^="xmpp:"]:hover:after{color:var(--highlight);opacity:1}a:before{font-size:.7em;margin-right:.4em;opacity:.75}a[href$=".pdf"]:before{content:"pdf"}a[href$=".txt"]:before{content:"txt"}a[href$=".mp3"]:before{content:"mp3"}a[href$=".zip"]:before{content:"zip"}a[href$=".rar"]:before{content:"rar"}a[href$=".gif"]:before,a[href$=".jpeg"]:before,a[href$=".jpg"]:before,a[href$=".png"]:before{content:"img"}a[href$=".asc"]:before{content:"asc"}article+article{margin-top:4.5em}article h2{font-weight:700;margin:0 0 1em 0}article time{margin-left:.6em;font-size:.8em;font-weight:400;opacity:.7}.grid{display:grid;grid-gap:5vmin;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-flow:dense;padding:2em 0}.grid a{position:relative;border:0}.grid a:hover{transform:scale(.975)}.grid a:before{content:"";display:block;padding-top:100%}.grid a img{position:absolute;top:0;width:100%;height:100%;object-fit:contain}.slides{position:fixed;top:0;left:0;right:0;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.slides figure{height:100vh;padding:0 5vw;margin:0;display:grid;place-items:center;align-content:center;scroll-snap-align:center}.slides figure img{max-height:88vh}.slides figure.cover{padding:0}.slides figure.cover img{max-height:none;position:absolute;z-index:-1;width:100vw;height:100vh;object-fit:cover}.lightbox{display:none;color:var(--textcolor)}.lightbox:target{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;background:var(--bgcolor);border:0;z-index:3}.lightbox img{max-height:100vh;z-index:4}.lightbox:target:before{content:"";height:2em;width:2em;animation:spin .8s infinite linear;border:1px solid;border-right-color:transparent;border-radius:50%;display:block;position:absolute;transform:translateX(-50%);opacity:.25}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.lightbox:target:after{content:"\00D7";position:fixed;font-size:2em;font-weight:200;line-height:0;top:.75em;right:.5em;z-index:4}@media only screen and (max-width:680px){body{font-size:16px}}@media only screen and (max-width:540px){nav{width:100%}}@media print{.lightbox:target:after,nav{display:none}article,figure,img{page-break-inside:avoid;break-inside:avoid}label+input+small{display:inline}label+input+small:before{content:"["}label+input+small:after{content:"]"}.slides,.slides figure{position:relative;height:auto;padding:0}.slides figure img,.slides figure.cover img{max-height:auto;position:relative;z-index:1;width:auto;height:100vh;object-fit:contain}}</style>
</head>
<body>
<header>
<h1> <a href="#home">satchlj.us</a></h1>
<nav>
<a href="#now">now</a> <a href="#contact">contact me</a> <a href="#music">music tastes</a> <a href="#web">me on the web</a> <a href="#off-the-web">me off the web</a> <a href="#random">things i like</a> <a href="https://satchlj.com">main pw</a>
</nav>
</header>
<main>
<section id="home">
<h1>i'm satchlj</h1>
<p>i live at the <a href="https://bensonplace.org">benson place</a> blueberry farm and i love it here.</p>
<p>i am a student and an actor</p>
<h2>about me</h2>
<p>my name is satya lincoln johnson, but i go by satch which rhymes with watch. in december 2021 i began using benson as my last name. on the web i'm satchlj - see <a href="gemini://satch.xyz/log/name.gmi">names</a> gemlog. i live in western massachusetts, where i've been since 2006 (i was born in portland, oregon). i went to the hartsbrook school in Hadley for my early childhood education, and i homeschooled most of elementary school and all of highschool, taking classes at greenfield community college.</p>
<h1 id="the-who-is-satch-scoop">the <em>who is satch</em> scoop</h1>
<ul>
<li>shakespeare nerd, director, and actor</li>
<li>computer and website meddler</li>
<li>farmer boy</li>
<li>nature guy (building fires, not getting lost, identifying trees)</li>
</ul>
</section>
<section id="music">
<h1>music tastes</h1>
<p>i like long walks on the beach. but more than that, of course, i like pink floyd, yes, jacob collier, the beatles, and lots of fiddlin' jams, mind blowing classical compositions, and snippets of birdsong, from the beginning of music way back in the day all the way through to the present.</p>
<p>i also play the violin :)</p>
<p>other killer bands and artists: fleetwood mac, <abbr title="alt-j"></abbr>, neutral milk hotel, genesis, van der graaf generator, king crimson, radiohead, the grateful dead, jethro tull, joanna newsom, gil scott-heron, arden lloyd, peter gabriel, david bowie, paul simon (and simon &amp; garfunkel), peter paul and mary, the band, joan baez, liz carroll, crosby stills &amp; nash, the gaslight tinkers, solas, the decemberists, the flaming lips, and (last but not least) the great django reinhardt.</p>
</section>
<section id="web">
<h1>me on the web</h1>
<p>i have an old website on google sites (i know, it's shameful) <a rel="me" target="_blank" href="https://old.satch.xyz">here</a>. most places online you can find me as <code>satchlj</code>.</p>
<ul>
<li><a rel="me" target="_blank" href="https://satchlj.com">main personal website</a></li>
<li><a rel="me" target="_blank" href="https://owlper.ch/satchlj">fediverse</a></li>
<li><a rel="me" target="_blank" href="https://tildegit.org/satchlj/">tildegit</a></li>
<li><a rel="me" target="_blank" href="https://cosmic.voyage/ships/malu">cosmic.voyage</a></li>
<li><a rel="me" target="_blank" href="https://news.ycombinator.com/user?id=satchlj">hacker news</a></li>
<li><a rel="me" target="_blank" href="https://genius.com/satchlj">genius</a></li>
<li><a rel="me" target="_blank" href="https://www.linkedin.com/in/satchlj">linkedin</a></li>
<li><a rel="me" target="_blank" href="https://stackoverflow.com/users/16692375">stack overflow</a> and <a rel="me" target="_blank" href="https://stackexchange.com/users/22677564/">stack exchange</a></li>
<li><a rel="me" target="_blank" href="https://www.imdb.com/user/ur117558164/">imdb</a></li>
<li><a rel="me" target="_blank" href="https://tilde.club/~satchlj/">tilde.club</a>, <a rel="me" target="_blank" href="https://tilde.town/~satchlj/">tilde.town</a>, and <a rel="me" target="_blank" href="https://tilde.team/~satchlj/">tilde.team</a></li>
<li><a rel="me" target="_blank" href="https://satchlj.medium.com">medium</a></li>
<li><a rel="me" target="_blank" href="https://github.com/satchlj">github</a></li>
<li><a rel="me" target="_blank" href="https://gitlab.com/satchlj">gitlab</a></li>
<li><a rel="me" target="_blank" href="https://reddit.com/u/satchlj">reddit</a></li>
</ul>
</section>
<section id="off-the-web">
<h2 id="off-the-web">me off the web</h2>
<ul>
<li>in person at the <a rel="noopener" target="_blank" href="https://bensonplace.org">benson place</a></li>
<li>on gemini at <a href="gemini://satch.xyz">satch.xyz</a></li>
</ul>
<p>to send me a message, please check out the <a href="https://satchlj.us/#contact">contact</a> page.</p>
<h2 id="donate-or-sponsor">donate or sponsor</h2>
<p>to support my current and future work, you can sponsor me.</p>
<p>see the <a href="https://satchlj.com/donate/">donate</a> page for more information.</p>
</section>
<section id="random">
<h2>other random things i like</h2>
<ul>
<li><a href="http://clarafae.space">my girlfriend</a> 😉❤</li>
<li>cheese</li>
<li>chocolate</li>
<li>math videos</li>
<li>ursula k. le guin</li>
<li>robert frost</li>
<li>books in general</li>
<li>stanley kubrick films</li>
<li>eggs with maple syrup</li>
<li>plenty of sleep</li>
</ul>
</section>
<section id="now">
<h1>what i'm doing now</h1>
<p>i have returned from the <a href="https://kroka.org/programs/semester-school/arctic-to-manhattan-semester">kroka expeditions</a> arctic to manhattan semester.</p>
<p>i'm enjoying my summer, working for my family farm, and getting ready for my freshman year of college at <a href="https://www.williams.edu">willams</a>. my life is changing fast, and i&#39;m trying my best to hold on.</p>
<p>last updated jun 16th, 2022</p>
<p><a href="https://nownownow.com/about">about now pages.</a></p>
</section>
<section id="contact">
<h1>contact</h1>
<h2>chat</h2>
<p> the best and fastest way to get in touch with me is irc. i'm <code>satchlj</code> on <a
href="https://libera.chat/">libera.chat</a> and
<a href="https://tilde.chat">tilde.chat</a>. i also run my own private irc server—if you're a friend of mine contact me and i'll let you in.</p>
<p>i'm also on xmpp as <a href="xmpp:satchlj@hmm.st">satchlj@hmm.st</a>, but i currently don't use it much.</p>
<h2>email</h2>
<p>i have too many email addresses, just ask <a href="mailto:wyliertt@gmail.com">wylie</a>, but you can always reach me at <a href="mailto:satya@benson.place" rel="me">sj@benson.place</a> or <a href="mailto:mail@satch.xyz" rel="me">mail@satch.xyz</a>.</p>
<h2>social media</h2>
<p>i list my accounts on the <a href="#web" rel="me">me on the web</a> page, but i really don't check them all that much. the best way to social media me is the fediverse. i run a pleroma instance called the <a href="https://owlper.ch">owl perch</a> and i am <a href="https://owlper.ch/satchlj">@satchlj@owlper.ch</a>.</p>
</section>
</main>
</body>
</html>