experiments

hugo/archetypes/comments.md

@@ -0,0 +1,9 @@
++++
+kind = "reply"
+title = ""
+summary = ""
+date = "2018-08-01T00:00:00Z"
+tags = []
+inReplyTo = ""
+original = ""
++++

hugo/archetypes/default.md

@@ -1,6 +0,0 @@
----
-title: "{{ replace .Name "-" " " | title }}"
-date: {{ .Date }}
-draft: true
----
-

hugo/archetypes/notes.md

@@ -0,0 +1,7 @@
++++
+kind = "note"
+tags = []
+date = "2016-11-24T19:54:00Z"
+attachment = []
+original = ""
++++

hugo/assets/styles/common/content.scss

@@ -13,7 +13,7 @@
 		font-weight: 700;
 	}
 	p {
-		line-height: 2;
+		line-height: 1.6;
 		margin-bottom: 1em;
 		max-width: 80ch;
 	}

hugo/assets/styles/layouts/index.scss

@@ -0,0 +1,58 @@
+.index.container {
+
+	@media (min-width: 100ch) {
+		display: grid;
+		grid-template-columns: minmax(40ch, 60ch) minmax(60ch, 1fr);
+		gap: 2em;
+		padding-block: 2em;
+	}
+
+	.h-feed {
+		.h-entry {
+			header {
+				display: grid;
+				gap: 0.5em;
+				grid-template-columns: auto 1fr;
+				place-items: center start;
+				margin-block-start: 1em;
+				margin-block-end: 0.5em;
+
+				.icon {
+					background: var(--ui-overlay);
+					color: var(--ui-overlay-text);
+					padding: 0.5em;
+					border-radius: 100em;
+					svg {
+						height: 100%;
+						width: 100%;
+					}
+				}
+
+				.description {
+					margin-top: -0.375em;
+					color: var(--ui-text-muted);
+				}
+			}
+
+			&.reply {
+				.p-name {
+					line-height: 1.2;
+				}
+				.p-summary {
+					line-height: 1.2;
+					margin-inline-start: 1em;
+					color: var(--ui-text-muted);
+					margin-block: 1em;
+				}
+				.meta {
+					line-height: 1.2;
+				}
+			}
+		}
+
+		hr {
+			margin-block-start: 1.5em;
+			margin-block-end: 1em;
+		}
+	}
+}

hugo/assets/styles/screen.scss

@@ -9,3 +9,5 @@
 @import "features/syntax-highlighting";
 @import "features/search";
 @import "features/links";
+
+@import "layouts/index";

hugo/content/_index.md

