From b5184f0ca7c6d29c3fdb204e92c0a53b0ca4ddec Mon Sep 17 00:00:00 2001
From: KemoNine <kemonine@kemonine.info>
Date: Sun, 4 Dec 2022 11:05:38 -0500
Subject: [PATCH] enable image processing for primary images on site ; this
 reduces page size by a factor of at least 10

---
 themes/gochowdown/layouts/notes/single.html   |  6 +++++-
 themes/gochowdown/layouts/partials/home.html  | 10 +++-------
 themes/gochowdown/layouts/recipes/single.html |  6 +++++-
 3 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/themes/gochowdown/layouts/notes/single.html b/themes/gochowdown/layouts/notes/single.html
index 7b094d2..01bdcc2 100644
--- a/themes/gochowdown/layouts/notes/single.html
+++ b/themes/gochowdown/layouts/notes/single.html
@@ -53,7 +53,11 @@
   {{ if .Params.image }}
     <div class="xs-p2 center">
       <figure  itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
-        <img itemprop="image" src="{{ .Params.image }}" {{ if .Params.imagecaption }}alt="{{.Params.imagecaption}}"{{ end }} style="max-width:480px"/>
+        {{ with .Resources.GetMatch .Params.Image }}
+          {{ with .Fit "1000x1000" }}
+            <img itemprop="image" src="{{ .RelPermalink }}" {{ if .Params.imagecaption }}alt="{{.Params.imagecaption}}"{{ end }} style="max-width:75%"/>
+          {{ end }}
+        {{ end }}
         {{ if .Params.imagecaption }}
         <figcaption><p><b>Pictured:</b> {{ .Params.imagecaption }}</p></figcaption>
         {{ end }}
diff --git a/themes/gochowdown/layouts/partials/home.html b/themes/gochowdown/layouts/partials/home.html
index 6d7bd8c..5b73194 100644
--- a/themes/gochowdown/layouts/partials/home.html
+++ b/themes/gochowdown/layouts/partials/home.html
@@ -5,14 +5,10 @@
       <div class="sm-col sm-col-6 md-col-6 lg-col-4 xs-px1 xs-mb2">
           <a class="block relative bg-blue" href="{{ .RelPermalink }}">
             {{ if .Params.Image }}
-              <div class="image ratio bg-cover" style="background-image:url({{.Permalink}}{{ .Params.Image }});"></div>
-            {{ else }}
-              {{ with .Resources.ByType "image" }}
-                {{ range first 1 . }}
-                  <div class="image ratio bg-cover" style="background-image:url({{ .Permalink }});"></div>
+              {{ with .Resources.GetMatch .Params.Image }}
+                {{ with .Fit "512x512" }}
+                  <div class="image ratio bg-cover" style="background-image:url({{ .RelPermalink }});"></div>
                 {{ end }}
-              {{ else }}
-                <div class="image ratio bg-cover"></div>
               {{ end }}
             {{ end }}
             <h1 class="title p2 m0 absolute white bottom-0 left-0 title-shadow">{{ .Title }}</h1>
diff --git a/themes/gochowdown/layouts/recipes/single.html b/themes/gochowdown/layouts/recipes/single.html
index b48c272..60d69f7 100644
--- a/themes/gochowdown/layouts/recipes/single.html
+++ b/themes/gochowdown/layouts/recipes/single.html
@@ -164,7 +164,11 @@
   {{ if .Params.image }}
     <div class="xs-p2 center">
       <figure  itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
-        <img itemprop="image" src="{{ .Params.image }}" {{ if .Params.imagecaption }}alt="{{.Params.imagecaption}}"{{ end }} style="max-width:480px"/>
+        {{ with .Resources.GetMatch .Params.Image }}
+          {{ with .Fit "1000x1000" }}
+            <img itemprop="image" src="{{ .RelPermalink }}" {{ if .Params.imagecaption }}alt="{{.Params.imagecaption}}"{{ end }} style="max-width:75%"/>
+          {{ end }}
+        {{ end }}
         {{ if .Params.imagecaption }}
         <figcaption><p><b>Pictured:</b> {{ .Params.imagecaption }}</p></figcaption>
         {{ end }}