From 56b0a61011b97dde2456582c534f9249e8515032 Mon Sep 17 00:00:00 2001
From: Alexander Avery <alex.avery@beetbox.io>
Date: Tue, 2 Jul 2024 21:58:35 -0400
Subject: [PATCH] Squashed commit of the following:

commit f16dd97f4d88d35a02c217b42440b033e4127ca8
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 17:25:28 2024 -0400

    adjust author page header

commit 1a9d71abe4b7947eb163682e137d7510754345b0
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 17:25:07 2024 -0400

    include margin class in article meta images

commit 409d00b7c508cf8d9234d46fe31953c063072e82
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 17:24:46 2024 -0400

    adding left-to-right layout and move image margin to separate class

commit c5e8614005ee6325d203fed8f4530912486444c1
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 11:59:20 2024 -0400

    simplify author page layout

commit 8ea5527e19ca5d4c724791cb6b1a982339c4a755
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 11:58:46 2024 -0400

    center featured images and remove unused classes

commit 302c6282003c13724d546915f13cc960c6594a27
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 11:46:56 2024 -0400

    remove article-meta styling

commit 8e8a0284b5695d806b251aeaf51ae2f57442f7af
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 11:46:41 2024 -0400

    simplify layouts
---
 assets/sass/cards.scss             |  6 ------
 assets/sass/main.scss              | 31 +++++++++++++++---------------
 layouts/_default/meta-extra.html   |  2 --
 layouts/authors/list.html          | 22 +++++++++------------
 layouts/games/meta-extra.html      |  7 ++++---
 layouts/partials/article-meta.html | 27 ++++++++++++++------------
 6 files changed, 43 insertions(+), 52 deletions(-)
 delete mode 100644 layouts/_default/meta-extra.html

diff --git a/assets/sass/cards.scss b/assets/sass/cards.scss
index f6e5d6f..05186d2 100644
--- a/assets/sass/cards.scss
+++ b/assets/sass/cards.scss
@@ -52,12 +52,6 @@ article.card {
 	border-radius: 50%;
 }
 
-img.small-image {
-	flex: 1 1 400px;
-	overflow: hidden;
-	max-width: 400px;
-}
-
 .article-link {
 	text-decoration: none;
 	color: $font-color;
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 2c77039..7d44222 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -78,11 +78,6 @@ main {
 	flex-basis: 100%;
 }
 
-.break {
-	flex-basis: 100%;
-	height: 0px;
-}
-
 a, p, li, h2 {
 	font-size: 1.25rem;
 }
@@ -94,23 +89,27 @@ img {
 img.featured {
     border-radius: 8px;
     max-height: 500px;
+    display: block;
+}
+
+.margin {
+    margin: 12px auto;
 }
 
 .small-text {
 	font-size: 1rem;
 }
 
-.article-header {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	gap: 4px 8px;
-	flex-wrap: wrap;
-	h1 {
-		font-size: 2rem;
-    	text-align: center;
-    	flex-basis: 100%;
-	}
+.large-text {
+    font-size: 2rem;
+}
+
+.left-to-right {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    justify-content: space-evenly;
+    align-items: end;
 }
 
 section {
diff --git a/layouts/_default/meta-extra.html b/layouts/_default/meta-extra.html
deleted file mode 100644
index 7fcdac1..0000000
--- a/layouts/_default/meta-extra.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<h2 class="small-text">{{ .Date.Format "Mon | Jan 2, 2006" }}</h2>
-
diff --git a/layouts/authors/list.html b/layouts/authors/list.html
index b0f461b..f0738d9 100644
--- a/layouts/authors/list.html
+++ b/layouts/authors/list.html
@@ -1,24 +1,20 @@
 {{ define "main" }}
-    <main>
-        <section class="article-header">
-        {{if not .IsHome }}
+    <section class="left-to-right">
 
+        {{ with .Resources.GetMatch "avatar" }}
+        <img class="shadow featured" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
+        {{ end }}
+
+        <div>
             <h1>{{ .Params.name }}</h1>
-            <p class="center-text">{{ .Params.bio }}</p>
+            <p>{{ .Params.bio }}</p>
 
             <a class="small-text" href={{ .Params.projects}}>Projects</a>
             <span> | </span>
             <a class="small-text" href="mailto:{{ .Params.email }}">{{ .Params.email}}</a>
+        </div>
 
-            <div class="break"></div>
-            {{ with .Resources.GetMatch "avatar" }}
-                <img class="shadow small-image featured" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
-            {{ end }}
-
-        {{ end }}
-
-        </section>
-    </main>
+    </section>
 
     <section>
 
diff --git a/layouts/games/meta-extra.html b/layouts/games/meta-extra.html
index 94b4c6d..32bff1e 100644
--- a/layouts/games/meta-extra.html
+++ b/layouts/games/meta-extra.html
@@ -1,6 +1,7 @@
-{{ if .Params.releaseDate }}
-    <h2 class="small-text center-text">Released {{ dateFormat "Mon | Jan 2, 2006" .Params.releaseDate }}</h2>
+{{ with .Params.releaseDate }}
+    <h2 class="small-text">Released: {{ dateFormat "Mon | Jan 2, 2006" . }}</h2>
 {{ end }}
 
-<h2 class="small-text">Platforms:</h2>
+<h2 class="small-text">Platforms:
 <span class="margin small-text">{{ delimit .Params.platforms " · " }}</span>
+</h2>
diff --git a/layouts/partials/article-meta.html b/layouts/partials/article-meta.html
index 6e149ee..31d94e3 100644
--- a/layouts/partials/article-meta.html
+++ b/layouts/partials/article-meta.html
@@ -1,22 +1,25 @@
-<section class="article-header">
-    <h1>{{ .Title | markdownify }}</h1>
+<section>
+    <h1 class="large-text">{{ .Title | markdownify }}</h1>
 
-    {{- $authors := .Params.authors | default (slice .Site.Params.defaultAuthor) }}
-    {{- $primaryAuthor := index $authors 0 }}
+    {{ with .Params.authors }}
+        {{ $author := (index . 0) }}
+        <h2>
+            Author: <a href={{ printf "/%s/%s" "authors" (urlize $author) }}>{{ $author }}</a>
+        </h2>
+    {{ end }}
 
-    {{ with $primaryAuthor }}
-        <a class="center-text" href={{ printf "/%s/%s" "authors" (urlize .) }}>
-            <h2>{{ . }}</h2>
-        </a>
+    {{ with .Date }}
+        <h2 class="small-text">Posted: {{ .Format "Mon | Jan 2, 2006" }}</h2>
     {{ end }}
 
-	{{ .Render "meta-extra" }}
+    {{ .Render "meta-extra" }}
 
     {{ range (.GetTerms "tags") }}
-    	<a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+    	<span>
+        	<a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+    	</span>
     {{ end }}
 
 	{{ $image := (.Resources.GetMatch "featured") }}
-	{{ partial "image.html" (dict "image" $image "alt" .Params.featured.alt "class" "shadow featured") }}
-
+	{{ partial "image.html" (dict "image" $image "alt" .Params.featured.alt "class" "shadow featured margin") }}
 </section>