Merge pull request #434 from nunocoracao/418-revert-image-processing-behaviour-fill-to-resize

⏪️ revert image processing behaviour (.fill to .resize)

exampleSite/config/_default/params.toml

@@ -76,7 +76,7 @@ defaultBackgroundImage = "/img/iceland.jpg"
   showViews = true
   showLikes = true
   showTableOfContents = true
-  showCards = false
+  showCards = true
   groupByYear = false
   cardView = true
   cardViewScreenWidth = false

exampleSite/content/docs/advanced-customisation/index.md

@@ -38,12 +38,12 @@ Hugo has various builtin methods to resize, crop and optimize images.
 As an example - in `layouts/partials/article-link/card.html`, you have the following code:
 
 ```go
-{{ with .Fill "600x600" }}
+{{ with .Resize "600x" }}
 <div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
 {{ end }}
 ```
 
-The default behavior of Hugo here is to use Smartcrop to dynamically set the anchor point (crop placement) on the image and resize it to fill 600x600px.
+The default behavior of Hugo here is to resize the image to 600px keeping the ratio.
 
 It is worth noting here that default image configurations such as [anchor point](https://gohugo.io/content-management/image-processing/#anchor) can also be set in your [site configuration](https://gohugo.io/content-management/image-processing/#processing-options) as well as in the template itself.
 

layouts/partials/article-link/card.html

@@ -19,7 +19,7 @@
         <div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
         {{ end }}
       {{ else }}
-        {{ with .Fill "600x600"  }}
+        {{ with .Resize "600x" }}
         <div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
         {{ end }}
       {{ end }}

layouts/partials/article-link/simple.html

@@ -46,7 +46,7 @@
         <div class="{{ $articleImageClasses }}" style="background-image:url({{ .RelPermalink }});"></div>
         {{ end }}
       {{ else }}
-        {{ with .Fill "600x400"  }}
+        {{ with .Resize "600x"  }}
         <div class="{{ $articleImageClasses }}" style="background-image:url({{ .RelPermalink }});"></div>
         {{ end }}
       {{ end }}

layouts/partials/term-link/card.html

@@ -17,7 +17,7 @@
         <div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
         {{ end }}
       {{ else }}
-        {{ with .Fill "600x600"  }}
+        {{ with .Resize "600x"  }}
         <div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
         {{ end }}
       {{ end }}