@@ -0,0 +1,178 @@
++++
+title = "~a"
+description = "a's domain"
+author = "a (a@trwnh.com)"
++++
+
+<link rel="me" href="mailto:a@trwnh.com">
+<link rel="me" href="https://mastodon.social/@trwnh">
+<link rel="me" href="https://abdullahtarawneh.com">
+
+<section id="contact">
+
+## contact me
+
+Chat (XMPP)
+: <a href="xmpp:a@trwnh.com" rel="me" class="u-impp">a@trwnh.com</a>
+
+Mail (SMTP)
+: <a href="mailto:a@trwnh.com" rel="me" class="u-email">a@trwnh.com</a>
+
+Social (ActivityPub)
+: <a href="https://mastodon.social/@trwnh" rel="me" class="u-url">mastodon.social/@trwnh</a>
+
+</section>
+
+<section id="soup">
+
+## loosely categorized soup
+
+### general stuff
+
+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.
+
+<aside>
+
+(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.)
+
+</aside>
+
+### concert/music/band stuff
+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.
+
+<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
+
+</blockquote>
+<figcaption>
+<a href="https://circasurvive.bandcamp.com/track/bird-sounds">
+<cite>Circa Survive, "Bird Sounds" -- Violent Waves (2012)</cite>
+</a>
+</figcaption>
+</figure>
+
+#### links to some of my concert/music/band stuff
+
+- <a href="https://birdsounds.media" rel="me" class="u-url">birdsounds.media</a> -- my concert photography.
+- <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)
+- <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.)
+
+### gameing
+
+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 hands", 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.
+
+<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>
+
+#### links to gameing stuff
+
+- <a href="https://twitch.tv/triggerofsol" rel="me" class="u-url">twitch.tv/triggerofsol</a> -- retro video game streams. (de facto defunct)
+- 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?
+
+### i am consumed by a desire for learning
+
+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.
+
+particular areas of (current) interest:
+
+- the Web. not just the World Wide Web, but also the Semantic Web, Linked Data Web, Social Web, and all that jazz.
+- 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.
+- 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.
+- 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.
+- ...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.
+
+#### look at this computer stuff
+
+- <a href="https://git.trwnh.com" rel="me" class="u-url">git.trwnh.com</a> -- personal stuff goes here
+- <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
+- <a href="https://socialhub.activitypub.rocks/u/trwnh">SocialHub</a> -- this is the forum where ActivityPub and the fediverse get discussed a lot
+
+</section>
+<section id="support">
+
+## support me
+
+look, i'm gonna level with ya. i need money to live. most of the stuff i do is what you might consider "socially useful" but also "generally unprofitable". given our capitalist society, my "value" is judged by the latter criteria rather than the former. you can skip past this section but consider maybe don't.
+
+### ways to support me
+
+in order of most effective to least effective:
+
+#### donate directly
+
+here's how this one works: you can just give me money. i'll keep doing the stuff i do. this option is good if you already think the stuff i do is cool and worthwhile and valuable without me needing to convince you.
+
+- you can back me on <a href="https://liberapay.com/trwnh" rel="me" class="u-url">liberapay.com/trwnh</a> via bank, card, stripe or paypal. liberapay is a bit weird with how it processes payments, but you generally have an option to do "automatic renewal" or "manual renewal". you can do manual renewal and then cancel the subscription if you want to do a one-time payment.
+- you can also donate via <a href="https://paypal.me/obvioushumor">paypal: tarawneh.abdullah@gmail.com</a> if you prefer paypal for some reason. i'm not sure if that paypal.me link charges extra fees, so you might need to do it manually, and if so, make sure to select "friends and family" instead of "business".
+
+#### hire me to do something for you
+
+i can explain things and i can do websites. generally, i'm really really really good at thinking things through and analyzing them. i put stuff up on <a href="https://abdullahtarawneh.com" rel="me" class="u-url">abdullahtarawneh.com</a> last year and i kinda stalled due to a lot going on in my life and not much going on marketably. but maybe check out the following pages:
+
+- <a href="https://abdullahtarawneh.com/work">Work</a> -- the landing page i made that was intended to get people to hire me or contract me. not really happy with it at the moment, but still worth looking at.
+- <a href="https://abdullahtarawneh.com/work/mastodon">Mastodon Documentation</a> -- in particular, this one is something i'm way more proud of. take a look y'all.
+
+#### buy something from amazon and tell em i sent ya
+
+can't say this is something i recommend doing, EXCEPT IF you were already going to buy something from amazon. the more expensive the better, since it's percentage-based. but don't go buying things using this referral link just because of me, y'hear?
+
+- <a href="https://amzn.to/2rydvvC">https://amzn.to/2rydvvC</a>
+
+my pitch is basically this: if you can't avoid amazon and you're going to buy something from them regardless, then at least use my link so that they pay me a bit of the revenue and so that it slightly reduces their profits.
+
+</section>
+
+<section id="quotes">
+
+## things people have said about me
+- <q>it's scary how much you know.</q>
+- <q>you're the first person i've met that keeps a spreadsheet of their lightbulbs.</q>
+- <q>VERY MUCH not garbage [...] a worthwhile human</q>
+- <q>honestly, i trust your judgement more than i trust my own.</q>
+
+</section>
+<section id="more">
+
+## done here? check out some other things if you want
+
+- <a href="https://wiki.trwnh.com" rel="me" class="u-url">wiki.trwnh.com</a> -- a place to dump my thoughts
+- <a href="https://obvious-humor.com" rel="me" class="u-url">tumblr</a> -- i kinda don't use this anymore but idk where else to put this link on this page :x
+- no seriously <a href="#support">i need money</a> aaaa
+
+</section>

