From 425a2d42d952a774aea9a203670d6d220a654446 Mon Sep 17 00:00:00 2001
From: a <a@trwnh.com>
Date: Thu, 6 Jun 2024 02:56:49 -0500
Subject: [PATCH] add: show multiple authors on blog article, add self link

---
 assets/scss/layouts/blog/single.scss           | 16 +++++++++++++---
 .../tags-list.scss}                            |  3 ++-
 .../layouts/partials/site/site-footer.scss     |  5 ++++-
 assets/scss/main.scss                          |  2 +-
 layouts/partials/page/author.html              | 18 ++++++++++++++----
 layouts/partials/page/date.html                |  8 +++++---
 6 files changed, 39 insertions(+), 13 deletions(-)
 rename assets/scss/layouts/partials/{list/h-entry.summary.scss => page/tags-list.scss} (90%)

diff --git a/assets/scss/layouts/blog/single.scss b/assets/scss/layouts/blog/single.scss
index 4792b75..b2f2e54 100644
--- a/assets/scss/layouts/blog/single.scss
+++ b/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;
diff --git a/assets/scss/layouts/partials/list/h-entry.summary.scss b/assets/scss/layouts/partials/page/tags-list.scss
similarity index 90%
rename from assets/scss/layouts/partials/list/h-entry.summary.scss
rename to assets/scss/layouts/partials/page/tags-list.scss
index 1c96fff..eca3244 100644
--- a/assets/scss/layouts/partials/list/h-entry.summary.scss
+++ b/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: '#';
 			}
diff --git a/assets/scss/layouts/partials/site/site-footer.scss b/assets/scss/layouts/partials/site/site-footer.scss
index e21cb2f..7b5d145 100644
--- a/assets/scss/layouts/partials/site/site-footer.scss
+++ b/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;
+	}
 }
\ No newline at end of file
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 7f901ac..4ec77b1 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -16,7 +16,7 @@
 @import "layouts/blog/list.scss";
 @import "layouts/blog/single.scss";
 
-@import "layouts/partials/list/h-entry.summary.scss";
+@import "layouts/partials/page/tags-list.scss";
 
 @import "layouts/taxonomy/category.scss";
 @import "layouts/taxonomy/author.scss";
\ No newline at end of file
diff --git a/layouts/partials/page/author.html b/layouts/partials/page/author.html
index 8b995b6..2983ba4 100644
--- a/layouts/partials/page/author.html
+++ b/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>
\ No newline at end of file
+</address>
+{{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/page/date.html b/layouts/partials/page/date.html
index 1d47cd1..4698d0c 100644
--- a/layouts/partials/page/date.html
+++ b/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>
\ No newline at end of file
+<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>
\ No newline at end of file