add: show multiple authors on blog article, add self link

assets/scss/base/links.scss

@@ -3,14 +3,15 @@ a {
 	@media (prefers-reduced-motion) {
 		transition: none;
 	}
+	color: inherit;
 	&:link {
-		color: var(--link-color);
+		color: var(--color-link);
 		text-decoration-thickness: .125rem;
 		text-underline-offset: 0.125em;
 		text-decoration-skip-ink: none;
 	}
 	&:visited {
-		color: var(--link-visited);
+		color: var(--color-link-visited);
 	}
 	&:focus {
 		outline-offset: 0.5rem;

assets/scss/layouts/blog/single.scss

@@ -16,19 +16,25 @@ main.blog.single {
 			}
 			.h-card {
 				font-style: normal;
-				display: inline-block;
+				display: block;
+				margin-block: 0.5rem;
 				a {
 					display: grid;
 					grid-template-columns: auto 1fr;
 					gap: 0.5rem;
 					align-items: center;
-					text-decoration: none;
 				}
-				img.logo {
+				img.logo, .no-avatar {
 					width: 2rem;
 					height: 2rem;
 					border-radius: 100rem;
 				}
+				.no-avatar {
+					svg {
+						width: 100%;
+						height: 100%;
+					}
+				}
 			}
 			time.dt-published {
 				display: block;
@@ -36,6 +42,10 @@ main.blog.single {
 			#TableOfContents > ul {
 				padding-left: 1rem;
 			}
+			a {
+				text-decoration: none;
+				color: inherit;
+			}
 		}
 		section.e-content {
 			display: grid;

assets/scss/layouts/partials/page/tags-list.scss

@@ -10,9 +10,10 @@
 		}
 		a {
 			background: var(--color-highlight-weak);
+			color: inherit;
 			text-decoration: none;
 			font-family: monospace;
-			padding: 0.25rem;
+			padding: 0.5rem;
 			&:before {
 				content: '#';
 			}

assets/scss/layouts/partials/site/site-footer.scss

@@ -7,5 +7,8 @@
 	color: var(--color-background);
 	padding-block-start: var(--padding-block, 2rem);
 	padding-bottom: calc(var(--nav-height, 4rem) + var(--padding-block, 2rem));
-	a {word-wrap: break-word;}
+	a {
+		word-wrap: break-word;
+		color: inherit;
+	}
 }

assets/scss/layouts/partials/site/site-header.scss

@@ -9,35 +9,35 @@
 		grid-template-columns: 1fr auto;
 	}
 
-	.support {
-		--icon-size: 2rem;
-		svg {
-			font-size: var(--icon-size, 2rem);
-		}
-		span {
-			display: none;
-		}
+	// .support {
+	// 	--icon-size: 2rem;
+	// 	svg {
+	// 		font-size: var(--icon-size, 2rem);
+	// 	}
+	// 	span {
+	// 		display: none;
+	// 	}
 		
-		padding: 1rem;
-		display: grid;
-		place-items: center;
-		background: var(--color-accent);
-		color: var(--color-text);
-		text-decoration: none;
-		&:hover {
-			background-color: var(--color-button-hover-background);
-			color: var(--color-button-hover-text);
-		}
-		border-radius: 0.75rem;
+	// 	padding: 1rem;
+	// 	display: grid;
+	// 	place-items: center;
+	// 	background: var(--color-accent);
+	// 	color: var(--color-text);
+	// 	text-decoration: none;
+	// 	&:hover {
+	// 		background-color: var(--color-button-hover-background);
+	// 		color: var(--color-button-hover-text);
+	// 	}
+	// 	border-radius: 0.75rem;
 
-		@media (min-width: 400px) {
-			span {display: unset;}
-			grid-template-columns: var(--icon-size, 1rem) auto;
-			width: unset;
-			gap: 1rem;
-			padding-inline: 1rem;
-		}
-	}
+	// 	@media (min-width: 400px) {
+	// 		span {display: unset;}
+	// 		grid-template-columns: var(--icon-size, 1rem) auto;
+	// 		width: unset;
+	// 		gap: 1rem;
+	// 		padding-inline: 1rem;
+	// 	}
+	// }
 
 	
 
@@ -136,10 +136,13 @@
 			box-shadow: unset;
 			padding-block-end: unset;
 			ul {gap: 1rem;}
+			a {
+				
+			}
 		}
 		.container {
-			grid-template-columns: auto 1fr auto;
-			grid-template-areas: "mast nav button";
+			grid-template-columns: auto 1fr;
+			grid-template-areas: "mast nav";
 			gap: 1rem;
 		}
 

assets/scss/main.scss

@@ -5,19 +5,18 @@
 @import "base/links.scss";
 @import "libraries/photoswipe.scss";
 
-@import "layouts/partials/site-header.scss";
-@import "layouts/partials/site-footer.scss";
-@import "layouts/partials/breadcrumbs.scss";
+@import "layouts/partials/site/site-header.scss";
+@import "layouts/partials/site/site-footer.scss";
+@import "layouts/partials/site/breadcrumbs.scss";
 
 @import "layouts/_default/single.scss";
 @import "layouts/_default/list.scss";
 
-
 @import "layouts/index.scss";
 @import "layouts/blog/list.scss";
 @import "layouts/blog/single.scss";
 
-@import "layouts/partials/h-entry.scss";
+@import "layouts/partials/page/tags-list.scss";
 
 @import "layouts/taxonomy/category.scss";
 @import "layouts/taxonomy/author.scss";

content/blog/liberapay-pleroma/index.md

@@ -1,7 +1,7 @@
 +++
 title = "Liberapay: Add Pleroma support"
 summary = "Pleroma is compatible with the Mastodon API, but uses a different URL format. This pull request creates a Pleroma identity provider within Liberapay that takes this difference into account."
-authors = ["Abdullah Tarawneh"]
+authors = ["a"]
 date = 2019-11-13
 tags = ["mastodon", "api", "pleroma", "liberapay", "contribution", "pull request", "github"]
 categories = ["Code"]

content/blog/mastomods/index.md

@@ -1,7 +1,7 @@
 +++
 title = "MastoMods"
 summary = "CSS tweaks and modifications for Mastodon, a libre micro-blogging social server similar to Twitter."
-authors = ["Abdullah Tarawneh"]
+authors = ["a"]
 date = 2019-02-18
 tags = ["mastomods", "mastodon", "css", "userstyles", "tweaks"]
 categories = ["Code"]

content/blog/no-right-to-profit/index.md

@@ -1,7 +1,7 @@
 +++
 title = "You don't have a right to profit."
 summary = "People will go to ridiculous lengths in the name of protecting the “right” to profit. Let’s be real here. No one has a “right” to profit."
-authors = ["Abdullah Tarawneh"]
+authors = ["a"]
 date = 2015-07-08
 tags = ["capitalism", "profit", "music", "music industry", "piracy", "distribution", "access"]
 categories = ["Uncategorized"]

content/blog/obs-edit-transform/index.md

@@ -2,7 +2,7 @@
 title = "OBS Studio: Ctrl+E to Edit Transform"
 summary = "I added a shortcut to edit transforms on a source in OBS Studio."
 date = 2017-04-30
-authors = ["Abdullah Tarawneh"]
+authors = ["a"]
 tags = ["obs", "open broadcaster software", "obs studio", "keyboard shortcut", "edit transform", "pull request", "github"]
 categories = ["Code"]
 aliases = [

content/blog/photobucketgrabber/index.md

@@ -1,7 +1,7 @@
 +++
 title = "PhotoBucketGrabber"
 summary = "[OBSOLETE] Download all your photos from PhotoBucket using this Python script."
-authors = ["Abdullah Tarawneh"]
+authors = ["a"]
 date = 2019-03-17
 tags = ["python", "photobucket", "automation", "scripting", "archive", "export", "download"]
 categories = ["Code"]

content/blog/rip-grooveshark/index.md

@@ -1,7 +1,7 @@
 +++
 title = "RIP Grooveshark."
 summary = "I last used Grooveshark earlier today. I refreshed the page and found that it was dead. [...] I find myself feeling about Grooveshark similarly as when I found out that Megaupload had been shut down, and that many of my files were lost forever."
-authors = ["Abdullah Tarawneh"]
+authors = ["a"]
 date = 2015-05-01
 tags = ["grooveshark", "music", "music industry", "culture", "user generated content", "capitalism", "copyright"]
 categories = ["Uncategorized"]

content/blog/salatime/index.md

@@ -2,7 +2,7 @@
 title = "salatime"
 summary = "[OBSOLETE] Basic terminal script to print out daily prayer times for Birmingham, AL."
 date = 2019-05-09
-authors = ["Abdullah Tarawneh"]
+authors = ["a"]
 tags = ["python", "web scraping", "scraping", "beautifulsoup", "salat", "prayer", "time"]
 categories = ["Code"]
 aliases = [

content/blog/twitter-not-social/index.md

@@ -1,7 +1,7 @@
 +++
 title = "Twitter is no longer a social network."
 summary = "That service that started out as a way to send status updates to your friends has been replaced by Twitter, a bloated, lumbering mess trying to force-feed you a stale diet of whatever Content™ floats to the top of the river of shit."
-authors = ["Abdullah Tarawneh"]
+authors = ["a"]
 date = 2018-04-27
 tags = ["twitter", "social network", "social media", "analysis", "capitalism"]
 categories = ["Communication"]

content/services/static-websites/index.md

@@ -1,4 +1,4 @@
 +++
 title = "End-to-end static website design and development"
-summary = "Artisinally hand-crafted websites that are sure to perform well without sacrificing on UX."
+summary = "Artisanally hand-crafted websites that are sure to perform well without sacrificing on UX."
 +++

content/work/_index.html

@@ -27,7 +27,7 @@ layout = "custom_html"
 				</section>
 				<section class="service">
 					<h3 class="service__title">End-to-end static websites</h3>
-					<p class="service__summary">Artisinally hand-crafted websites that are sure to perform well without sacrificing UX.</p>
+					<p class="service__summary">Artisanally hand-crafted websites that are sure to perform well without sacrificing UX.</p>
 					<div class="service__icons">
 						<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>hugeicons:web-design-01</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12m0-3h19M13 13h4m-4 4h2M7 6h.009M11 6h.009M9 9v12.5" color="currentColor"/></svg>
 						<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" style="margin-block-start: 3px"><title>hugeicons:web-design-02</title><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" color="currentColor"><path d="M20 10.128c0-3.832 0-5.747-1.172-6.938S15.771 2 12 2h-2C6.229 2 4.343 2 3.172 3.19S2 6.296 2 10.128s0 5.747 1.172 6.938c.47.477 1.054.763 1.828.934"/><path d="M22 17.5c0-1.875 0-2.812-.477-3.47a2.5 2.5 0 0 0-.553-.553C20.312 13 19.375 13 17.5 13h-5c-1.875 0-2.812 0-3.47.477a2.5 2.5 0 0 0-.553.553C8 14.689 8 15.626 8 17.5s0 2.812.477 3.47a2.5 2.5 0 0 0 .554.553C9.688 22 10.625 22 12.5 22h5c1.875 0 2.812 0 3.47-.477a2.5 2.5 0 0 0 .553-.553C22 20.312 22 19.375 22 17.5"/><path d="m16.5 16l.92.793c.387.333.58.5.58.707s-.193.374-.58.707L16.5 19m-3-3l-.92.793c-.387.333-.58.5-.58.707s.193.374.58.707l.92.793M2.5 6h17"/></g></svg>

content/work/style.scss

@@ -205,7 +205,6 @@ main.work {
 			"summary";
 		grid-template-rows: auto 1fr;
 		border-radius: var(--border-radius, 1rem);
-		aspect-ratio: 1;
 		&__link {
 			display: grid;
 			grid-template-areas:
@@ -293,7 +292,6 @@ main.work {
 		padding: 2rem;
 		border: 4px dashed green;
 		border-radius: var(--border-radius, 1rem);
-		aspect-ratio: 1;
 		place-items: center;
 	}
 	#hire-me {

hugo.toml

@@ -48,12 +48,12 @@ name = "Work"
 pageRef = "/work/"
 weight = 30
 
-# [[menu.main]]
-# identifier = "fedi"
-# pre = '<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><title>ph:fediverse-logo-fill</title><path fill="currentColor" d="M212 96a27.8 27.8 0 0 0-10.51 2L171 59.94A28 28 0 1 0 120 44a29 29 0 0 0 .15 2.94L73.68 66.3a28 28 0 1 0-28.6 44.83l1.85 46.38a28 28 0 1 0 32.74 41.42L128 212.47a28 28 0 1 0 49.13-18.79l27.21-42.75A28 28 0 1 0 212 96m-140.81 8.36L113.72 129l-41.46 32.22a28 28 0 0 0-9.34-4.35l-1.85-46.38a28 28 0 0 0 10.12-6.13M149.57 72a27.8 27.8 0 0 0 8.94-2L189 108.06a27.9 27.9 0 0 0-4.18 9.22l-46.57 2.22ZM82.09 173.85L124 141.26l15.94 47.83a28.2 28.2 0 0 0-7.6 8L84 183.53a28 28 0 0 0-1.91-9.68M156 184h-.89l-16.18-48.53l46.65-2.22a27.9 27.9 0 0 0 5.28 9L163.65 185a28 28 0 0 0-7.65-1M126.32 61.7a28.4 28.4 0 0 0 7.68 6.54l-11.3 47.45l-43.47-25.17A28 28 0 0 0 80 84a29 29 0 0 0-.15-2.94Z"/></svg>'
-# name = "fedi"
-# pageRef = "/fediverse/"
-# weight = 40
+[[menu.main]]
+identifier = "support"
+pre = '<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>tabler:tip-jar</title><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 10h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H10m2-7v1m0 6v1"/><path d="M17 4v1.882c0 .685.387 1.312 1 1.618s1 .933 1 1.618V18a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9.118c0-.685.387-1.312 1-1.618s1-.933 1-1.618V4M6 4h12z"/></g></svg>'
+name = "fund"
+pageRef = "/support/"
+weight = 40
 
 [[menu.main]]
 identifier = "blog"

layouts/_default/baseof.html

@@ -22,10 +22,10 @@
 	</head>
 	<body>
 		{{ block "body" . }}
-		{{ partial "site/header.html" . }}
+		{{ partial "site/site-header.html" . }}
 		{{ block "main" . }}
 		{{ end }}
-		{{ partial "site/footer.html" .}}
+		{{ partial "site/site-footer.html" .}}
 		{{ end }}
 	</body>
 </html>

layouts/partials/page/author.html

@@ -1,6 +1,16 @@
+{{ with .GetTerms "authors" }}
+{{ range . }}
 <address class="p-author h-card author vcard">
-	<a href="{{ .Site.BaseURL }}" class="u-url u-uid url uid" rel="author">
-		<img class="u-photo u-logo photo logo" src="{{.Site.BaseURL}}images/people/avatar.png" width=16 height=16 alt="a">
-		<span class="p-name fn"><span class="p-given-name given-name">Abdullah</span> <span class="p-family-name family-name">Tarawneh</span></span>
+	<a href="{{ .Permalink }}" class="u-url u-uid url uid" rel="author">
+		{{ with .Resources.GetMatch "avatar" }}
+		<img class="u-photo u-logo photo logo" src="{{.Permalink }}" width=16 height=16 alt="">
+		{{ else }}
+		<div class="no-avatar">
+			<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>mdi:person</title><path fill="currentColor" d="M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4"/></svg>
+		</div>
+		{{ end }}
+		<span class="p-name fn">{{ .Title }}</span>
 	</a>
-</address>
+</address>
+{{ end }}
+{{ end }}

layouts/partials/page/date.html

@@ -1,3 +1,5 @@
-<time class="dt-published published" datetime="{{ .Date.Format " 2006-01-02T15:04:05-0700" }}">
-	{{ .Date.Format "Monday, 2006 January 2" }}
-</time>
+<a href="{{ .Permalink }}" class="u-url u-uid" rel="self">
+	<time class="dt-published published" datetime="{{ .Date.Format " 2006-01-02T15:04:05-0700" }}">
+		{{ .Date.Format "Monday, 2006 January 2" }}
+	</time>
+</a>

layouts/partials/site/site-header.html

@@ -4,10 +4,6 @@
 			<img class="site-icon" width=32 src="/images/people/avatar.png" alt="">
 			<p class="site-title">hi, i'm a.</p>
 		</a>
-		<a href="/support" class="support">
-			<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>tabler:tip-jar</title><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 10h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H10m2-7v1m0 6v1"/><path d="M17 4v1.882c0 .685.387 1.312 1 1.618s1 .933 1 1.618V18a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9.118c0-.685.387-1.312 1-1.618s1-.933 1-1.618V4M6 4h12z"/></g></svg>
-			<span>support me</span>
-		</a>
 		<nav class="site-nav" aria-label="Main navigation">
 			<ul>
 				{{ $currentPage := . }}