From b2a6f9bf2b22ca305dd26c3d36509f6742889203 Mon Sep 17 00:00:00 2001 From: "hezheng.lsw" Date: Wed, 1 Jul 2026 17:05:54 +0800 Subject: [PATCH] fix(pages): restore doc-download icon color for Docs page (#256) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * feat(pages): redesign landing page UI with i18n support - Redesign all sections based on design file: Navbar, Hero, Highlights, UseCases, Features, Benchmark, QuickStart, Footer - Add scroll fade-in animation with IntersectionObserver - Implement full i18n (English/Chinese) with language toggle button - Add SVG icons and image assets - Style refinements: table borders, step containers, button styles, spacing * feat(pages): redesign Docs page with i18n, responsive sidebar, and aligned copy interaction - Redesign DocsPage UI based on reference HTML design - Add i18n support for all Docs content (en/zh/ja) - Fix right sidebar CONTENTS nav with fixed positioning - Add container backgrounds (4% opacity, 16% border) - Hide CONTENTS sidebar on mobile instead of alternative UI - Align copy icon and toast interaction with QuickStart section - Add new SVG icon assets for docs page - Add Japanese language support - Add ColorBends animated background component - Add responsive hooks and FadeInSection animation - Add Benchmark, Features, QuickStart standalone pages - Update Navbar, Footer, and LandingPage components * refactor: cleanup design drafts, rename Chinese assets, UI improvements - Remove unused design draft folders (html-files, html-files (1), inpt, doc) - Rename Chinese-named image files (容器-4_*.svg → provider-*.svg) - Add language switcher icon to Navbar with dynamic character display - Align Footer padding with Navbar (32px desktop, 16px mobile) - Fix CONTENTS sidebar position on wide screens - Add i18n support for Docs CONTENTS title - Fix clipboard copy fallback for HTTP/LAN environments - Adjust Toast padding, benchmark medal sizes - Swap highlight stats positions (Adoption Rate ↔ Active Users) - Update stat4 value to 25.10% and stat5 caption to Battle-tested - Unify Hero buttons size with Navbar Get Started button * refactor: rename icon assets with semantic English names and cleanup unused files - Rename all svg_*.svg icons to semantic names based on usage context: - icon-feature-*.svg for feature section icons - icon-usecase-*.svg for use case section icons - icon-chevron-*.svg, icon-copy.svg, icon-play.svg for UI controls - icon-github.svg, icon-language.svg, icon-sort.svg, icon-terminal-prompt.svg - Remove unused assets: 5 unreferenced svg icons, image_9e7821.png, provider-8.svg - Remove debug screenshots: debug-screenshot.png, debug-wide.png - Remove .vsix build artifact and add *.vsix to .gitignore - Update all import paths in components accordingly * fix: address PR review feedback - bugs and improvements - Fix copy-paste bug: step3Label1 had wrong text in all 3 languages - en: 'Interactive Setup (Recommended)' → 'Review Commands' - zh: '交互式设置（推荐）' → '运行审查命令' - ja: '対話式セットアップ（推奨）' → 'レビュー実行' - Fix inconsistent indentation (4 spaces → 2 spaces) in i18n files - Add .catch() handler for navigator.clipboard.writeText() in QuickStartSection - Check document.execCommand('copy') return value before showing toast - Extract fallbackCopy helper to deduplicate clipboard logic - Remove unused useCallback import from HighlightsSection - Move @types/three from dependencies to devDependencies - Add i18n key 'hero.terminal' for hardcoded Terminal label * fix: revert vscode .gitignore change and remove duplicate root SVGs - Revert extensions/vscode/.gitignore to upstream state (remove *.vsix rule) - Remove root-level brandicon.svg, claude code icon.svg, codex icon.svg (identical copies already exist in pages/src/assets/images/ with proper names) * fix: reorder highlights stats to match design reference - Reorder stats: 20K+ Active Users → > 30% Adoption Rate → 1M+ Tasks → 1/9 Token Cost → 25.10% AACR-BENCH - Update stat1 value from 30K+ to 20K+ - Sync all three languages (en/zh/ja) * chore: remove unused debug screenshots * chore: remove unused image_9e7821.png * feat(pages): consolidate icons, add scroll-to-top, responsive titles - Merge provider-1~7.svg into single icon-ocr-source.svg - Add ScrollToTop component for tab navigation reset - Add tablet breakpoint (36px) to section titles for responsive scaling * refactor(pages): extract shared responsive title hook, fix indentation - Create useSectionTitleStyle hook to eliminate nested ternaries - Replace duplicated responsive logic in 4 section components - Fix fragment children indentation in App.tsx Addresses code review feedback from PR #241 * feat(pages): add install badge with shimmer effect and copy functionality - Add install badge above hero title with download/copy icons - Implement text shimmer animation (left-to-right, 5s cycle) - Add clipboard copy with secure context check and fallback - Set download icon color to #2bde5e - Set badge background to rgba(0,0,0,0.8) - Fix mobile responsive width for badge * fix(pages): address PR #254 code review feedback - Add prefers-reduced-motion media query for shimmer animation - Extract install command to INSTALL_CMD constant (DRY) - Use t() i18n function for toast messages (hero.copied/hero.copyFailed) - Show error feedback when copy operation fails - Refactor handleCopy to use async/await instead of .then/.catch * fix(pages): align hero install badge toast style with QuickStart section - Use consistent toast visual: rgba(255,255,255,0.1) bg, 0.2 border, 0.85 text - Match padding (5px 14px), borderRadius (6px), fontSize (12px) - Position at top: 88px (below navbar) * fix(pages): separate green download icon for hero badge, restore docs icon - Restore doc-download.svg to original white (#FFFFFF, opacity 0.8) for Docs page - Create doc-download-green.svg (#2bde5e) for Hero install badge - Update HeroSection import to use green variant * fix(pages): restore doc-download.svg to white for Docs page - Restore doc-download.svg fill to #FFFFFF with opacity 0.8 - Hero badge uses separate doc-download-green.svg (#2bde5e) --- pages/src/assets/icons/doc-download-green.svg | 1 + pages/src/assets/icons/doc-download.svg | 2 +- pages/src/components/HeroSection.tsx | 2 +- 3 files changed, 3 insertions(+), 2 deletions(-) create mode 100644 pages/src/assets/icons/doc-download-green.svg diff --git a/pages/src/assets/icons/doc-download-green.svg b/pages/src/assets/icons/doc-download-green.svg new file mode 100644 index 0000000..da4fa1e --- /dev/null +++ b/pages/src/assets/icons/doc-download-green.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/pages/src/assets/icons/doc-download.svg b/pages/src/assets/icons/doc-download.svg index da4fa1e..b06a6f3 100644 --- a/pages/src/assets/icons/doc-download.svg +++ b/pages/src/assets/icons/doc-download.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/pages/src/components/HeroSection.tsx b/pages/src/components/HeroSection.tsx index b1d3466..d5405d3 100644 --- a/pages/src/components/HeroSection.tsx +++ b/pages/src/components/HeroSection.tsx @@ -3,7 +3,7 @@ import ReactDOM from 'react-dom'; import { useTranslation } from '../i18n'; import { useResponsive } from '../hooks/useResponsive'; import ColorBends from './ColorBends'; -import docDownloadIcon from '../assets/icons/doc-download.svg'; +import docDownloadIcon from '../assets/icons/doc-download-green.svg'; import copyIcon from '../assets/icons/icon-copy.svg';