From 6b2ac7d7b2a6ed25c345e4cf7d26be2230f08b78 Mon Sep 17 00:00:00 2001
From: Kaj Forney <kaj.forney@gmail.com>
Date: Tue, 21 Feb 2023 18:23:28 -0700
Subject: [PATCH] Add lazy loading to images.

---
 index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 3979935..5a4a3e4 100644
--- a/index.html
+++ b/index.html
@@ -269,46 +269,46 @@
                 </div>
                 <div class="carousel-inner">
                     <div class="carousel-item active">
-                        <img src="img/art/rakuenDoor.png" class="d-block w-100" alt="A 3D rendering of a magical door floating in a void.">
+                        <img src="img/art/rakuenDoor.png" class="d-block w-100" alt="A 3D rendering of a magical door floating in a void." loading="lazy">
                         <div class="carousel-caption d-none d-md-block">
                             <h5 class="text-shadow">RAKUEN ART [2022]</h5>
                             <p class="text-shadow">A scene from the game <i>Rakuen</i>, recreated in Blender.</p>
                         </div>
                     </div>
                     <div class="carousel-item">
-                        <img src="img/art/airship1.png" class="d-block w-100" alt="A 3D rendering of a sci-fi airship.">
+                        <img src="img/art/airship1.png" class="d-block w-100" alt="A 3D rendering of a sci-fi airship." loading="lazy">
                         <div class="carousel-caption d-none d-md-block">
                             <h5 class="text-shadow">AIRSHIP MODEL [2022]</h5>
                             <p class="text-shadow">Created in Blender</p>
                         </div>
                     </div>
                     <div class="carousel-item">
-                        <img src="img/art/airship2.png" class="d-block w-100" alt="A 3D rendering of a sci-fi airship.">
+                        <img src="img/art/airship2.png" class="d-block w-100" alt="A 3D rendering of a sci-fi airship." loading="lazy">
                         <div class="carousel-caption d-none d-md-block">
                             <h5 class="text-shadow">AIRSHIP MODEL [2022]</h5>
                             <p class="text-shadow">Created in Blender.</p>
                         </div>
                     </div>
                     <div class="carousel-item">
-                        <img src="img/art/cat.png" class="d-block w-100" alt="A digital painting of a tabby cat.">
+                        <img src="img/art/cat.png" class="d-block w-100" alt="A digital painting of a tabby cat." loading="lazy">
                         <div class="carousel-caption d-none d-md-block">
                             <h5 class="text-shadow">DIGITAL PORTRAIT [2021]</h5>
                             <p class="text-shadow">A digital painting of my cat, Okapi.</p>
                         </div>
                     </div>
                     <div class="carousel-item">
-                        <img src="img/art/portrait_dad.png" class="d-block w-100" alt="Digital art of a man's face.">
+                        <img src="img/art/portrait_dad.png" class="d-block w-100" alt="Digital art of a man's face." loading="lazy">
                         <div class="carousel-caption d-none d-md-block">
                             <h5 class="text-shadow"></h5>
                             <p class="text-shadow"></p>
                         </div>
                     </div>
                     <div class="carousel-item">
-                        <img src="img/art/dadKaj.png" class="d-block w-100" alt="Digital art of a father and son, standing next to a radio antenna.">
+                        <img src="img/art/dadKaj.png" class="d-block w-100" alt="Digital art of a father and son, standing next to a radio antenna." loading="lazy">
                         <div class="carousel-caption d-none d-md-block"></div>
                     </div>
                     <div class="carousel-item">
-                        <img src="img/art/symbolSet_fullSet.png" class="d-block w-100" alt="A collection of robot faces, made with vector art.">
+                        <img src="img/art/symbolSet_fullSet.png" class="d-block w-100" alt="A collection of robot faces, made with vector art." loading="lazy">
                         <div class="carousel-caption d-none d-md-block">
                             <h5 class="text-shadow"></h5>
                             <p class="text-shadow"></p>