From ae2239d17e418bbb9e44a456388a93c5e3fcd208 Mon Sep 17 00:00:00 2001
From: Pihkaal <hello@pihkaal.me>
Date: Sat, 3 Jan 2026 19:35:42 +0100
Subject: [PATCH] feat(gallery): allow user to interact sooner

---
 app/pages/gallery.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/pages/gallery.vue b/app/pages/gallery.vue
index b34984a..68376e5 100644
--- a/app/pages/gallery.vue
+++ b/app/pages/gallery.vue
@@ -96,6 +96,8 @@ const typeText = (
 const animateIntro = async () => {
   await nextTick();
 
+  isAnimating.value = true;
+
   typeText(backButtonText, BACK_BUTTON, BACK_BUTTON_DURATION, false, {
     onStart: () => (showBackButtonIcon.value = true),
   }).delay(ANIMATION_SLEEP + FADE_IN_DELAY);
@@ -107,7 +109,7 @@ const animateIntro = async () => {
     ANIMATION_SLEEP + FADE_IN_DELAY,
   );
 
-  await gsap.fromTo(
+  gsap.fromTo(
     ".gallery-item",
     { opacity: 0 },
     {
@@ -122,8 +124,13 @@ const animateIntro = async () => {
     },
   );
 
-  isAnimating.value = false;
-  scrollArea.value?.$el.focus();
+  setTimeout(
+    () => {
+      isAnimating.value = false;
+      scrollArea.value?.$el.focus();
+    },
+    (ANIMATION_SLEEP + FADE_IN_DURATION) * 1000,
+  );
 };
 
 const animateOutro = async () => {