Resize and crop gallery images

config.toml

@@ -4,6 +4,9 @@ languageCode = 'de-de'
 paginate = 3
 title = 'kontakt – Das Kulturprojekt'
 
+[imaging]
+  resampleFilter = "Lanczos"
+
 [menu]
   [[menu.footer]]
     name = "Impressum"

layouts/galerie/section.html

@@ -5,7 +5,7 @@
 {{ range .Pages }}
 	<a class="blur-on-hover" href="{{ .RelPermalink }}">
 {{ with index (.Resources.ByType "image") 0 }}
-		<img alt="{{ .Title }}" src="{{ .RelPermalink }}">
+		<img alt="{{ .Title }}" src="{{ (.Fill "560x560").RelPermalink }}">
 {{ end }}
 		<p>{{ .Title }}</p>
 	</a>

layouts/galerie/single.html

@@ -3,7 +3,7 @@
 {{ .Content }}
 <section class="gallery">
 {{ range .Resources.ByType "image" }}
-	<img alt="{{ .Title }}" src="{{ .RelPermalink }}">
+	<img alt="{{ .Title }}" src="{{ (.Fill "560x560").RelPermalink }}">
 {{ end }}
 </section>
 {{ end }}

layouts/index.html

@@ -31,7 +31,7 @@
 {{ range first 4 (.Site.GetPage "/galerie").Pages }}
 	<a class="blur-on-hover" href="{{ .RelPermalink }}">
 {{ with index (.Resources.ByType "image") 0 }}
-		<img alt="{{ .Title }}" src="{{ .RelPermalink }}">
+		<img alt="{{ .Title }}" src="{{ (.Fill "560x560").RelPermalink }}">
 {{ end }}
 		<p>{{ .Title }}</p>
 	</a>