hugo/content/comments/_index.md

@@ -0,0 +1,2 @@
++++
++++

hugo/content/comments/smartphones-arent-as-exciting-as-they-used-to-be/index.md

@@ -1,13 +1,11 @@
 +++
-type = "reply"
+kind = "reply"
-layout = "comment"
 title = "in response to \"You're not wrong -- smartphones aren't as exciting as they used to be\" from Android Police"
 summary = "Honestly, phones really aren't even getting better anymore — they're getting worse since 2013. And the factors are mostly not technological — the technology continues to improve, of course. It's the corporate decisions that go into the making of the phones, which are based not on what makes a “better” phone, but on what they think will be most profitable. I want to call out [...]"
-date = 2018-08-01
+date = "2018-08-02T04:37:00Z"
 tags = ["capitalism", "technology", "mobile", "smartphones"]
 inReplyTo = "https://www.androidpolice.com/2018/08/01/youre-not-wrong-smartphones-arent-exciting-used/"
 original = "https://disqus.com/home/discussion/androidpolice/youre_not_wrong_smartphones_arent_as_exciting_as_they_used_to_be/#comment-4017813937"
-draft = false
 +++
 
 Honestly, phones really aren't even getting better anymore — they're getting worse since 2013. And the factors are mostly not technological — the technology continues to improve, of course. It's the corporate decisions that go into the making of the phones, which are based not on what makes a “better” phone, but on what they think will be most profitable. I want to call out a few specific quotes from this article and add my thoughts:

hugo/content/notes/108586326598121988/index.md

@@ -1,7 +0,0 @@
-+++
-type = "note"
-tags = []
-date = "2022-07-03T19:50:00Z"
-attachment = []
-+++
-lookin for quotes about me to put on my website, fire away

hugo/content/notes/108588546793521204/index.md

@@ -1,5 +1,5 @@
 +++
-type = "note"
+kind = "note"
 tags = []
 date = "2022-07-04T05:15:00Z"
 attachment = ["image.png"]

hugo/content/notes/99865201213509948/index.md

