diff --git a/src/components/Widgets/GsapAnimation.astro b/src/components/Widgets/GsapAnimation.astro index f2f232a..7386652 100644 --- a/src/components/Widgets/GsapAnimation.astro +++ b/src/components/Widgets/GsapAnimation.astro @@ -16,8 +16,8 @@ function setupPostPageAnimation() { // First 15 elements gsap.from(allElements.slice(0, 15), { opacity: 0, - y: '3rem', - duration: 0.5, + y: '2rem', + duration: 0.4, delay: 0.1, ease: 'power2.out', stagger: 0.05, @@ -26,9 +26,9 @@ function setupPostPageAnimation() { if (allElements.length > 15) { gsap.from(allElements.slice(15), { opacity: 0, - y: '3rem', - duration: 0.5, - delay: 0.05 * 15 + 0.1, + y: '2rem', + duration: 0.4, + delay: 0.1 + 0.05 * 15, ease: 'power2.out', }) } @@ -39,8 +39,8 @@ function setupPostPageAnimation() { if (dateElement) { gsap.from(dateElement, { opacity: 0, - y: '1.5rem', - duration: 0.5, + y: '1rem', + duration: 0.4, delay: 0.1, ease: 'power2.out', }) @@ -51,7 +51,7 @@ function setupPostPageAnimation() { gsap.from(tocIcon, { opacity: 0, y: '0.5rem', - duration: 0.5, + duration: 0.4, delay: 0.125, ease: 'power2.out', }) @@ -61,8 +61,8 @@ function setupPostPageAnimation() { if (tocListChildren.length > 0) { gsap.from(tocListChildren, { opacity: 0, - y: '1.5rem', - duration: 0.5, + y: '1rem', + duration: 0.4, delay: 0.15, ease: 'power2.out', stagger: 0.025, @@ -74,7 +74,7 @@ function setupPostPageAnimation() { gsap.from(backButton, { opacity: 0, x: '0.5rem', - duration: 0.5, + duration: 0.4, delay: 0.15, ease: 'power2.out', }) @@ -85,8 +85,8 @@ function setupPostPageAnimation() { if (isSmallScreen && tocContainer) { gsap.from(tocContainer, { opacity: 0, - y: '3rem', - duration: 0.5, + y: '2rem', + duration: 0.4, delay: 0.1, ease: 'power2.out', }) diff --git a/src/layouts/Head.astro b/src/layouts/Head.astro index 71dd2d0..71c94a6 100644 --- a/src/layouts/Head.astro +++ b/src/layouts/Head.astro @@ -55,6 +55,7 @@ const pageImage = postSlug + {commentEnabled && walineServerURL && } {katexEnabled && }