finally very smart and added image resizing to minimize load time

dhonus · Jan 1, 2024 · 70afa02 · 70afa02
1 parent bc47ee0
commit 70afa02
Show file tree

Hide file tree

Showing 25 changed files with 13 additions and 10 deletions.
diff --git a/content/posts/oatmeal/berry/cover.jpg b/content/posts/oatmeal/berry/cover.jpg
diff --git a/content/posts/oatmeal/berry/cover.webp b/content/posts/oatmeal/berry/cover.webp
diff --git a/content/posts/oatmeal/kiwi/cover.jpg b/content/posts/oatmeal/kiwi/cover.jpg
diff --git a/content/posts/oatmeal/kiwi/cover.webp b/content/posts/oatmeal/kiwi/cover.webp
diff --git a/content/posts/savory/broccoli-soup/cover.jpg b/content/posts/savory/broccoli-soup/cover.jpg
diff --git a/content/posts/savory/broccoli-soup/cover.webp b/content/posts/savory/broccoli-soup/cover.webp
diff --git a/content/posts/savory/cauliflower-curry/cover.jpg b/content/posts/savory/cauliflower-curry/cover.jpg
diff --git a/content/posts/savory/cauliflower-curry/cover.webp b/content/posts/savory/cauliflower-curry/cover.webp
diff --git a/content/posts/savory/farfalle-soup/cover.jpg b/content/posts/savory/farfalle-soup/cover.jpg
diff --git a/content/posts/savory/farfalle-soup/cover.webp b/content/posts/savory/farfalle-soup/cover.webp
diff --git a/content/posts/savory/puff-pastry-snails/cover.jpg b/content/posts/savory/puff-pastry-snails/cover.jpg
diff --git a/content/posts/savory/puff-pastry-snails/cover.webp b/content/posts/savory/puff-pastry-snails/cover.webp
diff --git a/content/posts/savory/strips-veggie-rice-bown/cover.jpg b/content/posts/savory/strips-veggie-rice-bown/cover.jpg
diff --git a/content/posts/savory/strips-veggie-rice-bown/cover.webp b/content/posts/savory/strips-veggie-rice-bown/cover.webp
diff --git a/content/posts/sweet/bundt cake/cover.jpg b/content/posts/sweet/bundt cake/cover.jpg
diff --git a/content/posts/sweet/bundt cake/cover.webp b/content/posts/sweet/bundt cake/cover.webp
diff --git a/content/posts/sweet/cinnamon-rolls/cover.jpg b/content/posts/sweet/cinnamon-rolls/cover.jpg
diff --git a/content/posts/sweet/cinnamon-rolls/cover.webp b/content/posts/sweet/cinnamon-rolls/cover.webp
diff --git a/content/posts/sweet/cookies/cover.jpg b/content/posts/sweet/cookies/cover.jpg
diff --git a/content/posts/sweet/cookies/cover.webp b/content/posts/sweet/cookies/cover.webp
diff --git a/content/posts/sweet/pancakes/cover.jpg b/content/posts/sweet/pancakes/cover.jpg
diff --git a/content/posts/sweet/pancakes/cover.webp b/content/posts/sweet/pancakes/cover.webp
diff --git a/themes/bean/layouts/_default/single.html b/themes/bean/layouts/_default/single.html
@@ -69,10 +69,11 @@ <h2>Recent recipes</h2>
                     {{ end }}
                         <div class="vertical"><a href="{{ .RelPermalink }}">
                             {{ with .Resources }}
-                                {{ with .GetMatch "{cover.*,*.jpg,*.webp,*.png,*.jpeg}" }}
-
-                            <div class="cover_image"
-                                             style="background-image: url({{ .RelPermalink }});"></div>
+                                {{ $image := .GetMatch "{cover.*,*.jpg,*.webp,*.png,*.jpeg}" }}
+                                {{ $image := $image.Process "resize 250x" }}
+                                {{ if $image }}
+                                    <div class="cover_image"
+                                            style="background-image: url({{ $image.RelPermalink }});"></div>
                                 {{ end }}
                             {{ end }}
                         </a>

diff --git a/themes/bean/layouts/_default/taxonomy.html b/themes/bean/layouts/_default/taxonomy.html
@@ -44,9 +44,10 @@ <h1>{{ .Title }}</h1>
                         {{ end }}
                         <span><a href="{{ .RelPermalink }}">
                             {{ with .Resources }}
-                                {{ with .GetMatch "{cover.*,*.jpg,*.webp,*.png,*.jpeg}" }}
-                                        <div class="cover_image"
-                                             style="background-image: url({{ .RelPermalink }});"></div>
+                                {{ $image := .GetMatch "{cover.*,*.jpg,*.webp,*.png,*.jpeg}" }}
+                                {{ $image := $image.Process "resize 800x" }}
+                                {{ if $image }}
+                                        <div class="cover_image" style="background-image: url({{ $image.RelPermalink }});"></div>
                                 {{ end }}
                             {{ end }}
                         </a>

diff --git a/themes/bean/layouts/index.html b/themes/bean/layouts/index.html
@@ -19,9 +19,10 @@ <h2>{{ .Title }}</h2>
                     {{ end }}
                     <span><a href="{{ .RelPermalink }}">
                         {{ with .Resources }}
-                            {{ with .GetMatch "{cover.*,*.jpg,*.webp,*.png,*.jpeg}" }}
-                                    <div class="cover_image"
-                                        style="background-image: url({{ .RelPermalink }});"></div>
+                            {{ $image := .GetMatch "{cover.*,*.jpg,*.webp,*.png,*.jpeg}" }}
+                            {{ $image := $image.Process "resize 800x" }}
+                            {{ if $image }}
+                                    <div class="cover_image" style="background-image: url({{ $image.RelPermalink }});"></div>
                             {{ end }}
                         {{ end }}
                     </a>