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 Johnson</title>
|
|
|
|
<meta content="Satya Johnson" name="description" />
|
|
<meta content="Satya Johnson" 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 Johnson" 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'm a homeschooled high school student who has been in college for over three years. 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. on the web i'm satchlj - see <a href="gemini://satch.xyz/log/name.gmi">names</a> gemlog.</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://github.com/satchlj">github</a></li>
|
|
<li><a rel="me" target="_blank" href="https://tildegit.org/satchlj/">tildegit</a></li>
|
|
<li><a rel="me" target="_blank" href="https://reddit.com/u/satchlj">reddit</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://twitter.com/satchlj">twitter</a></li>
|
|
<li><a rel="me" target="_blank" href="https://www.instagram.com/satchlj">instagram</a></li>
|
|
<li><a rel="me" target="_blank" href="https://genius.com/satchlj">genius</a></li>
|
|
<li><a rel="me" target="_blank" href="https://gitlab.com/satchlj">gitlab</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></li>
|
|
<li><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://cosmic.voyage/ships/malu">cosmic voyage</a></li>
|
|
<li><a rel="me" target="_blank" href="https://satchlj.medium.com">medium</a></li>
|
|
<li><a rel="me" target="_blank" href="https://tilde.club/~satchlj/">tilde.club</a></li>
|
|
<li><a rel="me" target="_blank" href="https://tilde.town/~satchlj/">tilde.town</a></li>
|
|
<li><a rel="me" target="_blank" href="https://tilde.team/~satchlj/">tilde.team</a></li>
|
|
<li><a rel="me" target="_blank" href="https://owlper.ch/satchlj">fediverse</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.com/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>my girlfriend 😉❤️</li>
|
|
<li>cheese</li>
|
|
<li>chocolate</li>
|
|
<li>math videos</li>
|
|
<li>ursula k. le guin</li>
|
|
<li>robert frost</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 am taking four classes this fall: linear algebra and microbiology at <abbr title="greenfield community college">gcc</abbr> and reading ulysses and chinese history at harvard extension school. i'm directing rhinoceros by eugène ionesco and acting as berenger. i'm applying to four year schools, first to mit and then to harvard, dartmouth, yale, amherst, and williams. i'm reading as the golux in the young shakespeare players east's (<a rel="noopener" target="_blank" href="https://youngshakespeareplayerseast.org">ysp</a>'s) dramatic reading of the 13 clocks by james thurber. i'm also preparing for a <a rel="noopener" target="_blank" href="https://kroka.org/programs/semester-school/arctic-to-manhattan-semester">kroka</a> semester.</p>
|
|
<p>i'm feeling pretty swamped about all these things. i'm happy to have a wonderful community of friends though :)</p>
|
|
<p><a rel="noopener" target="_blank" href="https://nownownow.com/about">about now pages.</a></p>
|
|
|
|
<p>updated oct 29, 2021</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>
|
|
|