From ebcd9063003972c73acb379a2cae30c4cff8c5a6 Mon Sep 17 00:00:00 2001
From: Gordon Stanton <gordon.stanton@winc.com.au>
Date: Sat, 11 Mar 2023 01:57:51 +1100
Subject: [PATCH] Moved thumbnail image tag to Block with conditional lazy
 load.

---
 templates/content-correspondents.tpl.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/templates/content-correspondents.tpl.html b/templates/content-correspondents.tpl.html
index 25847d2..585eeae 100644
--- a/templates/content-correspondents.tpl.html
+++ b/templates/content-correspondents.tpl.html
@@ -4,6 +4,7 @@
 	<p>For more information on how to become a Correspondent see our <a href="<!--% absolute_path(baseurl) %-->contribute.html">contribute</a></center> page. To add a logo here, either email one to admin at hpr or setup your email on <a href="https://en.gravatar.com/">Gravatar</a>. To protect your browsing privacy we gather the images every hour and serve them directly from HPR.<p />
 <!--% USE DBI(constants.driver, constants.user, constants.password) %-->
 <!--% PROCESS 'shared-avatar.tpl.html' %-->
+<!--% host_cnt = 0 %-->
 	<table class="hosts">
 	<th >Avatar</th>
 	<th >Name &amp; Host ID</th>
@@ -17,15 +18,19 @@
 		on h.hostid = e.hostid '
 	) %-->
 	<tr height="80">
-	<td><img src="<!--% absolute_path(baseurl) %-->images/<!--% get_avatar(host.hostid) %-->" height="80" width="80" alt="avatar" /></td>
+		<td><!--% PROCESS host_thumb avatar=get_avatar(host.hostid) host_name=host.host host_cnt=host_cnt %--></td>
 
 		<td><strong><!--% host.host %--></strong><br>
 
 			Host ID: <a href="<!--% absolute_path(baseurl) %-->correspondents/<!--% zero_pad_left(host.hostid) %-->.html"><!--% host.hostid %--></a></td>
 		<td><!--% host.license %--></td>
 		<td><!--% host.date %--></td>
-	</tr>
+	</tr><!--% host_cnt = host_cnt + 1 %-->
 	<!--% END %-->
 	</table>
 	<p><a href="<!--% absolute_path(baseurl) %-->contribute.html">Become a Correspondent</a></p>
 </article>
+
+<!--% BLOCK host_thumb %-->
+<img src="<!--% absolute_path(baseurl) %-->images/<!--% avatar %-->" height="80" width="80" alt="avatar of <!--% host_name | html %-->" <!--% IF host_cnt > 9 %-->loading="lazy"<!--% END %--> />
+<!--% END %-->