added new blog post

src/lib/banner2.svelte

@@ -30,7 +30,7 @@
 {/snippet}
 
 <div class="container">
-    {#if banner}
+    {#if banner && banner !== ""}
         {#if pixelated}
             <img class="banner pixelated-img" src="{banner}" alt="{bannerAlt}">
         {:else}

src/lib/lists/gallery.svelte

@@ -25,7 +25,11 @@
 {#snippet galleryEntry({entry, reverseTextOrder}: {entry: GalleryEntry, reverseTextOrder?: boolean})}
 <!-- {#snippet galleryEntry({key, post, index}: {key: string, post: DevlogPost, index: number})} -->
     <a class="gallery-container" href="{entry.link}">
-        <img class="gallery-img" src="{entry.img}" alt="{entry.imgAlt}">
+        {#if entry.img && entry.img !== ""}
+            <img class="gallery-img" src="{entry.img}" alt="{entry.imgAlt}">
+        {:else}
+            <div class="gallery-img-placeholder"></div>
+        {/if}
         <div class="gallery-text-container">
             {#if reverseTextOrder}
                 <p class="gallery-subtitle">{@html entry.subtitle}</p>
@@ -60,7 +64,7 @@
         margin: 6px 0;
     }
 
-    .gallery-img {
+    .gallery-img, .gallery-img-placeholder {
         width: 145px;
         min-width: 145px;
         height: 100%;
@@ -70,6 +74,10 @@
         transition: filter 0.1s ease-out;
     }
 
+    .gallery-img-placeholder {
+        background-color: var(--color-highlight-dark);
+    }
+
     .gallery-text-container {
         display: flex;
         flex-direction: column;
@@ -101,7 +109,7 @@
     .gallery-container:hover .gallery-text-container {
         border-color: var(--color-highlight);
     }
-    .gallery-container:hover .gallery-img {
+    .gallery-container:hover .gallery-img, .gallery-container:hover .gallery-img-placeholder {
         filter: grayscale(0%);
     }
     .gallery-container:hover p {