feat: enhance components and layouts for improved accessibility and navigation - #5
Merged
Conversation
…rchy and interaction
…es and layout improvements - Introduced `affiliation` and `anonymous` fields in interview metadata for better identity management. - Added `FeaturedContentCard` and `ContentListCard` components for consistent presentation of featured and list content. - Updated styles for improved visual hierarchy and interaction across content types. - Refactored interview display logic to utilize new identity handling for guest and affiliation information.
…nd layout improvements - Added support for previous chapter navigation in the DocumentReaderLayout component. - Updated layout styles for improved visual hierarchy and spacing. - Refactored navigation logic to streamline chapter transitions and enhance user experience.
- Removed drop-shadow filter from the clipped layer to enhance performance. - Added a comment to clarify the reason for the change.
…tion - Updated `EditorialArticleLayout` to support optional back navigation links. - Improved layout styles for interview articles, including responsive design adjustments and enhanced visual hierarchy. - Revised interview content to provide clearer insights and concise summaries, reducing read time for better accessibility. - Updated global styles for interview components to ensure consistency and improved readability.
- Adjusted the `EditorialArticleLayout` to remove unnecessary shell classes for improved structure. - Updated global styles for the interview article visual component to enhance responsiveness and maintain consistent height across different screen sizes. - Revised layout properties to ensure better visual presentation and readability of interview content.
- Removed optional back navigation links from `EditorialArticleLayout` for a cleaner design. - Enhanced layout structure for both interview and news articles, ensuring consistent visual presentation. - Updated global styles to improve responsiveness and readability across editorial components.
…nsiveness - Simplified mobile navigation by removing index numbers from links in `SiteHeader`. - Adjusted dimensions and positioning in `SiteMark` for a more consistent design. - Refined global styles, including spacing, font sizes, and layout properties, to enhance overall visual hierarchy and responsiveness across components.
- Updated `SiteFooter` to include organization branding, slogan, and social media links sourced from `footerConfig`. - Improved layout structure for better visual hierarchy and responsiveness. - Added new SVG icons for social media platforms including GitHub, WeChat, Bilibili, Xiaohongshu, Zhihu, and more. - Refactored global styles for the footer to enhance spacing and alignment across different screen sizes.
- Added `PaginatedContentList` component to handle pagination for documents, interviews, and news. - Updated documentation to include details about the new component and its props. - Refactored existing pages to utilize `PaginatedContentList`, enhancing user experience with improved navigation. - Introduced utility functions for creating content listings for each section. - Enhanced global styles to support the new pagination layout and visual elements.
- Introduced `FeaturedContentCarousel` component to showcase featured documents, interviews, and news with autoplay and navigation controls. - Updated existing pages to utilize `FeaturedContentCarousel`, improving the presentation of highlighted content. - Enhanced global styles to support the new carousel layout and interactions. - Configured automatic playback settings for featured content in `site.ts`, ensuring a consistent user experience across sections. - Marked specific content as featured in their respective markdown files to integrate with the carousel functionality.
- Redesigned action links in the hero section to include SVG icons for improved visual appeal and user interaction. - Enhanced global styles for hero actions, adjusting layout properties and hover effects to create a more engaging experience. - Increased spacing between action links for better accessibility and visual balance.
…esentation - Removed the featured interview section to streamline the homepage layout. - Increased the number of latest news items displayed from 3 to 5 for better content visibility. - Adjusted styles for the home portals section and news list to enhance spacing and overall presentation. - Simplified the card layout by removing unnecessary elements for a cleaner design.
- Redesigned the action link in the about section to use a text variant and included an SVG icon for improved visual appeal. - Added new styles for the action link to enhance its presentation and interactivity, including hover effects and layout adjustments.
Split the monolithic global.css into modular partials (tokens, base, layout, ui, content, pages) with per-breakpoint responsive overrides, preserving the original cascade. Extract CollectionIndex, ContentVisual and ArrowRight components to remove duplicated page structure, visual type maps and inline SVGs, and sync docs with the new structure. Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
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.