From 7423f4f5d176baad15d3456312bab2524a88d545 Mon Sep 17 00:00:00 2001
From: Toshaan Bharvani <toshaan@vantosh.com>
Date: Thu, 9 Dec 2021 12:21:12 +0100
Subject: [PATCH] all images are now processed to webp

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>
---
 .../layouts/boardofdirectors/list.html        | 55 +++++++++----------
 .../layouts/groups/single.html                |  2 +-
 .../openpowerfoundation/layouts/hub/list.html |  2 +-
 .../layouts/members/list.html                 |  2 +-
 .../layouts/steeringcommittee/list.html       |  6 +-
 5 files changed, 32 insertions(+), 35 deletions(-)

diff --git a/themes/openpowerfoundation/layouts/boardofdirectors/list.html b/themes/openpowerfoundation/layouts/boardofdirectors/list.html
index 3460586..a67cab5 100644
--- a/themes/openpowerfoundation/layouts/boardofdirectors/list.html
+++ b/themes/openpowerfoundation/layouts/boardofdirectors/list.html
@@ -4,25 +4,25 @@
  <main id="main" class="main boardofdirectors">
 		<div class="container">
 			<div class="row">
-		 	<h1 class="section-header my-3 my-md-5 pb-2 pb-md-3 text-center">{{ .Title }}</h1>
-		{{ range .Data.Pages.ByWeight }}
+			<h1 class="section-header my-3 my-md-5 pb-2 pb-md-3 text-center">{{ .Title }}</h1>
+			{{ range .Data.Pages.ByWeight }}
 			<article class="post__article col-10 offset-1 row mb-4 pt-4">
 				<div class="col-md-2 mb-4 mb-md-0 pt-md-3 pl-4 pl-lg-0">
-					{{ $personfile := .File.BaseFileName }}
-					{{ range where .Site.Pages "Section" "persons" }}
-						{{ $person := .File.BaseFileName }}
-						{{ if eq $personfile $person }}
+				{{ $personfile := .File.BaseFileName }}
+				{{ range where .Site.Pages "Section" "persons" }}
+					{{ $person := .File.BaseFileName }}
+					{{ if eq $personfile $person }}
 						{{ if .Param "image" }}
-										{{ $imagename := .Param "image" }}
-										{{ $imagelocation := (printf "%s/%s" "images/persons/" $imagename) }}
-										{{ $imageresource := resources.Get $imagelocation }}
-										{{ $image := $imageresource.Fit "390x390" }}
-										<img class="img-fluid"  src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
-									{{ else }}
-										{{ .Title }}
-						           {{ end }}
-					        {{ end }}
+							{{ $imagename := .Param "image" }}
+							{{ $imagelocation := (printf "%s/%s" "images/persons/" $imagename) }}
+							{{ $imageresource := resources.Get $imagelocation }}
+							{{ $image := $imageresource.Fit "390x390 webp" }}
+							<img class="img-fluid"  src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
+						{{ else }}
+							{{ .Title }}
+						{{ end }}
 					{{ end }}
+				{{ end }}
 				</div>
 				<div class="col-md-10 pl-4 mb-4 mb-lg-6 person">
 					<h2>{{ .Title }}, {{ .Param "position" }}</h2>
@@ -35,28 +35,25 @@
 						{{ if eq $personfile $person }}
 					<h3>
 						{{ if eq $persontitle "Hugh Blemings" }}
-						<a class="disabled" href="{{ .Param "link" }}">Individual</a>
+							<a class="disabled" href="{{ .Param "link" }}">Individual</a>
 						{{ else if eq $persontitle "James Kulina"}}
-						<a href="https://openpowerfoundation.org" target="_blank">OpenPOWER Foundation</a>
+							<a href="https://openpowerfoundation.org" target="_blank">OpenPOWER Foundation</a>
 						{{ else }}
-
-						 {{ range where .Site.Pages "Section" "members" }}
-						 {{ $company_title := upper .Title }}
-
-					  	{{if eq $company_member $company_title}}
-                          <a href="{{ .Param "link" }}" target="_blank">{{ $company_member }}</a>
-						  {{ end }}
+							{{ range where .Site.Pages "Section" "members" }}
+							{{ $company_title := upper .Title }}
+							{{ if eq $company_member $company_title }}
+								<a href="{{ .Param "link" }}" target="_blank">{{ $company_member }}</a>
+							{{ end }}
 						{{ end }}
