kforney/kforney.github.io
1
0
Fork 0
mirror of https://github.com/kforney/kforney.github.io.git synced 2024-05-19 16:24:51 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add lazy loading to images.

Browse source
This commit is contained in:
Kaj Forney 2023-02-21 18:23:28 -07:00
parent 45fab2efbe
commit 6b2ac7d7b2
Signed by: kforney
GPG key ID: 3AB4E2E04CEF656F
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
index.html
View file

@ -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>