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>

16 files changed, 15 insertions, 15 deletions

diff --git a/src/Assets/art/thumbs/YouAreBeingWatched_11-3-2026.webp b/src/Assets/art/thumbs/YouAreBeingWatched_11-3-2026.webp
new file mode 100644
index 0000000..0efee49
--- /dev/null
+++ b/src/Assets/art/thumbs/YouAreBeingWatched_11-3-2026.webp
diff --git a/src/Assets/art/thumbs/at_the_junction.webp b/src/Assets/art/thumbs/at_the_junction.webp
new file mode 100644
index 0000000..11e9162
--- /dev/null
+++ b/src/Assets/art/thumbs/at_the_junction.webp
diff --git a/src/Assets/art/thumbs/autoportrait.webp b/src/Assets/art/thumbs/autoportrait.webp
new file mode 100644
index 0000000..533e640
--- /dev/null
+++ b/src/Assets/art/thumbs/autoportrait.webp
diff --git a/src/Assets/art/thumbs/avin_in_cavea.webp b/src/Assets/art/thumbs/avin_in_cavea.webp
new file mode 100644
index 0000000..803219c
--- /dev/null
+++ b/src/Assets/art/thumbs/avin_in_cavea.webp
diff --git a/src/Assets/art/thumbs/caution_[CORRUPTED]_in_area.webp b/src/Assets/art/thumbs/caution_[CORRUPTED]_in_area.webp
new file mode 100644
index 0000000..2c3dfc0
--- /dev/null
+++ b/src/Assets/art/thumbs/caution_[CORRUPTED]_in_area.webp
diff --git a/src/Assets/art/thumbs/do_not_turn_around_they_are_watching.webp b/src/Assets/art/thumbs/do_not_turn_around_they_are_watching.webp
new file mode 100644
index 0000000..be3f095
--- /dev/null
+++ b/src/Assets/art/thumbs/do_not_turn_around_they_are_watching.webp
diff --git a/src/Assets/art/thumbs/god_is_dead_and_we_killed_him.webp b/src/Assets/art/thumbs/god_is_dead_and_we_killed_him.webp
new file mode 100644
index 0000000..d90ecdc
--- /dev/null
+++ b/src/Assets/art/thumbs/god_is_dead_and_we_killed_him.webp
diff --git a/src/Assets/art/thumbs/god_is_dead_call_us.webp b/src/Assets/art/thumbs/god_is_dead_call_us.webp
new file mode 100644
index 0000000..08f6187
--- /dev/null
+++ b/src/Assets/art/thumbs/god_is_dead_call_us.webp
diff --git a/src/Assets/art/thumbs/i_forget.webp b/src/Assets/art/thumbs/i_forget.webp
new file mode 100644
index 0000000..e4e249c
--- /dev/null
+++ b/src/Assets/art/thumbs/i_forget.webp
diff --git a/src/Assets/art/thumbs/listen_to_the_tv.webp b/src/Assets/art/thumbs/listen_to_the_tv.webp
new file mode 100644
index 0000000..98d1a38
--- /dev/null
+++ b/src/Assets/art/thumbs/listen_to_the_tv.webp
diff --git a/src/Assets/art/thumbs/stuck.webp b/src/Assets/art/thumbs/stuck.webp
new file mode 100644
index 0000000..1a87096
--- /dev/null
+++ b/src/Assets/art/thumbs/stuck.webp
diff --git a/src/Assets/art/thumbs/the_bliss_of_ignorance.webp b/src/Assets/art/thumbs/the_bliss_of_ignorance.webp
new file mode 100644
index 0000000..73bf204
--- /dev/null
+++ b/src/Assets/art/thumbs/the_bliss_of_ignorance.webp
diff --git a/src/Assets/art/thumbs/the_void_is_listening.webp b/src/Assets/art/thumbs/the_void_is_listening.webp
new file mode 100644
index 0000000..be5b52a
--- /dev/null
+++ b/src/Assets/art/thumbs/the_void_is_listening.webp
diff --git a/src/Assets/art/thumbs/trust_whom.webp b/src/Assets/art/thumbs/trust_whom.webp
new file mode 100644
index 0000000..474f317
--- /dev/null
+++ b/src/Assets/art/thumbs/trust_whom.webp
diff --git a/src/Assets/art/thumbs/warning_existential_hazard.webp b/src/Assets/art/thumbs/warning_existential_hazard.webp
new file mode 100644
index 0000000..692bfba
--- /dev/null
+++ b/src/Assets/art/thumbs/warning_existential_hazard.webp
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>