{{ 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="container" id="birdsounds">
		<div class="">
			<img src="/images/logos/koken_y.png" alt="birdsounds.media logo">
			<a href="https://birdsounds.media" class="">view my photos</a>
		</div>
		<img src="/images/soulpunx.jpg" alt="#soulpunx">
	</section>
	<section class="section" id="updates">
		<div class="container">
			<p>currently: working on my websites, trying to do some documentation for an untitled social app project, and looking for work. check out the "work" tab of this site for my elevator pitch.</p>
		</div>
	</section>
</main>
{{ end }}