From 62c99fd5de1d98e2f5f3995f04b0d02db059f15d Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Mon, 2 Feb 2026 20:59:10 +0100
Subject: [PATCH] added animated effect on hover to Gallery

---
 src/lib/lists/gallery.svelte | 13 +++++++++----
 src/routes/+page.svelte      |  4 ++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/lib/lists/gallery.svelte b/src/lib/lists/gallery.svelte
index 695c4d8..916764c 100644
--- a/src/lib/lists/gallery.svelte
+++ b/src/lib/lists/gallery.svelte
@@ -70,8 +70,8 @@
         height: 100%;
         margin: 0;
         object-fit: cover;
-        filter: grayscale(60%);
-        transition: filter 0.1s ease-out;
+        /* filter: grayscale(60%); */
+        transition: margin 0.1s ease-out;
     }
 
     .gallery-img-placeholder {
@@ -84,12 +84,13 @@
         flex-grow: 1;
         height: 100%;
         padding-left: 16px;
+        padding-right: 16px;
         border-style: dashed;
         justify-content: center;
         border-color: transparent;
         border-width: 2px;
         border-left: none;
-        transition: border-color 0.1s ease-out;
+        transition: border-color 0.1s ease-out, padding-right 0.1s ease-out;
     }
 
     .gallery-title, .gallery-subtitle {
@@ -111,7 +112,11 @@
         border-color: var(--color-highlight);
     }
     .gallery-container:hover .gallery-img, .gallery-container:hover .gallery-img-placeholder {
-        filter: grayscale(0%);
+        /* filter: grayscale(0%); */
+        margin-left: 8px;
+    }
+    .gallery-container:hover .gallery-text-container {
+        padding-right: 8px;
     }
     .gallery-container:hover p {
         color: var(--color-highlight);
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 64a0a89..e281a46 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -130,6 +130,10 @@
         line-height: 1rem;
     }
 
+    .changelog-entry-link:hover {
+        font-weight: 700;
+    }
+
     .webring-container {
         display: flex;
         flex-direction: row;