Web - #36
Merged
Merged
Conversation
- Add particle system and parallax effect to hero section - Add scroll-reveal animations using Intersection Observer API - Add animated scroll indicator in hero - Add active nav link highlighting on scroll - Add nav shadow effect on scroll - Add feature card hover effects (gradient bar, icon rotation) - Add download button gradient hover effect - Add smooth scroll for nav and CTA buttons - Modernize UI with rounded corners, gradient text, better shadows
- Add changelog section with timeline UI (v1.0.0, v1.0.3, v1.0.4) - Add changelog nav link - Add timeline CSS with animated dot and hover effects - Add changelog translations for zh, zh-tw, en, en-GB - Add responsive styles for mobile timeline
- Replace hardcoded changelog with GitHub Releases API fetch - Fallback to recent commits when no releases exist - Render timeline dynamically with version, date, body - Add loading spinner and empty/error states - Add timeline-link to view release/commit on GitHub - Reuse scroll-reveal observer for dynamically added items - Add changelog.loading/empty/error translations (zh, zh-tw, en, en-GB)
- Limit to 3 releases/commits - Switch timeline from vertical to horizontal card layout - Cards rise on hover with top border accent - Horizontal gradient line connects cards - Mobile falls back to vertical stack
- Timeline becomes horizontal scroll container with scroll-snap - Cards scroll horizontally with drag-to-scroll (mouse + touch) - Gradient line moved below cards (no longer hidden by z-index) - Content overflow clamped to 4 lines with ellipsis - Custom scrollbar styling (thin purple) - Cards snap to center on scroll - Mobile keeps horizontal scroll with smaller cards
- Show 6 items (was 3) - Add timeline-dots row above cards with gradient connecting line - Dots are hollow by default, filled on hover/active - Scroll sync: closest card auto-highlights its dot - Dot click scrolls card into view - Card hover highlights corresponding dot - Hide scrollbar completely (scrollbar-width: none) - Remove old ::before/::after timeline lines
- Each timeline-item now contains its own dot + card vertically - Dots sit directly above their card, always aligned - Single scroll container for dots and cards together - Remove separate timeline-dots container - Scroll sync highlights closest item (dot + card) - Simplified JS (no cross-container references)
- Add timeline-wrapper with padding-top to prevent dot clipping on scale - Cards fixed to 512px width (was 160px) - Timeline line is now a separate element sized dynamically via JS - Line spans from first dot center to last dot center - Line updates on scroll and resize to always cover all items - Timeline overflow-y: visible so dots aren't clipped - Mobile: cards 320px
- Move timeline-line inside .timeline (scrolls with content) - Remove .timeline-wrapper (no longer needed) - Calculate line position using offsetLeft of dots (content coords) - Remove scroll listener for line (moves automatically with scroll)
- Items start invisible (opacity: 0, translateX: 120px) - Intersection Observer triggers slide-in when changelog section enters viewport - Staggered delay: each item delays 120ms after previous - Smooth cubic-bezier easing for natural feel - One-shot animation (observer disconnects after trigger)
Clean up and reformat frontend assets; minor CSS/HTML fixes and JS refactors.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.