{{ define "main" }}
<main id="index">
	<header class="section" id="summary">
		<div class="container">
			<article class="vcard h-card">
				<div class="banner"><img src="/images/people/avatar.png" alt="me" class="photo u-photo"></div>
				<dl>
					<dt>full name</dt>
					<dd class="fn n p-name"><span class="given-name">abdullah</span> <span class="family-name">tarawneh</span></dd>
					<dt>preferred name</dt>
					<dd class="nickname p-nickname">a</dd>
					<dt>email (smtp)</dt>
					<dd><a href="mailto:a@trwnh.com" class="email u-email">a@trwnh.com</a></dd>
					<dt>chat (xmpp)</dt>
					<dd><a href="xmpp:a@trwnh.com" class="url u-impp">a@trwnh.com</a></dd>
					<dt>social (activitypub)</dt>
					<dd><a href="https://mastodon.social/@trwnh" rel="me" class="url u-url">mastodon.social/@trwnh</a></dd>
					<dt>notes</dt>
					<dd class="note p-note">i have approximate knowledge of many things. perpetual student. (nb/ace/they)</dd>
				</dl>
			</article>
			<div class="quotes">
				<blockquote>
					<p>it's scary how much you know.</p>
				</blockquote>
				<blockquote style="text-align: right">
					<p>you're the first person i've met that keeps a spreadsheet of their lightbulbs.</p>
				</blockquote>
				<blockquote style="text-align: center">
					<p>VERY MUCH not garbage [...] a worthwhile human</p>
				</blockquote>
			</div>
		</div>
	</header>
	<section class="" id="birdsounds">
		<div class="container">
			<div class="info">
				<img class="logo" src="/images/logos/koken_y.png" alt="birdsounds.media logo">
				<a href="https://birdsounds.media" class="">view my photos</a>
			</div>
			<img class="photo" src="/images/soulpunx.jpg" alt="#soulpunx">
		</div>
	</section>
	<section class="section" id="updates">
		<div class="container">
			<h2 class="heading">latest updates</h2>
			<p>2022-07-04: currently working on my websites, trying to do some documentation for a personal project, and looking for work. check out the "work" tab of this site for my elevator pitch.</p>
		</div>
	</section>
</main>
{{ end }}