-				    {{ end }}
-					
+					{{ end }}
 					</h3>
 					<p>{{ .Content }}</p>
 				</div>
 			</article>
-		      	{{ end }}
-			  {{ end }}
 			{{ end }}
-   </div>
+			{{ end }}
+		{{ end }}
+		</div>
   </div>
 </main>
 {{ partial "footer.html" . }}
diff --git a/themes/openpowerfoundation/layouts/groups/single.html b/themes/openpowerfoundation/layouts/groups/single.html
index faf3563..d987275 100644
--- a/themes/openpowerfoundation/layouts/groups/single.html
+++ b/themes/openpowerfoundation/layouts/groups/single.html
@@ -114,7 +114,7 @@
 									{{ $imagename := .Param "image" }}
 									{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
 									{{ $imageresource := resources.Get $imagelocation }}
-									{{ $image := $imageresource.Fit "75x75" }}
+									{{ $image := $imageresource.Fit "75x75 webp" }}
 									<img src="{{  $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
 								{{ else }}
 									{{ .Title }}
diff --git a/themes/openpowerfoundation/layouts/hub/list.html b/themes/openpowerfoundation/layouts/hub/list.html
index af25f60..3c39874 100644
--- a/themes/openpowerfoundation/layouts/hub/list.html
+++ b/themes/openpowerfoundation/layouts/hub/list.html
@@ -32,7 +32,7 @@
 							{{ $imagename := .Param "image" }}
 							{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
 							{{ $imageresource := resources.Get $imagelocation }}
-							{{ $image := $imageresource.Fit "100x100" }}
+							{{ $image := $imageresource.Fit "100x100 webp" }}
 							<img src="{{  $image.RelPermalink }}" alt="{{ .Title }}">
 						{{ end }}
 					{{ end }}
diff --git a/themes/openpowerfoundation/layouts/members/list.html b/themes/openpowerfoundation/layouts/members/list.html
index de7466f..2447a92 100644
--- a/themes/openpowerfoundation/layouts/members/list.html
+++ b/themes/openpowerfoundation/layouts/members/list.html
@@ -18,7 +18,7 @@
 			{{ $key := .identifier }}
 			{{ $imageheight := .image.height }}
 			{{ $imagewidth := .image.width }}
-			{{ $imagesize := .size }}
+			{{ $imagesize := printf "%s webp" .size  }}
 			{{ $col := .col }}
 			<div class="row d-flex justify-content-center">
 			{{ range $.Site.Pages }}
diff --git a/themes/openpowerfoundation/layouts/steeringcommittee/list.html b/themes/openpowerfoundation/layouts/steeringcommittee/list.html
index 6f38d48..216ed64 100644
--- a/themes/openpowerfoundation/layouts/steeringcommittee/list.html
+++ b/themes/openpowerfoundation/layouts/steeringcommittee/list.html
@@ -38,7 +38,7 @@
 									{{ $imagename := .Param "image" }}
 									{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
 									{{ $imageresource := resources.Get $imagelocation }}
-									{{ $image := $imageresource.Fit "100x100" }}
+									{{ $image := $imageresource.Fit "100x100 webp" }}
 									<img src="{{  $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
 								{{ else }}
 									{{ .Title }}
@@ -90,7 +90,7 @@
 									{{ $imagename := .Param "image" }}
 									{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
 									{{ $imageresource := resources.Get $imagelocation }}
-									{{ $image := $imageresource.Fit "100x100" }}
+									{{ $image := $imageresource.Fit "100x100 webp" }}
 									<img src="{{  $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
 									{{ else }}
 									{{ .Title }}
@@ -107,7 +107,7 @@
 							{{ $imagename := .Param "image" }}
 							{{ $imagelocation := (printf "%s/%s" "images/persons/" $imagename) }}
 							{{ $imageresource := resources.Get $imagelocation }}
-							{{ $image := $imageresource.Fit "100x400" }}
+							{{ $image := $imageresource.Fit "100x400 webp" }}
 							<img src="{{  $image.RelPermalink }}" alt="{{ .Title }}">
 							{{ else }}
 							&nbsp;