updated image on about me page

src/lib/banner-title-alt.svelte

@@ -6,11 +6,13 @@
         date = "",
         subtitle = "",
         banner = "",
+        pixelated,
     }: {
         title: string;
         date?: string;
         subtitle?: string;
         banner?: string;
+        pixelated?: boolean;
     } = $props();
 
 </script>
@@ -18,7 +20,11 @@
 <div class="container">
     <div class="subcontainer">
         <div class="img-container">
+            {#if pixelated}
+            <img class="pixelated-img" src="{banner}">
+            {:else}
             <img src="{banner}">
+            {/if}
         </div>
         <div class="text-container">
             <h1 class="title">{title}</h1>

src/routes/+layout.svelte

@@ -288,5 +288,9 @@
             margin: 16px 16px 16px 0;
             width: 20%;
         }
+
+        .pixelated-img {
+            image-rendering: pixelated;
+        }
     }
 </style>

src/routes/about/+page.svelte

@@ -34,8 +34,9 @@
 
 <BannerTitleAlt
     title="About Me"
-    banner="/projects/banner.webp"
+    banner="/common/me/b.webp"
-    subtitle="Just some small game projects"
+    subtitle="If you'd like to learn more about me"
+    pixelated
 />
 
 <ContentSidebar>

src/routes/uses/+page.svelte

@@ -1,7 +0,0 @@
-
-
-Here's a list of what I used to create this page
-
-svelte
-
-background: rivers of bremen and nearby area, made using QGIS and data from ???