From f94a000a8a8d7160b4261849a1106616ab1c8e93 Mon Sep 17 00:00:00 2001
From: Natasha Moongrave <natasha@256phi.eu>
Date: Tue, 31 Mar 2026 14:26:12 +0200
Subject: Add WebP thumbnails for portfolio gallery to improve load times

Gallery now loads 300px WebP thumbnails (268KB total) instead of full-size
images (4MB), with lazy loading. Lightbox still shows original quality.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/Pages/art/portfolio.html | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

(limited to 'src/Pages/art')

diff --git a/src/Pages/art/portfolio.html b/src/Pages/art/portfolio.html
index 5a1baf6..011ec5b 100644
--- a/src/Pages/art/portfolio.html
+++ b/src/Pages/art/portfolio.html
@@ -18,49 +18,49 @@
 
         <div class="gallery">
             <a href="../../Assets/art/YouAreBeingWatched_11-3-2026.png" class="gallery-item">
-                <img src="../../Assets/art/YouAreBeingWatched_11-3-2026.png" alt="You Are Being Watched">
+                <img src="../../Assets/art/thumbs/YouAreBeingWatched_11-3-2026.webp" alt="You Are Being Watched" loading="lazy">
             </a>
             <a href="../../Assets/art/the_bliss_of_ignorance.jpg" class="gallery-item">
-                <img src="../../Assets/art/the_bliss_of_ignorance.jpg" alt="The Bliss of Ignorance">
+                <img src="../../Assets/art/thumbs/the_bliss_of_ignorance.webp" alt="The Bliss of Ignorance" loading="lazy">
             </a>
             <a href="../../Assets/art/at_the_junction.jpeg" class="gallery-item">
-                <img src="../../Assets/art/at_the_junction.jpeg" alt="At The Junction">
+                <img src="../../Assets/art/thumbs/at_the_junction.webp" alt="At The Junction" loading="lazy">
             </a>
             <a href="../../Assets/art/stuck.jpg" class="gallery-item">
-                <img src="../../Assets/art/stuck.jpg" alt="Stuck">
+                <img src="../../Assets/art/thumbs/stuck.webp" alt="Stuck" loading="lazy">
             </a>
             <a href="../../Assets/art/listen_to_the_tv.jpg" class="gallery-item">
-                <img src="../../Assets/art/listen_to_the_tv.jpg" alt="Listen To The Tv">
+                <img src="../../Assets/art/thumbs/listen_to_the_tv.webp" alt="Listen To The Tv" loading="lazy">
             </a>
             <a href="../../Assets/art/avin_in_cavea.jpg" class="gallery-item">
-                <img src="../../Assets/art/avin_in_cavea.jpg" alt="Avin In Cavea">
+                <img src="../../Assets/art/thumbs/avin_in_cavea.webp" alt="Avin In Cavea" loading="lazy">
             </a>
             <a href="../../Assets/art/trust_whom.jpg" class="gallery-item">
-                <img src="../../Assets/art/trust_whom.jpg" alt="Trust Whom">
+                <img src="../../Assets/art/thumbs/trust_whom.webp" alt="Trust Whom" loading="lazy">
             </a>
             <a href="../../Assets/art/autoportrait.jpg" class="gallery-item">
-                <img src="../../Assets/art/autoportrait.jpg" alt="Autoportrait">
+                <img src="../../Assets/art/thumbs/autoportrait.webp" alt="Autoportrait" loading="lazy">
             </a>
             <a href="../../Assets/art/i_forget.jpg" class="gallery-item">
-                <img src="../../Assets/art/i_forget.jpg" alt="I Forget">
+                <img src="../../Assets/art/thumbs/i_forget.webp" alt="I Forget" loading="lazy">
             </a>
             <a href="../../Assets/art/caution_[CORRUPTED]_in_area.jpg" class="gallery-item">
-                <img src="../../Assets/art/caution_[CORRUPTED]_in_area.jpg" alt="Caution [CORRUPTED] In Area">
+                <img src="../../Assets/art/thumbs/caution_[CORRUPTED]_in_area.webp" alt="Caution [CORRUPTED] In Area" loading="lazy">
             </a>
             <a href="../../Assets/art/god_is_dead_call_us.jpg" class="gallery-item">
-                <img src="../../Assets/art/god_is_dead_call_us.jpg" alt="God Is Dead Call Us">
+                <img src="../../Assets/art/thumbs/god_is_dead_call_us.webp" alt="God Is Dead Call Us" loading="lazy">
             </a>
             <a href="../../Assets/art/warning_existential_hazard.jpg" class="gallery-item">
-                <img src="../../Assets/art/warning_existential_hazard.jpg" alt="Warning Existential Hazard">
+                <img src="../../Assets/art/thumbs/warning_existential_hazard.webp" alt="Warning Existential Hazard" loading="lazy">
             </a>
             <a href="../../Assets/art/do_not_turn_around_they_are_watching.jpg" class="gallery-item">
-                <img src="../../Assets/art/do_not_turn_around_they_are_watching.jpg" alt="Do Not Turn Around They Are Watching">
+                <img src="../../Assets/art/thumbs/do_not_turn_around_they_are_watching.webp" alt="Do Not Turn Around They Are Watching" loading="lazy">
             </a>
             <a href="../../Assets/art/the_void_is_listening.jpg" class="gallery-item">
-                <img src="../../Assets/art/the_void_is_listening.jpg" alt="The Void Is Listening">
+                <img src="../../Assets/art/thumbs/the_void_is_listening.webp" alt="The Void Is Listening" loading="lazy">
             </a>
             <a href="../../Assets/art/god_is_dead_and_we_killed_him.jpg" class="gallery-item">
-                <img src="../../Assets/art/god_is_dead_and_we_killed_him.jpg" alt="God Is Dead And We Killed Him">
+                <img src="../../Assets/art/thumbs/god_is_dead_and_we_killed_him.webp" alt="God Is Dead And We Killed Him" loading="lazy">
             </a>
         </div>
 
-- 
cgit v1.2.3