sites/trwnh.com
1
Fork 0
Code Issues Pull requests Releases Wiki Activity
trwnh.com/unified.test.hugo/static/index.2024.html

368 lines
16 KiB
HTML
Raw Normal View History

WIP: iunno where i'm at tbh
2024-10-05 06:27:07 +00:00
<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title property="og:title">~a</title>
<meta name="description" property="og:description" content="a's domain" />
<meta name="author" content="a (a@trwnh.com)" />
<meta property="og:type" content="profile" />
<meta property="og:url" content="https://trwnh.com" />
<meta property="og:site_name" content="trwnh.com" />
<link rel="icon apple-touch-icon shortcut" href="https://trwnh.com/.assets/icon.png" sizes="400x400" />
<meta property="og:image" content="https://trwnh.com/.assets/icon.png" />
<meta property="og:image:alt" content="a's avatar">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="400">
<meta property="og:image:height" content="400">
<link rel="me" href="mailto:a@trwnh.com" />
<link rel="me" href="https://mastodon.social/@trwnh" />
<link rel="me" href="https://abdullahtarawneh.com" />
<style>
html {
line-height: 1.711;
font-family: sans-serif;
}
body {
max-inline-size: 80ch;
padding: 0;
margin: 0;
box-sizing: border-box;
}
main > * {
padding-inline: 1rem;
}
section {
margin-block: 4rem;
}
section > section {
margin-block: 2rem;
}
/* color scheme */
html {
--color-fg: hsl(210, 100%, 20%);
--color-bg: hsl(210, 100%, 90%);
--color-titlebar: hsl(210, 100%, 80%);
--color-link: hsl(210, 100%, 35%);
--color-visited: hsl(270, 80%, 35%);
}
@media (prefers-color-scheme: dark) {
html {
--color-fg: hsl(210, 100%, 90%);
--color-bg: hsl(210, 100%, 10%);
--color-titlebar: hsl(210, 100%, 20%);
--color-link: hsl(210, 100%, 65%);
--color-visited: hsl(270, 100%, 75%);
}
}
html {
background: var(--color-bg);
color: var(--color-fg);
}
/* links */
a:link {
color: var(--color-link);
text-decoration-thickness: 0.125rem;
text-underline-offset: 0.25rem;
transition-duration: 100ms;
}
a:link:hover {
text-underline-offset: 0.375rem;
text-decoration-thickness: 0.25rem;
}
a:visited {
color: var(--color-visited);
}
/* basic element styling */
h2 {
background-color: var(--color-titlebar);
padding: 1rem;
[WIP] lots of cleanup and polish
2024-10-16 05:34:37 +00:00
margin-inline-start: -1rem;
WIP: iunno where i'm at tbh
2024-10-05 06:27:07 +00:00
border-radius: 0 100rem 100rem 0;
}
h3 {
text-decoration-style: solid;
text-decoration-color: var(--color-titlebar);
text-decoration-line: underline;
text-decoration-thickness: 0.5rem;
text-decoration-skip-ink: none;
text-underline-offset: 0rem;
}
section {
padding-inline-start: 1rem;
}
aside {
opacity: 0.725;
font-size: 0.8em;
}
blockquote {
border-inline-start: 2px solid currentColor;
margin-inline-start: 0;
padding-inline-start: 1rem;
}
figure {
padding: 1rem;
margin-inline: 0;
border: 1px solid currentColor;
}
figure blockquote {
line-height: 1.4;
font-family: serif;
border: 0;
}
figcaption {
font-size: 0.8em;
}
/* float a lil quotey before the quote */
figure {
position: relative;
}
figure blockquote:before {
content: '“';
position: absolute;
inset-block-start: 0.25rem;
inset-inline-start: 0.5rem;
font-size: 2rem;
}
/* style the contact section */
dt {
font-weight: bold;
}
dd {
font-family: monospace;
font-size: 1rem;
margin-inline-start: 0;
margin-block-start: 0;
margin-block-end: 1rem;
}
</style>
</head>
<body>
<main class="h-card vcard">
<header>
<h1>~<span class="p-nickname p-name nickname fn">a</span></h1>
<p class="p-note note">i have approximate knowledge of many things. perpetual student. (<span class="p-gender-identity">nb</span>/ace/<span class="p-pronouns">they</span>)</p>
</header>
<section id="contact">
<h2>contact me</h2>
<dl>
<dt>Chat (XMPP)</dt>
<dd><a href="xmpp:a@trwnh.com" rel="me" class="u-impp">a@trwnh.com</a></dd>
<dt>Mail (SMTP)</dt>
<dd><a href="mailto:a@trwnh.com" rel="me" class="u-email email">a@trwnh.com</a></dd>
<dt>Social (ActivityPub)</dt>
<dd><a href="https://mastodon.social/@trwnh" rel="me" class="u-url url">mastodon.social/@trwnh</a></dd>
</dl>
</section>
<section id="soup">
<h2>loosely categorized soup</h2>
<section>
<h3>general stuff</h3>
<p>you can probably find me around the web with the username "<span class="p-name p-nickname fn nickname">trwnh</span>". it comes from my fleshform's legal name, "<span class="p-name fn"><span class="p-given-name given-name">abdullah</span> <span class="p-family-name family-name">tarawneh</span></span>"; just take the vowels out of the family name. 2014 they was so hipster. although nowadays "i" mostly just go by "a". historically i've had a really tough time with identity, so this is the best we're gonna get i guess.
</p>
<aside>
<p>
(sidenote: i am apparently not the only person to arrive at these five consonants in a row. in particular, trwnh on twitter is not me; someone claimed my username after i deleted twitter in 2018. not that i really care about twitter anymore. depending on how things go in the near-mid future, everyone else might not care either.)
</p>
</aside>
</section>
<section>
<h3>concert/music/band stuff</h3>
<p>i've used the names "<span class="p-nickname nickname">obvious_humor</span>"/"<span class="p-nickname nickname">obvioushumor</span>" for my vaguely music/band fandom stuff, and "<span class="p-nickname nickname">birdsounds</span>" for more creative stuff like my concert photography. both names are references to lyrics by <a href="https://circasurvive.com">Circa Survive</a>, one of my favorite bands.</p>
<figure>
<blockquote>
Make your move, obvious humor<br/>
Desperate and respiratory plight<br/>
Always on, dressed to impress<br/>
I'll be the last one to find out why<br/>
Time takes its toll on us (this changes everything)<br/>
And I'd be a liar if I denied you at all<br/>
Oh, now that I know<br/>
This changes everything<br/>
I've been trading ideas with intriguing men, and I<br/>
I perceive an honest solution to all of your pride<br/>
[...]<br/>
I'm going home, but my own way<br/>
Going home on my own<br/>
I'm going home, but my own way<br/>
Going home on my own
</blockquote>
<figcaption>
<a href="https://circasurvive.bandcamp.com/track/the-great-golden-baby">
<cite>Circa Survive, "The Great Golden Baby" -- Juturna (2005)</cite>
</a>
</figcaption>
</figure>
<figure>
<blockquote>
And it remains the only meaningful mistake<br/>
But you won't let go, you don't know how to<br/>
And every morning I begin my dreams when I'm awake<br/>
Empty bird sounds are reminders<br/>
You're not awake at all
</blockquote>
<figcaption>
<a href="https://circasurvive.bandcamp.com/track/bird-sounds">
<cite>Circa Survive, "Bird Sounds" -- Violent Waves (2012)</cite>
</a>
</figcaption>
</figure>
<h4>links to some of my concert/music/band stuff</h4>
<ul>
<li>
<a href="https://birdsounds.media" rel="me" class="u-url url">birdsounds.media</a> -- my concert photography.
</li>
<li>
<a href="https://www.youtube.com/@obvious_humor" rel="me" class="u-url url">youtube.com/@obvious_humor</a> -- my concert videos. (also my de facto main youtube channel, but my youtube presence is really messy)
</li>
<li>
<a href="https://society6.com/trwnh" rel="me" class="u-url url">society6.com/trwnh</a> -- on-demand custom merch printing service for my concert photos. (i haven't uploaded all my good photos there but there are a few. ask me if you'd like to buy a print of one of my other photos, and i can upload it.)
</li>
</ul>
</section>
<section>
<h3>gameing</h3>
<p>most of my "gamer" stuff is under the name triggerofsol. the name came from boktai; in the first boktai game "boktai: the sun is in your hand", if you 100% s-rank and get all items you get "the highest title of the delegate of Sol the solar will -- Trigger of Sol". idk the boktai games are kinda quirky and left an impact on me during my formative years. vampires, norse mythology, magitek, post-apocalyptic absurdism, lotta good stuff in those games.</p>
<figure>
<blockquote>
<p>"So you're the Trigger of Sol? How embarrassing..."</p>
</blockquote>
<figcaption>Sunflower Girl Zazie, in response to Solar Boy Django losing his Solar Gun "Gun del Sol" at the start of <cite>Boktai 2</cite> and being unable to defeat a low-level skeleton</figcaption>
</figure>
<h4>links to gameing stuff</h4>
<ul>
<li>
<a href="https://twitch.tv/triggerofsol" rel="me" class="u-url url">twitch.tv/triggerofsol</a> -- retro video game streams. (de facto defunct)
</li>
<li>
i guess you can also add me on <a href="https://steamcommunity.com/id/triggerofsol" rel="me" class="u-url url">steam (triggerofsol)</a> if you need to or want to?
</li>
</ul>
</section>
<section>
<h3>i am consumed by a desire for learning</h3>
<p>varied interests here. i went to college for biomedical engineering and computer science. i took cs for """fun""" but i suppose it ended up sorta working out, because i don't really plan to do anything bme-related in my academic or professional life.</p>
<p>particular areas of (current) interest:</p>
<ul>
<li>the Web. not just the World Wide Web, but also the Semantic Web, Linked Data Web, Social Web, and all that jazz.</li>
<li>communication. protocols, paradigms, and so on. one of the things i've been working on recently-ish is a sort of "grand unified communications theory", where i take a look at the existing open protocols and map them onto the pure abstract paradigms of communication -- publishing, subscribing, discussing, messaging.</li>
<li>identifiers, particularly how to deal with root authority and delegation. resolving those identifiers in a decentralized and persistent way is something i wish i could find a solution to.</li>
<li>i'm learning a lot more about concepts like the actor model, message passing, object capabilities, verifiable claims, distributed systems, trust and authority, and way more.</li>
<li>...but i also can do web dev and web design and stuff like that if i really had to. i don't really have anything noteworthy to show for it though.</li>
</ul>
<h4>look at this computer stuff</h4>
<ul>
<li>
<a href="https://git.trwnh.com/a" rel="me" class="u-url url">git.trwnh.com</a> -- personal stuff goes here
</li>
<li>
<a href="https://github.com/trwnh" rel="me" class="u-url url">github.com/trwnh</a> -- this is where pretty much everyone is forced to collaborate due to network effects, so that's where you can find my contributions i guess
</li>
<li>
<a href="https://socialhub.activitypub.rocks/u/trwnh" rel="me" class="u-url url">SocialHub</a> -- this is the forum where ActivityPub and the fediverse get discussed a lot
</li>
</ul>
</section>
</section>
<section id="support">
<h2>support me</h2>
<p>look, i'm gonna level with ya. i need money to live. most of the stuff i do is what you might consider "socially useful" but also "generally unprofitable". given our capitalist society, my "value" is judged by the latter criteria rather than the former. you can skip past this section but consider maybe don't.</p>
<h3>ways to support me</h3>
<p>in order of most effective to least effective:</p>
<h4>donate directly</h4>
<p>here's how this one works: you can just give me money. i'll keep doing the stuff i do. this option is good if you already think the stuff i do is cool and worthwhile and valuable without me needing to convince you.</p>
<ul>
<li>you can <a href="https://donate.stripe.com/4gwcPCaMpcQ19RC4gg" rel="payment">donate via stripe</a> through that handy web form.</li>
<li>you can back me on <a href="https://liberapay.com/trwnh" rel="me payment" class="u-url url">liberapay.com/trwnh</a> via bank, card, stripe or paypal. liberapay is a bit weird with how it processes payments, but you generally have an option to do "automatic renewal" or "manual renewal". you can do manual renewal and then cancel the subscription if you want to do a one-time payment.</li>
<li>you can also donate via <a href="https://paypal.me/obvioushumor" rel="payment">paypal: tarawneh.abdullah@gmail.com</a> if you prefer paypal for some reason. i'm not sure if that paypal.me link charges extra fees, so you might need to do it manually, and if so, make sure to select "friends and family" instead of "business".</li>
</ul>
<h4>hire me to do something for you</h4>
<p>i can explain things and i can do websites. generally, i'm really really really good at thinking things through and analyzing them. i put stuff up on <a href="https://abdullahtarawneh.com" rel="me" class="u-url url">abdullahtarawneh.com</a> last year and i kinda stalled due to a lot going on in my life and not much going on marketably. but maybe check out the following pages:</p>
<ul>
<li>
<a href="https://abdullahtarawneh.com/work">Work</a> -- the landing page i made that was intended to get people to hire me or contract me. not really happy with it at the moment, but still worth looking at.
</li>
<li>
<a href="https://abdullahtarawneh.com/work/mastodon">Mastodon Documentation</a> -- in particular, this one is something i'm way more proud of. take a look y'all.
</li>
</ul>
<h4>buy something from amazon and tell em i sent ya</h4>
<p>can't say this is something i recommend doing, EXCEPT IF you were already going to buy something from amazon. the more expensive the better, since it's percentage-based. but don't go buying things using this referral link just because of me, y'hear?</p>
<p><a href="https://amzn.to/2rydvvC">https://amzn.to/2rydvvC</a></p>
<p>my pitch is basically this: if you can't avoid amazon and you're going to buy something from them regardless, then at least use my link so that they pay me a bit of the revenue and so that it slightly reduces their profits.</p>
</section>
<section id="faq">
<h2>some questions you might have</h2>
<h3>"yo why is this website so plain"</h3>
<p>i used to have a <a href="/index.2022.html">nicer-looking</a> one-pager on here. at some point i decided i'd rather actually update my website with actual information instead of worrying about fitting things into some grand design. and for a one-pager, using a static site generator like hugo, which i usually use for this sort of thing... well, that's overkill, isn't it? i'd rather just dump some html in a text file and call it a day. maybe a touch of css, for legibility and a lil flair.</p>
<p>this style of website has other advantages too, y'know. it's lightweight and performs well on pretty much any device. and it respects people's defaults. some people like to change their fonts or font sizes, and i don't wanna get in the way of that. it's just text, after all. you should be able to read it on your own terms.</p>
<p>in any case, the main takeaway here is that anything worth doing is also worth doing poorly. it's better to actually do the thing instead of dreaming about how to perfect the thing and ending up with nothing at all.</p>
</section>
<section id="quotes">
<h2>things people have said about me</h2>
<ul>
<li>
<q>it's scary how much you know.</q>
</li>
<li>
<q>you're the first person i've met that keeps a spreadsheet of their lightbulbs.</q>
</li>
<li>
<q>VERY MUCH not garbage [...] a worthwhile human</q>
</li>
<li>
<q>honestly, i trust your judgement more than i trust my own.</q>
</li>
</ul>
</section>
<section id="more">
<h2>done here? check out some other things if you want</h2>
<ul>
<li>
<a href="https://trwnh.com/wiki" class="u-url url">trwnh.com/wiki</a> -- a place to dump my thoughts
</li>
<li>
<a href="https://obvious-humor.com" rel="me" class="u-url url">tumblr</a> -- i kinda don't use this anymore but idk where else to put this link on this page :x
</li>
<li>
no seriously <a href="#support">i need money</a> aaaa
</li>
</ul>
</section>
</main>
</body>
</html>
Reference in a new issue Copy permalink