abdullahtarawneh.com/layouts/index.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 }}