improved image sizes

src/lib/components/hero.svelte

@@ -24,7 +24,7 @@
                 <img class="bg1" style="right: {(current - 3) * 100}%;" src="/screenshots/heaventaker/heaventaker.webp" alt="">
                 <img class="bg2" style="right: {(current - 2) * 100}%;" src="/screenshots/animasher.webp" alt="">
                 <img class="bg3" style="right: {(current - 1) * 100}%;" src="/screenshots/tictactoe.png" alt="">
-                <img class="bg4" style="right: {(current - 0) * 100}%;" src="/screenshots/mangadex.png" alt="">
+                <img class="bg4" style="right: {(current - 0) * 100}%;" src="/screenshots/mangadex.webp" alt="">
             {/if}
         </div>
     {/each}

src/lib/components/home/projects.svelte

@@ -54,7 +54,7 @@
         <div class="pad"></div>
         <Project
             link="https://manga.danbulant.eu"
-            image="/screenshots/mangadex.png"
+            image="/screenshots/mangadex.webp"
             grayscale={appTypeHover && appTypeHover !== "websites"}
             width={803}
             height={382}

src/lib/components/home/technologyList.svelte

@@ -21,7 +21,7 @@
                 Rust
             </li>
             <li on:click={() => technologySelected = "x11"} on:keydown={() => technologySelected = "x11"}>
-                <img src="/tech/x11.png" alt="" draggable={false} />
+                <img src="/tech/x11.webp" alt="" draggable={false} />
                 X11
             </li>
             <li on:click={() => technologySelected = "cs"} on:keydown={() => technologySelected = "cs"}>

src/routes/posts/rust-basics/+page.md

@@ -3,8 +3,8 @@ title: Rust basics, from the perspective of a high level programmer
 date: 2022-03-17
 author: Daniel Bulant
 authorIcon: /logo.png
-thumbnail: /posts/rust-basics/ferris.jpg
-bigThumbnail: /posts/rust-basics/ferris.jpg
+thumbnail: /posts/rust-basics/ferris.webp
+bigThumbnail: /posts/rust-basics/ferris.webp
 categories: [programming, rust]
 description: Rust is a fast memory-safe low level programming language. And here's how I got started with it.
 ---

src/routes/posts/writing-personal-home-page/+page.md

@@ -3,7 +3,7 @@ title: Writing my personal home page
 date: 2022-03-11
 author: Daniel Bulant
 authorIcon: /logo.png
-thumbnail: /posts/writing-personal-home-page/2020-website-square.png
+thumbnail: /posts/writing-personal-home-page/2020-website-square.webp
 bigThumbnail: /posts/writing-personal-home-page/2020-website.png
 categories: [programming, svelte]
 description: So I added blog to my personal home page.