feat: redesign website with professional UI and dark/light theme - #29
Merged
Conversation
Restructure from 8 pages to 5: - Home: hero section with gradient, feature cards grid, download CTA - Screenshots: card-based gallery with hover effects - Documentation: merged About + Quick Manual with step-by-step guide, file format tables, capabilities list - Downloads: download cards with type badges, system requirements - Support: merged Support + License + News with author info, changelog, full license text Design changes: - Replace sidebar navigation with horizontal top nav bar - Modern color palette (slate/blue tones) with accent colors - Card-based layouts throughout - Improved typography hierarchy and spacing - Responsive mobile menu (hamburger toggle) - Clean footer with license note All legacy URLs redirect to new consolidated pages. Updated E2E tests, unit tests, and screenshot baselines.
🔍 PR Validation ✅
📋 Checks
🔄 Visual Changes (8 of 18 screenshots)
📸 downloads desktop — 100% changed (1,217,280 px)
📸 downloads mobile — 100% changed (583,500 px)
📸 home desktop — 100% changed (2,787,840 px)
📸 home mobile — 100% changed (1,347,375 px)
📸 screenshots desktop — 100% changed (1,724,160 px)
📸 screenshots mobile — 100% changed (639,375 px)
📸 support desktop — 100% changed (2,828,800 px)
📸 support mobile — 100% changed (1,068,750 px)
🆕 Added Screenshots
📸 Page Status
🚀 Ready to merge! 🔗 Workflow run · ⬇️ Download all screenshots |
- Sticky header with scroll-aware background blur and shadow - Animated hamburger-to-X icon (3 SVG lines) - Underline indicator on active desktop links - Left bar indicator on active mobile links - Route-change auto-close for mobile menu - Opacity fade on mobile menu transitions - Split logo with hover color effects - Font smoothing and smooth scroll
- ThemeToggle component with animated sun/moon icons - Dark color palette (dark-bg, dark-surface, dark-text, dark-border) - Tailwind @custom-variant dark with .dark class selector - Theme persistence via localStorage with system preference fallback - Flash-free dark mode via inline head script - Dark mode classes on all pages and components - matchMedia mock in test setup for jsdom compatibility
…nsolidated pages - Redesign all pages with modern professional layout and blue gradient headers - Add dark/light theme toggle with localStorage persistence and system preference fallback - Add lightbox component for screenshot gallery - Add new hero image, higher-res screenshot thumbnails - Professional feature cards with SVG icons, stats bar, citation section with DOI link - Timeline changelog, MIT license display, author info - Dark blue footer in light mode, accent-light color accents - Strong contrast buttons in both themes - Update license to MIT, align eslint config to standards - Add verify script to package.json
vreshch
changed the title
Owner
Author
Home Page
|
Owner
Author
Screenshots Page
|
Owner
Author
Documentation Page
|
Owner
Author
Downloads Page
|
Owner
Author
Support Page
|
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.
Summary
Screenshots
Home
Screenshots
Documentation
Downloads
Support
Test plan
npm run verify(type-check + lint + build + test)