M static/index.css → static/index.css

@@ -114,3 +114,13 @@
 .toothbrush-img {
   height: 3em;
 }
+
+img {
+  image-rendering: pixelated;
+  image-rendering: -moz-crisp-edges;
+  image-rendering: crisp-edges;
+}
+
+.non-pixelated {
+    image-rendering: optimizeQuality;
+}

M templates/index.html → templates/index.html

@@ -15,7 +15,7 @@ <div style="background-color: #9fa127; display: flex; flex-direction: column">
             <div class="box container" style="min-height: 90%">
                 <article>
                     <h1>hi</h1>
-                    <img src="static/banan.png" alt="my profile picture" class="banana-img" />
+                    <img src="static/banan.png" alt="my profile picture" class="banana-img non-pixelated" />
                     <p>
                         I'm an 18-year-old student from Germany, aspiring to become a
                         system administrator. I like tinkering around with my Linux system
@@ -84,7 +84,7 @@ rel="noopener nofererrer">
                         toothbrushing music
                     </a>
                     <br />
-                    <img src="static/toothrush.png" alt="toothbrush vibing" class="toothbrush-img" />
+                    <img src="static/toothrush.png" alt="toothbrush vibing" class="toothbrush-img non-pixelated" />
                     <p>
                         I generally like to buy my music DRM-free, but since I can't buy all the music in the world
                         Tidal is what I currently use as my streaming provider