135 lines
14 KiB
HTML
135 lines
14 KiB
HTML
<!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 not patch. 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.</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>violinist (classically trained but i do fiddle stuff too)</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 & garfunkel), peter paul and mary, the band, joan baez, liz carroll, crosby stills & 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'm enjoying the winter holidays with my family, but i'm still as busy as ever.
|
|
<p>i'm awaiting my final grades of highschool - my semester has ended, and i have graduated! i'm working college applications. i'm preparing for a <a href="https://kroka.org/programs/semester-school/arctic-to-manhattan-semester">kroka</a> semester for which i'll leave in january.</p>
|
|
<p>i started a few cool things online, most recently a pleroma instance called <a href="https://owlper.ch">the owl perch</a>.</p>
|
|
<p>i'm trying to change my last name to benson. we'll see how it goes.</p>
|
|
<p>i'm feeling pretty swamped still, but things are starting to calm down. i'm happy to have a wonderful network of friends and support people :)</p>
|
|
|
|
<p>updated dec 23rd, 2021</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>
|
|
|