@@ -0,0 +1,8 @@
++++
+kind = "note"
+tags = ["boktai"]
+date = "2018-04-15T19:54:00Z"
+attachment = []
+original = "https://mastodon.social/@trwnh/99865201213509948"
++++
+i'm so emo that boktai 3 never launched outside of japan and also that boktai as a series is super dead and konami will never continue it and kojima probably can't/won't either due to copyright and the fact that it's been over 10 years since boktai ds and also kojima doesn't work for konami anymore UGH. where do you go to find quirky existentialist video games based on norse mythology and spaghetti westerns in the year of your lord 2018, you ask? you don't ;_; [#boktai](/tags/boktai)

hugo/content/notes/99918136079992108/index.md

@@ -0,0 +1,8 @@
++++
+kind = "note"
+tags = []
+date = "2018-04-25T04:16:00Z"
+attachment = []
+original = "https://mastodon.social/@trwnh/99918136079992108"
++++
+hello friends it is almost may 2018 and i am down to using pretty much only mastodon and inoreader, and dropping into twitter once a week or so. it's been almost a year since i posted on instagram and at least half a year since i last logged in. i'm only really checking 2 of my twitter accounts and only very sporadically since january 2018. and about half a month ago or so i stopped absentmindedly browsing reddit. i... i'm almost free... wow, this feels... zen

hugo/content/notes/99963583159619719/index.md

@@ -0,0 +1,14 @@
++++
+kind = "note"
+tags = []
+date = "2018-05-03T04:53:00Z"
+attachment = []
+original = "https://mastodon.social/@trwnh/99963583159619719"
++++
+sometimes you come across a youtube video from an alt-righter indirectly calling you out (or a thing you worked on) and you wanna respond, but... the video has 48 views and it's from september 2017, so i think i'll let it slide. it's not like it's logically consistent or significant, either.
+
+i wonder if i'll ever be able to safely take credit for all the work i've done? not that i really have a reason to except perhaps if i'm in a really tight spot and need money to live... and i've mostly given up on twitter anyway, so it feels a bit... "late".
+
+there's just a very real danger of fascists targeting me if they ever connect me to that account, though. "hey i maintained this thing for over a year, can anyone help me survive" doesn't really balance out with "oh, we finally have a name to track down and harass"
+
+then again i've gotten private offers of donations and turned them down bc idk, i don't feel worthy of accepting money for it, it's simple (if occasionally time-consuming) to me, even if it helps hundreds or thousands of people on twitter... i don't really know what to do about the whole thing.

hugo/content/notes/99987017261137486/index.md

@@ -0,0 +1,12 @@
++++
+kind = "note"
+tags = []
+date = "2018-05-07T08:13:00Z"
+attachment = []
+original = "https://mastodon.social/@trwnh/99987017261137486"
++++
+tbh like 90% of my day-to-day angst against capitalism is from how shit the smartphone market has become. if capitalism is so great then where the fuck is my <70mm-wide phone with a removable battery? fucking profit motives means that the entire market has abandoned me. I haven't been satisfied with any phone since 2010. hell, I'd buy an updated Nexus One with newer, more efficient internals.
+
+"capitalism brought you your smartphone!" yeah, and that phone /fucking sucks/.
+
+I wish I could build my own phone or have one built to spec, but alas, I do not own a machining and assembly factory, and I don't have the requisite circuitry knowledge... if only I could, I dunno, *cooperate* with some like-minded people, and we had *public ownership of those factories*...

hugo/content/notes/99999893512052394/index.md

@@ -0,0 +1,8 @@
++++
+kind = "note"
+tags = []
+date = "2018-05-09T14:48:00Z"
+attachment = []
+original = "https://mastodon.social/@trwnh/99999893512052394"
++++
+physical bodies are so encumbering. it would be great to never again have to feel pain from a stomach too empty, or perhaps too full; to never have crusty eyes after sleeping too much, or perhaps too little; to never suffer from physiology that at best will decay, and at worst will actively punish us.

hugo/content/notes/_index.md

@@ -0,0 +1,2 @@
++++
++++

hugo/content/shares/99985686693364517/index.md

@@ -0,0 +1,16 @@
++++
+kind = "share"
+date = "2018-05-07T02:35:00Z"
+title = "I watched an entire Flat Earth Convention for my research – here’s what I learnt"
+original = "https://theconversation.com/i-watched-an-entire-flat-earth-convention-for-my-research-heres-what-i-learnt-95887"
++++
+
+> While flat earthers seem to trust [...] scientific methods, what they don’t trust is scientists [...] those in power control what is considered to be correct [...] According to Foucault, there is therefore an intimate [...] relationship between power and knowledge.
+
+> With the increased voice afforded by social media, knowledge has been increasingly decentralised, and competing narratives have emerged.
+
+> one of the physicists pleaded with the audience to avoid trusting YouTube and bloggers. The audience and the panel of flat earthers took exception to this, noting that “now we’ve got the internet and mass communication … we’re not reliant on what the mainstream are telling us in newspapers, we can decide for ourselves”.
+
+> Attendees were [...] warned against blindly trusting what they were told [...] “Don’t believe what I say, research what I say.”
+
+Overall a really interesting article.

hugo/hugo.toml

@@ -2,6 +2,7 @@ baseURL = 'https://trwnh.com/'
 languageCode = 'en-us'
 title = 'trwnh.com'
 enableGitInfo = true
+summaryLength = 50
 
 [markup.goldmark.renderer]
 unsafe = true
@@ -9,7 +10,7 @@ unsafe = true
 [menu]
 
 [[menu.main]]
-identifier = ""
+identifier = "home"
 pre = ''
 name = "Home"
 url = "/"

hugo/layouts/_default/baseof.html

@@ -27,7 +27,7 @@
 {{ end }}
 </head>
 	<body>
-		{{ block "main" . }}
+		{{ block "body" . }}
 		{{ end }}
 	</body>
 </html>

hugo/layouts/_default/list.html

@@ -1,4 +1,4 @@
-{{ define "main" }}
+{{ define "body" }}
 <main>
 	<header class="section page-header">
 		<div class="container">

hugo/layouts/_default/single.html

@@ -1,4 +1,4 @@
-{{ define "main" }}
+{{ define "body" }}
 <main>
 	<article class="page">
 		<header class="section page-header">

hugo/layouts/comments/single.html

@@ -1,4 +1,4 @@
-{{ define "main" }}
+{{ define "body" }}
 <main id="{{.File.BaseFileName | urlize}}" class="comment section">
 	<div class="container">
 		<article class="h-entry">

hugo/layouts/index.html

@@ -1,16 +1,15 @@
 {{ define "head" }}
 {{ end }}
-{{ define "main" }}
+{{ define "body" }}
-<main id="index" class="section">
+<div class="index container">
-	<div class="container">
+	<section class="h-feed latest-activity">
-		<section class="h-feed">
 		{{partial "h-card.html" .}}
-			<div style="max-width: 60ch; place-self: center;">
+		<div class="entries" style="padding: 1em">
-				<h1 class="p-name heading">Latest activity</h1>
+			<h2 class="p-name heading">Latest activity</h2>
-				{{$paginator := .Paginate (.Site.RegularPages) 20}}
+			{{$paginator := .Paginate (.Site.RegularPages) 5}}
 			{{range $paginator.Pages}}
 	
-				{{if eq .Params.type "note" }}
+			{{if eq .Params.kind "note" }}
 			<article class="h-entry note">
 				<header>
 					<div class="icon">
@@ -33,11 +32,13 @@
 				{{end}}
 				{{end}}
 	
-					<p class="meta"><time class="dt-published" datetime="{{.Date}}">{{.Date.Format "January 2, 2006 3:04:05"}}</time></p>
+				<p class="meta">
+					<a href="{{.Page.Permalink}}"><time class="dt-published" datetime="{{.Date}}">{{.Date.Format "January 2, 2006 3:04:05"}}</time></a>
+				</p>
 			</article>
 			{{end}}
 	
-				{{if eq .Params.type "reply"}}
+			{{if eq .Params.kind "reply"}}
 			<article class="h-entry reply">
 				<header>
 					<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"
@@ -59,7 +60,12 @@
 			<hr>
 			{{end}}
 		</div>
+		<footer>
+			<a href="/posts">See all posts</a>
+		</footer>
 	</section>
-	</div>
+	<main id="index" class="section">
+		{{.Content}}
 	</main>
+</div>
 {{ end }}

hugo/layouts/notes/single.html

@@ -0,0 +1,14 @@
+{{ define "body" }}
+<main id="{{.File.Path | urlize}}" class="comment section">
+	<div class="container">
+		<article class="h-entry">
+			<section class="e-content">
+				{{.Content}}
+			</section>
+			<footer class="meta">
+				<time class="dt-published" datetime='{{.Date.Format "2006-01-02T03:04:05Z"}}'>{{.Date.Format "2006-01-02 03:04 UTC"}}</time>
+			</footer>
+		</article>
+	</div>
+</main>
+{{ end }}