abdullahtarawneh.com/layouts/index.html
2024-05-26 01:02:46 -05:00

138 lines
4.9 KiB
HTML

{{ define "body" }}
{{ partial "site-header.html" . }}
<main class="index container">
<div id="about">
<section class="h-card vcard" id="hcard">
<h2 class="section-title">h-card</h2>
<header>
<img class="u-logo u-photo logo photo" width=160 height=160 src="/images/people/avatar.png" alt="">
</header>
<div class="info">
<p class="p-name n"><span class="p-given-name given-name">Abdullah</span> <span class="p-family-name family-name">Tarawneh</span></p>
<a href="https://abdullahtarawneh.com" class="u-url u-uid url uid" rel="self">abdullahtarawneh.com</a>
<p class="p-note note">More commonly known as <span class="p-nickname nickname" title="preferred name">a</span> or <span class="p-nickname nickname" title="preferred username">trwnh</span>. <span class="p-gender-identity">Nonbinary</span> ace (<span class="p-pronouns"><span class="p-x-pronoun-nominative p-pronoun-nominative p-pronoun">they</span>/<span class="p-x-pronoun-oblique p-pronoun-oblique">them</span>)</p>
</div>
<section id="contact">
<h3 class="section-title">Contact me</h3>
<dl class="metadata">
<div class="field">
<dt>Email</dt>
<dd><a class="u-email email" href="mailto:a@trwnh.com">a@trwnh.com</a></dd>
</div>
<div class="field">
<dt>XMPP</dt>
<dd><a class="u-impp" href="xmpp:a@trwnh.com">a@trwnh.com</a></dd>
</div>
<div class="field">
<dt>Fediverse</dt>
<dd><a class="u-url url" href="https://mastodon.social/@trwnh">mastodon.social/@trwnh</a></dd>
</div>
</dl>
</section>
<section id="links">
<h3 class="section-title">Other links</h3>
<dl class="metadata">
<div class="field">
<dt>Personal website</dt>
<dd><a class="u-url url" href="https://trwnh.com" rel="me">trwnh.com</a></dd>
</div>
<div class="field">
<dt>Personal code repos</dt>
<dd><a class="u-url url" href="https://git.trwnh.com" rel="me">git.trwnh.com</a></dd>
</div>
<div class="field">
<dt>Github</dt>
<dd><a class="u-url url" href="https://github.com/trwnh" rel="me">github.com/trwnh</a></dd>
</div>
</dl>
</section>
</section>
<section id="quotes">
<h2 class="section-title">Things people have said about me</h2>
<figure class="quote">
<blockquote>
It's scary how much you know.
</blockquote>
<figcaption><cite>a former classmate</cite></figcaption>
</figure>
<figure class="quote">
<blockquote>
You're the first person I've met that keeps a spreadsheet of their lightbulbs.
</blockquote>
<figcaption><cite>an electrician</cite></figcaption>
</figure>
<figure class="quote">
<blockquote>
VERY MUCH not garbage [...] a worthwhile human
</blockquote>
<figcaption><cite>a social networking acquaintance</cite></figcaption>
</figure>
<figure class="quote">
<blockquote>
Honestly, I trust your judgement more than I trust my own.
</blockquote>
<figcaption><cite>a professional colleague</cite></figcaption>
</figure>
</section>
</div>
<div id="deeds">
<section id="done">
<h2 class="section-title">Notable work</h2>
<section id="mastodon">
<h3 class="section-title">Mastodon documentation case study</h3>
<img src="/work/mastodon/mastodocs.jpg" alt="mastodon documentation">
<p>I reorganized and rewrote the docs for an open-source project with millions of users.</p>
<a href="/work/mastodon">Read more ></a>
</section>
</section>
<section id="doing">
<h2 class="section-title">Present involvement</h2>
<section id="socialweb">
<h3 class="section-title">social web so-called "expert"</h3>
<p>Member of the Social Web Community Group at the W3C. Writing a W3C SWICG report on <a href="https://swicg.github.io/activitypub-webfinger">ActivityPub and WebFinger</a>.</p>
<p>Also active on the <a href="https://socialhub.activitypub.rocks/u/trwnh/summary">SocialHub forum</a> for the ActivityPub community.</p>
</section>
</section>
<section id="todo">
<h2 class="section-title">Future directions</h2>
<section id="untitled-social-app">
<h3 class="section-title">untitled social app</h3>
<p>For the past few years, I've been developing a theoretical framework for unified social communications across various protocols. I'd like to collect my ideas into writings that will be published on this site.</p>
</section>
</section>
</div>
<div id="updates">
<section id="news">
<h2>Latest news</h2>
<p>June 2024: updated this website's layout</p>
</section>
<section id="activity">
<h2>Latest posts</h2>
<ul>
</ul>
</section>
<section id="changelog">
<h2>Latest changes</h2>
{{ range first 5 .Site.RegularPages.ByLastmod.Reverse }}
<p>{{ .Title }} was edited on {{ .Lastmod }} by commit {{.GitInfo.AbbreviatedHash}} - {{.GitInfo.Subject}}</p>
{{ end }}
</section>
</div>
</main>
{{ end }}