+++
title = "Abdullah Tarawneh"
summary = "Abdullah Tarawneh is an information architect, designer, developer, photographer, and all-around creative, especially for the web."
tags = ["abdullah", "tarawneh", "birmingham", "hoover", "alabama", "design", "designer", "web", "developer", "freelance", "freelancer", "photography", "photographer", "technical writer", "creative", "consultant"]
layout = "custom_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</h3>
				<img src="/work/mastodon/mastodocs.jpg" alt="mastodon documentation">
				<p>In August 2019, a offered their services to completely revamp the documentation for Mastodon, while also writing or rewriting significant portions of it. From the beginning, they developed an information architecture based on the various user personas that would be reading the documentation -- end users, administrators, contributors, client developers, and protocol implementers. a developed each persona into a section with its own narrative journey. Following this, they wrote out the missing parts of the documentation.</p>
				<p>
					a was contracted again in late 2022 to help update the content of the documentation for the monumentous v4.0 update of Mastodon.</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>a has been active in the world of open source and free software since at least 2017. As a power user, a quickly got involved in discussions on the GitHub issue tracker for Mastodon, Pixelfed, and other fediverse projects. a is a member of the Social Web Community Group at the W3C, and is also active on the <a href="https://socialhub.activitypub.rocks/u/trwnh/summary">SocialHub forum</a> for the ActivityPub community.</p>

				<section>
					<h4>Fediverse Enhancement Proposals</h4>
					<ul>
						<li><a href="https://w3id.org/fep/7888">FEP-7888: Demystifying the context property</a></li>
						<li><a href="https://w3id.org/fep/7458">FEP-7458: Using the replies collection</a></li>
						<li><a href="https://w3id.org/fep/0391">FEP-0391: Special collection proofs</a></li>
						<li><a href="https://w3id.org/fep/fb2a">FEP-fb2a: Actor metadata</a></li>
						<li><a href="https://w3id.org/fep/888d">FEP-888d: Using https://w3id.org/fep as a base for FEP-specific namespaces</a></li>
						<li><a href="https://w3id.org/fep/bad1">FEP-bad1: Object history collection</a></li>
						<li><a href="https://w3id.org/fep/7502">FEP-7502: Limiting visibility to authenticated actors</a></li>
						<li><a href="https://w3id.org/fep/e229">FEP-e229: Best practices for extensibility</a></li>
						<li><a href="https://w3id.org/fep/a070">FEP-a070: Ordered properties for plain JSON consumers</a></li>
					</ul>
				</section>
			</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 or elsewhere.</p>
			</section>
		</section>

	</div>

	<div id="updates">
		<section id="news">
			<h2>Latest news</h2>
			<p>I am looking for work! <a href="/work">View my work page</a> for more about what I can do.</p>
		</section>

		<section id="changelog">
			<h2>Latest changes</h2>
			<ul>
				<li>
					<p>June 2024: New site redesign!</p>
				</li>
			</ul>
		</section>

		<section id="activity" class="h-feed">
			<header>
				<h2>Latest posts</h2>
				<p><a href="/posts">See more posts</a></p>
			</header>
			{{< index/latest-posts>}}
		</section>
	</div>

</main>