added blur to gallery entries when highlighted

src/lib/lists/gallery-row.svelte

@@ -42,13 +42,16 @@
         margin: 0;
         padding: 8px;
         text-decoration: none;
-        transition: background-color 0.1s ease-out, border-color 0.1s ease-out;
+        transition: background-color 0.1s ease-out,
+                    border-color 0.1s ease-out,
+                    backdrop-filter 0.2s ease-out;
         border: 2px dashed transparent;
     }
 
     .row-entry:hover {
         background-color: var(--color-background-highlight);
         border-color: var(--color-highlight);
+        backdrop-filter: blur(var(--blur-radius-background));
     }
 
     .row-entry:hover .row-img {

src/lib/lists/gallery.svelte

@@ -90,7 +90,10 @@
         border-color: transparent;
         border-width: 2px;
         border-left: none;
-        transition: border-color 0.1s ease-out, padding-right 0.1s ease-out, background-color 0.1s ease-out;
+        transition: border-color 0.1s ease-out,
+                    padding-right 0.1s ease-out,
+                    background-color 0.1s ease-out,
+                    backdrop-filter 0.2s ease-out;
     }
 
     .gallery-title, .gallery-subtitle {
@@ -111,6 +114,7 @@
     .gallery-container:hover .gallery-text-container {
         border-color: var(--color-highlight);
         background-color: var(--color-background-highlight);
+        backdrop-filter: blur(var(--blur-radius-background));
     }
     .gallery-container:hover .gallery-img, .gallery-container:hover .gallery-img-placeholder {
         /* filter: grayscale(0%); */

src/lib/viewport/footer.svelte

@@ -79,7 +79,7 @@
 
     .background {
         background-color: var(--color-background-highlight);
-        backdrop-filter: blur(6px);
+        backdrop-filter: blur(var(--blur-radius-background));
         margin-top: 32px;
     }
 

src/routes/+layout.svelte

@@ -120,6 +120,8 @@
             --color-link-visited: #ffd7f0;
             --color-link-hovered: #ffdad5;
 
+            --blur-radius-background: 6px;
+
             /* fonts */
             --font-line-height: 1.6rem;
 

src/routes/meta/about/+page.svelte

@@ -179,5 +179,30 @@
 
     <p>hmm... maybe worth it to point out that this website and everything else I make comes straight from my own hands and brain. No generative AI is used, ever.</p>
 
-    <p><i>Last updated: 2026-02-02</i></p>
+    <p class="faq-question">What does '0461' stand for?</p>
+
+    <p>It's a reference to Ratchet & Clank; Clank's designation is <a href="https://ratchetandclank.fandom.com/wiki/Clank">XJ-0461</a>.</p>
+
+    <p class="faq-question">If you could take 3 albums to a desert island, which ones?</p>
+
+    <p>acloudyskye's <a href="https://acloudyskye.bandcamp.com/album/there-must-be-something-here">There Must Be Something Here</a> as a melodic and emotional record, Jaron's <a href="https://jaronsteele.bandcamp.com/album/its-hard-to-see-color-when-youre-so-impossibly-far-away">it's hard to see color [When You're So Impossibly Far Away*]</a> for its pure hyperpop energy, and venturing's <a href="https://janeremover.bandcamp.com/album/ghostholding">Ghostholding</a> as an emotional and sad album.</p>
+
+    <p class="faq-question">Tell me a fun fact.</p>
+
+    <p>I am currently replaying the original Ratchet & Clank (2002) and I am playing it in German for once because I haven't heard the German voies in so long. The dialogue translated into German is often longer than the original English dialogue, which makes characters' voice lines run into one another. This doesn't happen in the English original.</p>
+
+    <p><i>Last updated: 2026-02-12</i></p>
 </Content>
+
+<style>
+    .faq-question {
+        font-weight: bold;
+        color: var(--color-highlight);
+        font-family: var(--font-mono);
+        margin-bottom: 0;
+    }
+
+    .faq-question + p {
+        margin-top: 0;
+    }
+</style>