From 715a99dbaf1faa0f036c0d0c8b9c30a32e2f79fc Mon Sep 17 00:00:00 2001
From: Alexander Avery <alex.avery@beetbox.io>
Date: Thu, 29 May 2025 17:33:14 -0400
Subject: [PATCH] using image.html partial in authors/list.html; resize image
 in article-alt.html

---
 layouts/authors/list.html         | 9 +++++++--
 layouts/partials/article-alt.html | 3 ++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/layouts/authors/list.html b/layouts/authors/list.html
index 7378103..9fe7924 100644
--- a/layouts/authors/list.html
+++ b/layouts/authors/list.html
@@ -1,8 +1,13 @@
 {{ define "main" }}
  <section>
 
-   {{- with .Resources.GetMatch "avatar" }}
-   <img class="shadow author" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
+   {{- with (.Resources.GetMatch "avatar") }}
+   {{- partial "image.html"
+     (dict
+       "image" .
+       "alt" .Params.alt
+       "sizes" (slice 320 500)
+       "classes" (slice "shadow" "author")) }}
    {{- end }}
 
    <div>
diff --git a/layouts/partials/article-alt.html b/layouts/partials/article-alt.html
index c4097db..a372560 100644
--- a/layouts/partials/article-alt.html
+++ b/layouts/partials/article-alt.html
@@ -11,10 +11,11 @@ Renders an article card with a circle image, title, and summary.
 {{- $title := .title }}
 {{- $summary := .summary }}
 {{- $url := .url }}
+{{- $img := ($image.Resize "256x webp q90") }}
 <a href="{{ $url }}">
 <article class="alt float-on-hover shadow">
 	<div>
-	  <img src="{{ $image.RelPermalink }}" alt="{{ $alt }}" />
+	  <img src="{{ $img.RelPermalink }}" alt="{{ $alt }}" />
 	</div>
 	<div>
 		<h2>{{ $title }}</h2>