From b8eaa69cc0c0aaaed4528185275d6e73ad0af33a Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Sat, 7 Mar 2026 13:43:38 +0100
Subject: [PATCH] changed transition timing for all animations to use
 exponential function

---
 src/lib/components/outlined-button.svelte   |  2 +-
 src/lib/components/ring.svelte              |  6 +++---
 src/lib/components/scroll-top-button.svelte |  2 +-
 src/lib/components/subtitled-image.svelte   |  2 +-
 src/lib/components/table-of-contents.svelte |  4 ++--
 src/lib/lists/gallery-row.svelte            | 10 +++++-----
 6 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/outlined-button.svelte b/src/lib/components/outlined-button.svelte
index d08e7eb..4c7b3c5 100644
--- a/src/lib/components/outlined-button.svelte
+++ b/src/lib/components/outlined-button.svelte
@@ -25,7 +25,7 @@
         color: var(--color-highlight);
         font-weight: 700;
         cursor: pointer;
-        transition: background-color var(--duration-animation) ease-out;
+        transition: background-color var(--duration-animation) var(--anim-curve);
     }
 
     .outlined-button:hover {
diff --git a/src/lib/components/ring.svelte b/src/lib/components/ring.svelte
index 6da2030..515a8cc 100644
--- a/src/lib/components/ring.svelte
+++ b/src/lib/components/ring.svelte
@@ -66,9 +66,9 @@
         line-height: 1.4rem;
         font-weight: 500;
         /* border: var(--border-width); */
-        transition: color var(--duration-animation) ease-out,
-                    font-weight var(--duration-animation) ease-out;
-                    /* border-color var(--duration-animation) ease-out; */
+        transition: color var(--duration-animation) var(--anim-curve),
+                    font-weight var(--duration-animation) var(--anim-curve);
+                    /* border-color var(--duration-animation) var(--anim-curve); */
     }
     a:link, a:visited, span {
         color: var(--color-highlight);
diff --git a/src/lib/components/scroll-top-button.svelte b/src/lib/components/scroll-top-button.svelte
index 1a6a27f..f7212bf 100644
--- a/src/lib/components/scroll-top-button.svelte
+++ b/src/lib/components/scroll-top-button.svelte
@@ -24,7 +24,7 @@
         background-color: var(--color-background-highlight);
         backdrop-filter: blur(var(--blur-radius-background));
         padding: 12px;
-        transition: background-color var(--duration-animation) ease-out;
+        transition: background-color var(--duration-animation) var(--anim-curve);
         z-index: 10;
     }
 
diff --git a/src/lib/components/subtitled-image.svelte b/src/lib/components/subtitled-image.svelte
index 262e64c..7e47b28 100644
--- a/src/lib/components/subtitled-image.svelte
+++ b/src/lib/components/subtitled-image.svelte
@@ -61,7 +61,7 @@
         text-decoration: none;
         box-sizing: border-box;
         backdrop-filter: blur(var(--blur-radius-background));
-        transition: background-color var(--duration-animation) ease-out;
+        transition: background-color var(--duration-animation) var(--anim-curve);
     }
 
     .subtitled-img-container-centred {
diff --git a/src/lib/components/table-of-contents.svelte b/src/lib/components/table-of-contents.svelte
index ed4e975..4325abd 100644
--- a/src/lib/components/table-of-contents.svelte
+++ b/src/lib/components/table-of-contents.svelte
@@ -107,8 +107,8 @@
             display: inline-block;
             text-decoration: none;
             box-sizing: border-box;
-            /* transition: color var(--duration-animation) ease-out,
-                        background-color var(--duration-animation) ease-out; */
+            /* transition: color var(--duration-animation) var(--anim-curve),
+                        background-color var(--duration-animation) var(--anim-curve); */
         }
         .toc-list a, .toc-list a:link, .toc-list a:visited {
             color: var(--color-text);
diff --git a/src/lib/lists/gallery-row.svelte b/src/lib/lists/gallery-row.svelte
index 4dc7398..064305a 100644
--- a/src/lib/lists/gallery-row.svelte
+++ b/src/lib/lists/gallery-row.svelte
@@ -40,9 +40,9 @@
         margin: 0;
         padding: 8px;
         text-decoration: none;
-        transition: background-color var(--duration-animation) ease-out,
-                    border-color var(--duration-animation) ease-out,
-                    backdrop-filter var(--duration-blur) ease-out;
+        transition: background-color var(--duration-animation) var(--anim-curve),
+                    border-color var(--duration-animation) var(--anim-curve),
+                    backdrop-filter var(--duration-blur) var(--anim-curve);
         border: var(--border-dash-size) var(--border-style) transparent;
     }
 
@@ -53,7 +53,7 @@
     }
 
     .row-entry:hover .row-img {
-        scale: 1.06;
+        scale: 1.2;
     }
 
     .row-img-container {
@@ -67,7 +67,7 @@
     .row-img {
         width: 100%;
         object-fit: cover;
-        transition: scale var(--duration-animation) ease-out;
+        transition: scale var(--duration-animation) var(--anim-curve);
     }
 
     .row-text-container {