From 6e0f46f1b154f95dfec691e103432b82c8bc4754 Mon Sep 17 00:00:00 2001
From: a <a@trwnh.com>
Date: Mon, 3 Jun 2024 07:15:03 -0500
Subject: [PATCH] delineate sections more clearly?

---
 public/index.html | 215 ++++++++++++++++++++++++----------------------
 1 file changed, 113 insertions(+), 102 deletions(-)

diff --git a/public/index.html b/public/index.html
index 14a8191..d44449d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -13,7 +13,10 @@
 <link rel="me" href="https://abdullahtarawneh.com">
 <style>
 html {line-height: 1.711; font-family: sans-serif}
-body {max-inline-size: 80ch; padding: 1rem; box-sizing: border-box}
+body {max-inline-size: 80ch; padding: 0; margin: 0; box-sizing: border-box}
+main > * {padding-inline: 1rem;}
+section {margin-block: 4rem;}
+section > section {margin-block: 2rem;}
 /* color scheme */
 html {
 --color-fg: hsl(210, 100%, 20%);
@@ -65,109 +68,117 @@ dd {font-family: monospace; font-size: 1rem; margin-inline-start: 0; margin-bloc
 	</section>
 	<section id="soup">
 		<h2>loosely categorized soup</h2>
-		<h3>general stuff</h3>
-		<p>you can probably find me around the web with the username "<span class="p-name p-nickname">trwnh</span>". it comes from my fleshform's legal name, "<span class="p-name"><span class="p-given-name">abdullah</span> <span class="p-family-name">tarawneh</span></span>"; just take the vowels out of the family name. 2014 they was so hipster. although nowadays "i" mostly just go by "a". historically i've had a really tough time with identity, so this is the best we're gonna get i guess.
-		</p>
-		<aside>
-			<p>
-				(sidenote: i am apparently not the only person to arrive at these five consonants in a row. in particular, trwnh on twitter is not me; someone claimed my username after i deleted twitter in 2018. not that i really care about twitter anymore. depending on how things go in the near-mid future, everyone else might not care either.)
+		<section>
+			<h3>general stuff</h3>
+			<p>you can probably find me around the web with the username "<span class="p-name p-nickname">trwnh</span>". it comes from my fleshform's legal name, "<span class="p-name"><span class="p-given-name">abdullah</span> <span class="p-family-name">tarawneh</span></span>"; just take the vowels out of the family name. 2014 they was so hipster. although nowadays "i" mostly just go by "a". historically i've had a really tough time with identity, so this is the best we're gonna get i guess.
 			</p>
-		</aside>
-		<h3>concert/music/band stuff</h3>
-		<p>i've used the names "<span class="p-nickname">obvious_humor</span>"/"<span class="p-nickname">obvioushumor</span>" for my vaguely music/band fandom stuff, and "<span class="p-nickname">birdsounds</span>" for more creative stuff like my concert photography. both names are references to lyrics by <a href="https://circasurvive.com">Circa Survive</a>, one of my favorite bands.</p>
-		<figure>
-			<blockquote>
-	
-				Make your move, obvious humor<br>
-				Desperate and respiratory plight<br>
-				Always on, dressed to impress<br>
-				I'll be the last one to find out why<br>
-				Time takes its toll on us (this changes everything)<br>
-				And I'd be a liar if I denied you at all<br>
-				Oh, now that I know<br>
-				This changes everything<br>
-				I've been trading ideas with intriguing men, and I<br>
-				I perceive an honest solution to all of your pride<br>
-				[...]<br>
-				I'm going home, but my own way<br>
-				Going home on my own<br>
-				I'm going home, but my own way<br>
-				Going home on my own
-	
-			</blockquote>
-			<figcaption>
-				<a href="https://circasurvive.bandcamp.com/track/the-great-golden-baby">
-					<cite>Circa Survive, "The Great Golden Baby" -- Juturna (2005)</cite>
-				</a>
-			</figcaption>
-		</figure>
-		<figure>
-			<blockquote>
-	
-				And it remains the only meaningful mistake<br>
-				But you won't let go, you don't know how to<br>
-				And every morning I begin my dreams when I'm awake<br>
-				Empty bird sounds are reminders<br>
-				You're not awake at all
+			<aside>
+				<p>
+					(sidenote: i am apparently not the only person to arrive at these five consonants in a row. in particular, trwnh on twitter is not me; someone claimed my username after i deleted twitter in 2018. not that i really care about twitter anymore. depending on how things go in the near-mid future, everyone else might not care either.)
+				</p>
+			</aside>
+		</section>
+		<section>
+			<h3>concert/music/band stuff</h3>
+			<p>i've used the names "<span class="p-nickname">obvious_humor</span>"/"<span class="p-nickname">obvioushumor</span>" for my vaguely music/band fandom stuff, and "<span class="p-nickname">birdsounds</span>" for more creative stuff like my concert photography. both names are references to lyrics by <a href="https://circasurvive.com">Circa Survive</a>, one of my favorite bands.</p>
+			<figure>
+				<blockquote>
 		
-			</blockquote>
-			<figcaption>
-				<a href="https://circasurvive.bandcamp.com/track/bird-sounds">
-					<cite>Circa Survive, "Bird Sounds" -- Violent Waves (2012)</cite>
-				</a>
-			</figcaption>
-		</figure>
-		<h4>links to some of my concert/music/band stuff</h4>
-		<ul>
-			<li>
-				<a href="https://birdsounds.media" rel="me" class="u-url">birdsounds.media</a> -- my concert photography.
-			</li>
-			<li>
-				<a href="https://www.youtube.com/@obvious_humor" rel="me" class="u-url">youtube.com/@obvious_humor</a> -- my concert videos. (also my de facto main youtube channel, but my youtube presence is really messy)
-			</li>
-			<li>
-				<a href="https://society6.com/trwnh" rel="me" class="u-url">society6.com/trwnh</a> -- on-demand custom merch printing service for my concert photos. (i haven't uploaded all my good photos there but there are a few. ask me if you'd like to buy a print of one of my other photos, and i can upload it.)
-			</li>
-		</ul>
-		<h3>gameing</h3>
-		<p>most of my "gamer" stuff is under the name triggerofsol. the name came from boktai; in the first boktai game "boktai: the sun is in your hand", if you 100% s-rank and get all items you get "the highest title of the delegate of Sol the solar will -- Trigger of Sol". idk the boktai games are kinda quirky and left an impact on me during my formative years. vampires, norse mythology, magitek, post-apocalyptic absurdism, lotta good stuff in those games.</p>
-		<figure>
-			<blockquote>
-				<p>"So you're the Trigger of Sol? How embarrassing..."</p>
-			</blockquote>
-			<figcaption>Sunflower Girl Zazie, in response to Solar Boy Django losing his Solar Gun "Gun del Sol" at the start of <cite>Boktai 2</cite> and being unable to defeat a low-level skeleton</figcaption>
-		</figure>
-		<h4>links to gameing stuff</h4>
-		<ul>
-			<li>
-				<a href="https://twitch.tv/triggerofsol" rel="me" class="u-url">twitch.tv/triggerofsol</a> -- retro video game streams. (de facto defunct)
-			</li>
-			<li>
-				i guess you can also add me on <a href="https://steamcommunity.com/id/triggerofsol" rel="me" class="u-url">steam (triggerofsol)</a> if you need to or want to?
-			</li>
-		</ul>
-		<h3>i am consumed by a desire for learning</h3>
-		<p>varied interests here. i went to college for biomedical engineering and computer science. i took cs for """fun""" but i suppose it ended up sorta working out, because i don't really plan to do anything bme-related in my academic or professional life.</p>
-		<p>particular areas of (current) interest:</p>
-		<ul>
-			<li>the Web. not just the World Wide Web, but also the Semantic Web, Linked Data Web, Social Web, and all that jazz.</li>
-			<li>communication. protocols, paradigms, and so on. one of the things i've been working on recently-ish is a sort of "grand unified communications theory", where i take a look at the existing open protocols and map them onto the pure abstract paradigms of communication -- publishing, subscribing, discussing, messaging.</li>
-			<li>identifiers, particularly how to deal with root authority and delegation. resolving those identifiers in a decentralized and persistent way is something i wish i could find a solution to.</li>
-			<li>i'm learning a lot more about concepts like the actor model, message passing, object capabilities, verifiable claims, distributed systems, trust and authority, and way more.</li>
-			<li>...but i also can do web dev and web design and stuff like that if i really had to. i don't really have anything noteworthy to show for it though.</li>
-		</ul>
-		<h4>look at this computer stuff</h4>
-		<ul>
-			<li>
-				<a href="https://git.trwnh.com" rel="me" class="u-url">git.trwnh.com</a> -- personal stuff goes here
-			</li>
-			<li>
-				<a href="https://github.com/trwnh" rel="me" class="u-url">github.com/trwnh</a> -- this is where pretty much everyone is forced to collaborate due to network effects, so that's where you can find my contributions i guess
-			</li>
-			<li>
-				<a href="https://socialhub.activitypub.rocks/u/trwnh">SocialHub</a> -- this is the forum where ActivityPub and the fediverse get discussed a lot
-			</li>
-		</ul>
+					Make your move, obvious humor<br>
+					Desperate and respiratory plight<br>
+					Always on, dressed to impress<br>
+					I'll be the last one to find out why<br>
+					Time takes its toll on us (this changes everything)<br>
+					And I'd be a liar if I denied you at all<br>
+					Oh, now that I know<br>
+					This changes everything<br>
+					I've been trading ideas with intriguing men, and I<br>
+					I perceive an honest solution to all of your pride<br>
+					[...]<br>
+					I'm going home, but my own way<br>
+					Going home on my own<br>
+					I'm going home, but my own way<br>
+					Going home on my own
+		
+				</blockquote>
+				<figcaption>
+					<a href="https://circasurvive.bandcamp.com/track/the-great-golden-baby">
+						<cite>Circa Survive, "The Great Golden Baby" -- Juturna (2005)</cite>
+					</a>
+				</figcaption>
+			</figure>
+			<figure>
+				<blockquote>
+		
+					And it remains the only meaningful mistake<br>
+					But you won't let go, you don't know how to<br>
+					And every morning I begin my dreams when I'm awake<br>
+					Empty bird sounds are reminders<br>
+					You're not awake at all
+			
+				</blockquote>
+				<figcaption>
+					<a href="https://circasurvive.bandcamp.com/track/bird-sounds">
+						<cite>Circa Survive, "Bird Sounds" -- Violent Waves (2012)</cite>
+					</a>
+				</figcaption>
+			</figure>
+			<h4>links to some of my concert/music/band stuff</h4>
+			<ul>
+				<li>
+					<a href="https://birdsounds.media" rel="me" class="u-url">birdsounds.media</a> -- my concert photography.
+				</li>
+				<li>
+					<a href="https://www.youtube.com/@obvious_humor" rel="me" class="u-url">youtube.com/@obvious_humor</a> -- my concert videos. (also my de facto main youtube channel, but my youtube presence is really messy)
+				</li>
+				<li>
+					<a href="https://society6.com/trwnh" rel="me" class="u-url">society6.com/trwnh</a> -- on-demand custom merch printing service for my concert photos. (i haven't uploaded all my good photos there but there are a few. ask me if you'd like to buy a print of one of my other photos, and i can upload it.)
+				</li>
+			</ul>
+		</section>
+		<section>
+			<h3>gameing</h3>
+			<p>most of my "gamer" stuff is under the name triggerofsol. the name came from boktai; in the first boktai game "boktai: the sun is in your hand", if you 100% s-rank and get all items you get "the highest title of the delegate of Sol the solar will -- Trigger of Sol". idk the boktai games are kinda quirky and left an impact on me during my formative years. vampires, norse mythology, magitek, post-apocalyptic absurdism, lotta good stuff in those games.</p>
+			<figure>
+				<blockquote>
+					<p>"So you're the Trigger of Sol? How embarrassing..."</p>
+				</blockquote>
+				<figcaption>Sunflower Girl Zazie, in response to Solar Boy Django losing his Solar Gun "Gun del Sol" at the start of <cite>Boktai 2</cite> and being unable to defeat a low-level skeleton</figcaption>
+			</figure>
+			<h4>links to gameing stuff</h4>
+			<ul>
+				<li>
+					<a href="https://twitch.tv/triggerofsol" rel="me" class="u-url">twitch.tv/triggerofsol</a> -- retro video game streams. (de facto defunct)
+				</li>
+				<li>
+					i guess you can also add me on <a href="https://steamcommunity.com/id/triggerofsol" rel="me" class="u-url">steam (triggerofsol)</a> if you need to or want to?
+				</li>
+			</ul>
+		</section>
+		<section>
+			<h3>i am consumed by a desire for learning</h3>
+			<p>varied interests here. i went to college for biomedical engineering and computer science. i took cs for """fun""" but i suppose it ended up sorta working out, because i don't really plan to do anything bme-related in my academic or professional life.</p>
+			<p>particular areas of (current) interest:</p>
+			<ul>
+				<li>the Web. not just the World Wide Web, but also the Semantic Web, Linked Data Web, Social Web, and all that jazz.</li>
+				<li>communication. protocols, paradigms, and so on. one of the things i've been working on recently-ish is a sort of "grand unified communications theory", where i take a look at the existing open protocols and map them onto the pure abstract paradigms of communication -- publishing, subscribing, discussing, messaging.</li>
+				<li>identifiers, particularly how to deal with root authority and delegation. resolving those identifiers in a decentralized and persistent way is something i wish i could find a solution to.</li>
+				<li>i'm learning a lot more about concepts like the actor model, message passing, object capabilities, verifiable claims, distributed systems, trust and authority, and way more.</li>
+				<li>...but i also can do web dev and web design and stuff like that if i really had to. i don't really have anything noteworthy to show for it though.</li>
+			</ul>
+			<h4>look at this computer stuff</h4>
+			<ul>
+				<li>
+					<a href="https://git.trwnh.com/a" rel="me" class="u-url">git.trwnh.com</a> -- personal stuff goes here
+				</li>
+				<li>
+					<a href="https://github.com/trwnh" rel="me" class="u-url">github.com/trwnh</a> -- this is where pretty much everyone is forced to collaborate due to network effects, so that's where you can find my contributions i guess
+				</li>
+				<li>
+					<a href="https://socialhub.activitypub.rocks/u/trwnh" rel="me" class="u-url">SocialHub</a> -- this is the forum where ActivityPub and the fediverse get discussed a lot
+				</li>
+			</ul>
+		</section>
 	</section>
 	<section id="support">
 		<h2>support me</h2>