From 3b28c1c081a691c1e85864c3378e0c6a4e989fc1 Mon Sep 17 00:00:00 2001
From: Will Faught <willfaught@users.noreply.github.com>
Date: Fri, 6 Jan 2023 21:35:54 -0800
Subject: [PATCH] Use img.html in home.html

---
 layouts/_default/home.html | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/layouts/_default/home.html b/layouts/_default/home.html
index 878578fe..c4a2b845 100644
--- a/layouts/_default/home.html
+++ b/layouts/_default/home.html
@@ -3,11 +3,25 @@
     {{ partial "paige/metadata.html" . }}
     <section>
         {{ with .Params.stretch_url }}
-        <div class="mb-3 mw-100 rounded-4 shadow" style="background-image: url('{{ partial `paige/func-url.html` . }}'); background-position: center; background-size: cover; height: 20rem"></div>
+        <p>
+            {{ partial "paige/img.html" (dict
+                "class" "mw-100 rounded-4 shadow"
+                "fetchpriority" "high"
+                "loading" "eager"
+                "src" .
+                "style" "height: 20rem; object-fit: cover; width: 100%"
+            ) }}
+        </p>
         {{ end }}
         {{ with .Params.center_url }}
         <p class="text-center">
-            <img class="mw-100 rounded-4 shadow" fetchpriority="high" referrerpolicy="no-referrer" src="{{ partial `paige/func-url.html` . }}" style="max-height: 20rem">
+            {{ partial "paige/img.html" (dict
+                "class" "mw-100 rounded-4 shadow"
+                "fetchpriority" "high"
+                "loading" "eager"
+                "src" .
+                "style" "height: 20rem"
+            ) }}
         </p>
         {{ end }}
         {{ with .Params.greeting }}