From 92658f1b883c713fab2aa99ffea79140857c371e Mon Sep 17 00:00:00 2001
From: Wolf Noble <wolf@wolfspyre.com>
Date: Tue, 5 Dec 2023 15:41:43 -0600
Subject: [PATCH] :sparkles: :lipstick: :recycle: :children_crossing: render
 author image with picture partial

---
 layouts/partials/author.html       | 17 ++++++-----------
 layouts/partials/home/profile.html | 12 ++++--------
 2 files changed, 10 insertions(+), 19 deletions(-)

diff --git a/layouts/partials/author.html b/layouts/partials/author.html
index 84c6e9d9..a3a2aeb3 100644
--- a/layouts/partials/author.html
+++ b/layouts/partials/author.html
@@ -1,19 +1,14 @@
 {{ if .Params.showAuthor | default (.Site.Params.article.showAuthor | default true) }}
+{{- warnf "%s called. Author %s should be shown." .Page.File .Site.Language.Params.Author.name }}
   <div class="flex">
+    {{ $lazy := .Params.enableImageLazyLoading|default  .Site.Params.enableImageLazyLoading | default true }}
+    {{ $altText := ($.Site.Language.Params.Author.name | default "Author") }}
     {{ with .Site.Language.Params.Author.image }}
+      {{- warnf "called. AuthorImage %s should be shown."  . }}
       {{ $authorImage := resources.Get . }}
       {{ if $authorImage }}
-        {{ $authorImage := $authorImage.Fill "192x192 Center" }}
-        <img
-          class="!mb-0 !mt-0 me-4 h-24 w-24 rounded-full"
-          width="96"
-          height="96"
-          alt="{{ $.Site.Language.Params.Author.name | default "Author" }}"
-          src="{{ $authorImage.RelPermalink }}"
-          {{ if $.Site.Params.enableImageLazyLoading | default true }}
-            loading="lazy"
-          {{ end }}
-        />
+        {{ $imgClass := "!mb-0 !mt-0 me-4 w-24 h-auto rounded-full" }}
+        {{ partial "picture.html" (dict "img" $authorImage "alt" $altText "class" $imgClass "lazy" $lazy  ) }}
       {{ end }}
     {{ end }}
     <div class="place-self-center">
diff --git a/layouts/partials/home/profile.html b/layouts/partials/home/profile.html
index a9063d43..2c352288 100644
--- a/layouts/partials/home/profile.html
+++ b/layouts/partials/home/profile.html
@@ -4,17 +4,13 @@
   {{ end }} flex flex-col items-center justify-center text-center"
 >
   <header class="mb-3 flex flex-col items-center">
+    {{ $lazy := .Params.enableImageLazyLoading | default .Site.Params.enableImageLazyLoading | default true }}
+    {{ $altText := ($.Site.Language.Params.Author.name | default "Author") }}
     {{ with .Site.Language.Params.Author.image }}
       {{ $authorImage := resources.Get . }}
       {{ if $authorImage }}
-        {{ $authorImage := $authorImage.Fill "288x288 Center" }}
-        <img
-          class="mb-2 h-36 w-36 rounded-full"
-          width="144"
-          height="144"
-          alt="{{ $.Site.Language.Params.Author.name | default "Author" }}"
-          src="{{ $authorImage.RelPermalink }}"
-        />
+        {{ $imgClass := "mb-2 h-auto w-36 rounded-full" }}
+        {{ partial "picture.html" (dict "img" $authorImage "alt" $altText "class" $imgClass "lazy" $lazy) }}
       {{ end }}
     {{ end }}
     <h1 class="text-4xl font-extrabold">