Convert images to WebP format.
|
|
@ -107,7 +107,7 @@ body, html {
|
|||
|
||||
body {
|
||||
background-color: #161A25;
|
||||
background-image: url("/img/branding/backgroundSmall.png");
|
||||
background-image: url("/img/branding/backgroundSmall.webp");
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2 MiB |
BIN
img/art/airship1.webp
Normal file
|
After Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 2 MiB |
BIN
img/art/airship2.webp
Normal file
|
After Width: | Height: | Size: 83 KiB |
BIN
img/art/cat.png
|
Before Width: | Height: | Size: 1.1 MiB |
BIN
img/art/cat.webp
Normal file
|
After Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 917 KiB |
BIN
img/art/dadKaj.webp
Normal file
|
After Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
BIN
img/art/portrait_dad.webp
Normal file
|
After Width: | Height: | Size: 105 KiB |
|
Before Width: | Height: | Size: 1.4 MiB |
BIN
img/art/rakuenDoor.webp
Normal file
|
After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 114 KiB |
BIN
img/art/symbolSet_fullSet.webp
Normal file
|
After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 123 KiB |
BIN
img/branding/LunarPenguin_newPalette_transparency.webp
Normal file
|
After Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 178 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 2.2 MiB |
BIN
img/branding/backgroundLarge.webp
Normal file
|
After Width: | Height: | Size: 106 KiB |
|
Before Width: | Height: | Size: 397 KiB |
BIN
img/branding/backgroundSmall.webp
Normal file
|
After Width: | Height: | Size: 20 KiB |
16
index.html
|
|
@ -25,7 +25,7 @@
|
|||
|
||||
<nav class="navbar navbar-expand-lg navbar-dark sticky-top bg-dark shadow-lg">
|
||||
<a class="navbar-brand" href="#">
|
||||
<img src="img/branding/LunarPenguin_newPalette_transparency_brightDiamond.png" alt="Logo" class="navbar-logo">
|
||||
<img src="img/branding/LunarPenguin_newPalette_transparency_brightDiamond.webp" alt="Logo" class="navbar-logo">
|
||||
Kaj Forney
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
|
||||
|
|
@ -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." loading="lazy">
|
||||
<img src="img/art/rakuenDoor.webp" 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." loading="lazy">
|
||||
<img src="img/art/airship1.webp" 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." loading="lazy">
|
||||
<img src="img/art/airship2.webp" 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." loading="lazy">
|
||||
<img src="img/art/cat.webp" 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." loading="lazy">
|
||||
<img src="img/art/portrait_dad.webp" 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." loading="lazy">
|
||||
<img src="img/art/dadKaj.webp" 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." loading="lazy">
|
||||
<img src="img/art/symbolSet_fullSet.webp" 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>
|
||||
|
|
|
|||