63 lines
2.4 KiB
HTML
63 lines
2.4 KiB
HTML
{{ 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">
|
|
<h2 class="heading">things people have said to me</h2>
|
|
<div class="quotes-container">
|
|
<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>
|
|
<blockquote>
|
|
<p>honestly, i trust your judgement more than i trust my own.</p>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<section class="" id="birdsounds">
|
|
<div class="container">
|
|
<div class="info">
|
|
<picture>
|
|
<source type="image/avif" srcset="/images/logos/koken_y.avif">
|
|
<img class="logo" src="/images/logos/koken_y.png" alt="birdsounds.media logo">
|
|
</picture>
|
|
<a href="https://birdsounds.media" class="">view my photos</a>
|
|
</div>
|
|
<picture>
|
|
<source type="image/avif" srcset="/images/soulpunx.avif">
|
|
<img class="photo" src="/images/soulpunx.jpg" alt="#soulpunx">
|
|
</picture>
|
|
</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 }} |