From e74c873b3bb1812a94609f8748301cbbcee3c52a Mon Sep 17 00:00:00 2001
From: Michael Boelen <michael.boelen@cisofy.com>
Date: Sun, 18 Jun 2023 13:50:42 +0200
Subject: [PATCH] Afbeeldingen 'above the fold' met normale prioriteit laden om
 layout-shift te voorkomen

---
 themes/nluug/layouts/partials/show-image.html | 2 +-
 themes/nluug/layouts/person/single.html       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/themes/nluug/layouts/partials/show-image.html b/themes/nluug/layouts/partials/show-image.html
index 4a11566..292e23a 100644
--- a/themes/nluug/layouts/partials/show-image.html
+++ b/themes/nluug/layouts/partials/show-image.html
@@ -23,7 +23,7 @@
     {{- end }}
     {{ $img := imageConfig (add "/static" (.image | safeURL)) }}
 
-      <img src="{{ .image | safeURL }}" alt="{{ .alt }}" loading="lazy" decoding="async" width="{{ $img.Width }}" height="{{ $img.Height }}">
+    <img src="{{ .image | safeURL }}" alt="{{ .alt }}"{{ if not .above_the_fold }} loading="lazy"{{ end }} decoding="async" width="{{ $img.Width }}" height="{{ $img.Height }}">
   </picture>
   {{ if .figcaption }}
     <figcaption>
diff --git a/themes/nluug/layouts/person/single.html b/themes/nluug/layouts/person/single.html
index a8c7fb9..49b9e1d 100644
--- a/themes/nluug/layouts/person/single.html
+++ b/themes/nluug/layouts/person/single.html
@@ -7,7 +7,7 @@
     {{ $personid := .id }}
     {{ if .thumbnail }}
       {{ $alttext := printf "Foto van %s" .name }}
-      {{ partial "show-image.html" (dict "context" . "image" .thumbnail "alt" $alttext) }}
+      {{ partial "show-image.html" (dict "context" . "image" .thumbnail "above_the_fold" true "alt" $alttext) }}
     {{ end }}
     {{ $text }}