From 19afb7f9faf4f91aea26f5c527edea513751dc95 Mon Sep 17 00:00:00 2001
From: Andy Burke <andy.burke@mailbox.earth>
Date: Sun, 9 Nov 2025 13:33:14 -0800
Subject: [PATCH] fix: fix 404s from templates trying to load bad image urls

---
 public/sidebar/sidebar.html    | 2 +-
 public/tabs/blurbs/blurbs.html | 4 ++--
 public/tabs/chat/chat.html     | 1 +
 public/tabs/essays/essays.html | 2 ++
 public/tabs/forum/forum.html   | 2 ++
 5 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/public/sidebar/sidebar.html b/public/sidebar/sidebar.html
index ec00e2c..83e7560 100644
--- a/public/sidebar/sidebar.html
+++ b/public/sidebar/sidebar.html
@@ -379,7 +379,7 @@
 		<template id="server-list-entry-template">
 			<div class="server-list-entry">
 				<a href="${ server.url }">
-					<img class="server-icon" src="${ server.icon ?? ( server.url + '/favicon.ico' ) }" alt="${ server.name ?? server.url } icon" style="${ server.icon_background ? `--icon-background: ${ server.icon_background };` : '' }" />
+					<img class="server-icon" src="${ server.icon ?? ( server.url + '/favicon.ico' ) }" alt="${ server.name ?? server.url } icon" style="${ server.icon_background ? `--icon-background: ${ server.icon_background };` : '' }" loading="lazy" />
 					<div class="server-name">${ server.name ?? server.url }</div>
 				</a>
 			</div>
diff --git a/public/tabs/blurbs/blurbs.html b/public/tabs/blurbs/blurbs.html
index fbff9f0..51171a2 100644
--- a/public/tabs/blurbs/blurbs.html
+++ b/public/tabs/blurbs/blurbs.html
@@ -209,12 +209,12 @@
 						data-blurb_id="${context.blurb.id}"
 						data-temp_id="${context.blurb.meta?.temp_id ?? ""}">
 						<div class="media-preview-container">
-							${context.blurb.data?.media?.length ? context.blurb.data.media.map(function(url) { return `<img src='${url}' />`; }).join('\n') : ''}
+							${context.blurb.data?.media?.length ? context.blurb.data.media.map(function(url) { return url ? `<img src='${url}' loading="lazy"/>` : ''; }).join('\n') : ''}
 						</div>
 
 						<div class="info-container">
 							<div class="avatar-container inline">
-								<img src="${context.creator.meta?.avatar ?? '/images/default_avatar.gif'}" alt="user avatar" />
+								<img src="${context.creator.meta?.avatar ?? '/images/default_avatar.gif'}" alt="user avatar" loading="lazy" />
 							</div>
 							<div class="username-container">
 								<span class="username">${context.creator.username}</span>
diff --git a/public/tabs/chat/chat.html b/public/tabs/chat/chat.html
index a3789cb..83367ed 100644
--- a/public/tabs/chat/chat.html
+++ b/public/tabs/chat/chat.html
@@ -109,6 +109,7 @@
 								<img
 									src="${context.creator.meta?.avatar ?? '/images/default_avatar.gif'}"
 									alt="user avatar"
+									loading="lazy"
 								/>
 							</div>
 							<div class="username-container">
diff --git a/public/tabs/essays/essays.html b/public/tabs/essays/essays.html
index 46543b8..638d311 100644
--- a/public/tabs/essays/essays.html
+++ b/public/tabs/essays/essays.html
@@ -170,6 +170,7 @@
 							${context.essay.data?.media?.length ?
 							context.essay.data.media.map(function(url) { return `<img
 								src="${url}"
+								loading="lazy"
 							/>` }).join('\n') : ''}
 						</div>
 
@@ -178,6 +179,7 @@
 								<img
 									src="${context.creator.meta?.avatar ?? '/images/default_avatar.gif'}"
 									alt="user avatar"
+									loading="lazy"
 								/>
 							</div>
 							<div class="username-container">
diff --git a/public/tabs/forum/forum.html b/public/tabs/forum/forum.html
index ee48b1a..8660614 100644
--- a/public/tabs/forum/forum.html
+++ b/public/tabs/forum/forum.html
@@ -208,6 +208,7 @@
 					<div class="media-preview-container">
 						<img
 							src="/images/placeholders/${String((context.post_datetime.ms % 9) + 1).padStart(2, '0')}.svg"
+							loading="lazy"
 						/>
 					</div>
 
@@ -216,6 +217,7 @@
 							<img
 								src="${context.creator.meta?.avatar ?? '/images/default_avatar.gif'}"
 								alt="user avatar"
+								loading="lazy"
 							/>
 						</div>
 						<div class="username-container">