reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 19:51:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: update theme guides and project comments, add astro-compress to remove comments

Browse source
This commit is contained in:
radishzzz 2025-05-19 00:25:26 +01:00
parent 1db68e8716
commit ef192c4545
21 changed files with 319 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/components/Widgets/GsapAnimation.astro
View file

@ -10,8 +10,10 @@ function setupPostPageAnimation() {
const tocContainer = document.getElementById('toc-container')
const isLargeScreen = window.matchMedia('(min-width: 1024px)').matches
const isSmallScreen = window.matchMedia('(max-width: 1535px)').matches
// Post Content + Tags + Comments (First 15 elements)
// Post Content + Tags + Comments
// First 15 elements
gsap.from(allElements.slice(0, 15), {
opacity: 0,
y: '3rem',
@ -20,8 +22,7 @@ function setupPostPageAnimation() {
ease: 'power2.out',
stagger: 0.05,
})
// Post Content + Tags + Comments (Rest elements)
// Rest elements as the 16 element
if (allElements.length > 15) {
gsap.from(allElements.slice(15), {
opacity: 0,
@ -32,8 +33,9 @@ function setupPostPageAnimation() {
})
}
// Desktop Animations
if (isLargeScreen) {
// Desktop Post Date
// Post Date
if (dateElement) {
gsap.from(dateElement, {
opacity: 0,
@ -44,7 +46,7 @@ function setupPostPageAnimation() {
})
}
// Desktop TOC Icon
// TOC Icon
if (tocIcon) {
gsap.from(tocIcon, {
opacity: 0,
@ -55,7 +57,7 @@ function setupPostPageAnimation() {
})
}
// Desktop Toc List
// Toc List
if (tocListChildren.length > 0) {
gsap.from(tocListChildren, {
opacity: 0,
@ -67,7 +69,7 @@ function setupPostPageAnimation() {
})
}
// Desktop Back Button
// Back Button
if (backButton) {
gsap.from(backButton, {
opacity: 0,
@ -78,17 +80,16 @@ function setupPostPageAnimation() {
})
}
}
else {
// Mobile TOC Container
if (tocContainer) {
gsap.from(tocContainer, {
opacity: 0,
y: '3rem',
duration: 0.5,
delay: 0.1,
ease: 'power2.out',
})
}
// Mobile Animation (for screens smaller than 1536px)
if (isSmallScreen && tocContainer) {
gsap.from(tocContainer, {
opacity: 0,
y: '3rem',
duration: 0.5,
delay: 0.1,
ease: 'power2.out',
})
}
}