From 4121a39b578c740ebee0796666b9e93918cecd07 Mon Sep 17 00:00:00 2001
From: Alexander Avery <alex.avery@beetbox.io>
Date: Tue, 13 Feb 2024 23:49:56 -0500
Subject: [PATCH] reusable meta partial

---
 layouts/_default/meta-extra.html       |  2 ++
 layouts/games/meta-extra.html          |  7 +++++++
 layouts/partials/article-meta.html     | 21 +++++++++++++++++++++
 layouts/partials/header-image.html     | 10 ++++++++++
 layouts/partials/responsive-image.html | 13 -------------
 5 files changed, 40 insertions(+), 13 deletions(-)
 create mode 100644 layouts/_default/meta-extra.html
 create mode 100644 layouts/games/meta-extra.html
 create mode 100644 layouts/partials/article-meta.html
 create mode 100644 layouts/partials/header-image.html

diff --git a/layouts/_default/meta-extra.html b/layouts/_default/meta-extra.html
new file mode 100644
index 0000000..7fcdac1
--- /dev/null
+++ b/layouts/_default/meta-extra.html
@@ -0,0 +1,2 @@
+<h2 class="small-text">{{ .Date.Format "Mon | Jan 2, 2006" }}</h2>
+
diff --git a/layouts/games/meta-extra.html b/layouts/games/meta-extra.html
new file mode 100644
index 0000000..e427635
--- /dev/null
+++ b/layouts/games/meta-extra.html
@@ -0,0 +1,7 @@
+{{ if .Params.releaseDate }}
+    <h2 class="small-text">Released {{ dateFormat "Mon | Jan 2, 2006" .Params.releaseDate }}</h2>
+    <div class="break"/>
+{{ end }}
+
+<h2 class="small-text">Platforms:</h2>
+<span class="margin small-text">{{ delimit .Params.platforms " · " }}</span>
diff --git a/layouts/partials/article-meta.html b/layouts/partials/article-meta.html
new file mode 100644
index 0000000..51c6409
--- /dev/null
+++ b/layouts/partials/article-meta.html
@@ -0,0 +1,21 @@
+<div class="article-meta">
+    <h1 class="center-text">{{ .Title | markdownify }}</h1>
+
+    {{ $authors := .Params.authors | default (slice .Site.Params.defaultAuthor) }}
+    {{ $primaryAuthor := index $authors 0 }}
+
+    {{ with $primaryAuthor }}
+    <a class="center-text" href={{ printf "/%s/%s" "authors" (urlize .) }}>
+        <h2 class="center-text">{{ . }}</h2>
+    </a>
+    {{ end }}
+
+	{{ .Render "meta-extra" }}
+
+    {{ range (.GetTerms "tags") }}
+    	<a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+    {{ end }}
+
+	{{ partial "header-image.html" (dict "image" (.Resources.GetMatch .Params.featured.url) "alt" .Params.featured.alt) }}
+
+</div>
diff --git a/layouts/partials/header-image.html b/layouts/partials/header-image.html
new file mode 100644
index 0000000..bc3beb2
--- /dev/null
+++ b/layouts/partials/header-image.html
@@ -0,0 +1,10 @@
+<img class="shadow large-image"
+	{{ with .image }}
+		srcset="
+		{{ (.Resize "320x q30").RelPermalink }} 500w,
+		{{ (.Resize "600x q40").RelPermalink }} 800w,
+		{{ (.Resize "1200x q65").RelPermalink }} 2x"
+    src="{{ (.Resize "320x q30").RelPermalink }}"
+	{{ end }}
+    alt="{{ .alt }}"
+/>
diff --git a/layouts/partials/responsive-image.html b/layouts/partials/responsive-image.html
index e64f011..9beba51 100644
--- a/layouts/partials/responsive-image.html
+++ b/layouts/partials/responsive-image.html
@@ -1,15 +1,3 @@
-{{ if resources.Get .context.Params.featured.url }}
-<img class="{{ .class | default "fill-wh"}}"
-	{{ with resources.Get .context.Params.featured.url }}
-		srcset="
-		{{ (.Resize "320x q30").RelPermalink }} 500w,
-		{{ (.Resize "600x q40").RelPermalink }} 800w,
-		{{ (.Resize "1200x q65").RelPermalink }} 2x"
-	src="{{ (.Resize "320x q30").RelPermalink }}"
-	{{ end }}
-	alt="{{ .context.Params.featured.alt }}"
-/>
-{{ else }}
 <img class="{{ .class | default "fill-wh"}}"
 	{{ with .context.Resources.GetMatch .context.Params.featured.url }}
 		srcset="
@@ -20,4 +8,3 @@
     alt="{{ .Params.alt }}"
 	{{ end }}
 />
-{{ end }}