Commit graph

15 commits

Author SHA1 Message Date
radishzzz
a5839a2dd1 style: update various code copy button and toc styles
- Removed the old copy-action SVG icon and replaced it with a new copy-button SVG icon.
- Added a new copy-success SVG icon for visual feedback on copy actions.
- Updated Waline component comments for clarity and improved code readability.
- Enhanced BackButton component with fallback navigation to homepage.
- Improved CodeCopyButton component by refining icon handling and timeout management.
- Adjusted GithubCard component's intersection observer root margin for better visibility.
- Updated GsapAnimation component variable names for consistency and clarity.
- Removed unnecessary styles from PhotoSwipe component.
- Modified TOC component styles for better spacing and layout.
- Updated multiple theme guide markdown files to correct image hosting URL comments.
- Cleaned up extend.css by removing commented-out styles and organizing code.
- Added PhotoSwipe background color and KaTeX overflow fixes to global.css.
- Enhanced markdown.css with video styling for better responsiveness.
- Improved transition.css comments for better understanding of GSAP animation states.
2025-05-27 12:45:30 +01:00
radishzz
47e1df9b3d
feat: performance optimizations and ui improvements (#26)
* test: remove astro-compress

* test: remove astro-compress

* perf: add astro-compress, optimize resource preloading

* perf: moving photoswipe styles to head with non-blocking preload strategy

* test: disable astro-compress

* test: enable astro-compress

* fix: typescript hints

* chore: adjust toc style and gsap animation

* style: optimize gsap animation logic, adjust toc style

* chore: adjust toc style

* fix: photoswipe transition position offset caused by scrollbar-gutter
2025-05-26 20:21:38 +01:00
radishzzz
f54cacfedc perf: update gsap animation logic on mobile 2025-05-26 12:25:05 +01:00
radishzzz
65929b43bc perf: update gsap animation logic on mobile 2025-05-26 12:17:42 +01:00
radishzzz
1318a213c7 fix: gsap animition elements initial states 2025-05-26 11:40:59 +01:00
radishzzz
c1996585a8 fix: resolve gsap animation flash on page load
- Add initial state styles for animated elements in CSS
- Change GSAP animations from .from() to .to() method
- Move reduce-motion class from JS to server-side HTML
- Improve performance by eliminating DOM flash
- Enhance code readability with better formatting
2025-05-26 11:12:47 +01:00
radishzzz
910fd9f39a chore: update gsap animation config 2025-05-19 15:00:30 +01:00
radishzzz
4d247cfb93 feat: add reducemotion config option to optimize performance
- Add `reduceMotion` option in theme config to improve performance
- Update Button component to support reduced animations
- Modify GSAP animation logic to adapt to the new configuration
- Update documentation to reflect the new feature
2025-05-19 14:54:59 +01:00
radishzzz
120ebbbb3f style: update animation duration and delay, fix transition issues on mobile 2025-05-19 12:05:34 +01:00
radishzzz
beb3386edc perf: optimize dom selectors for better performance 2025-05-19 03:12:55 +01:00
radishzzz
bfe3771571 style: improve animation effects for gsap, view transitions and highlight-hover 2025-05-19 02:20:37 +01:00
radishzzz
653596fc3d style: optimize gsap animations, add preload for stix-Italic 2025-05-19 01:48:28 +01:00
radishzzz
ef192c4545 chore: update theme guides and project comments, add astro-compress to remove comments 2025-05-19 00:25:26 +01:00
radishzzz
1db68e8716 style: optimize animation durations and details 2025-05-18 22:55:53 +01:00
radishzzz
db4aa56987 refactor: replace css fade animations with gsap, optimize post page animations and mobile responsiveness 2025-05-18 16:03:17 +01:00