abdullahtarawneh.com/layouts/index.html
2022-07-04 06:31:42 -05:00

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 }}