Skip to content

Enhance Website with Overhauled Download Page, New Branding Section, and UI Improvements #227

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 190 commits into
base: master
Choose a base branch
from

Conversation

charlottewiltshire0
Copy link
Collaborator

This pull request introduces a wide-ranging set of features, enhancements, and refactors across the entire application. The changes include the introduction of a new branding page, a complete overhaul of the download and blog functionalities, significant UI component additions, and numerous improvements to code quality, internationalization, and backend services.

Key Features & Enhancements

1. New Branding Page

  • A dedicated /branding page has been created to provide official brand assets and guidelines.
  • Components Added: BrandLogo, BrandSymbol, BrandClearspace, BrandColors, and BrandLegalGuidelines components display different logo variations, color palettes, and usage rules.
  • Assets: New SVG assets for logos, symbols, and clear space examples have been added.

2. Revamped Download Experience

  • The download dialog has been significantly enhanced with a tabbed interface for selecting between current versions (Stable, Latest, Mono) and an Archive Browser.
  • A new API route (/api/download/versions) fetches and displays historical releases from GitHub, allowing users to download older versions.
  • The UI has been improved with new components like Select and Tabs for a better user experience.

3. Enhanced Blog & New Changelog Section

  • Blog Overhaul: The blog page now features a sophisticated filtering system using a new useBlogFilters hook, allowing users to filter posts by tags and search query.
  • New Components:
    • BlogFilters: A dedicated component for search and multi-select tag filtering.
    • BlogPostCard: A redesigned card for displaying blog posts.
    • BlogRandomQuote: A component that displays a random quote from a blog post.
    • GoToTop: A button that appears on scroll to return to the top of the page.
  • Changelog: A new /changelog section has been added to display version updates, with its own sidebar for filtering by platform and a table of contents for individual entries.

4. UI Component Library Expansion

  • Several new, reusable UI components have been added, primarily built on Radix UI:
  • Alert, Badge, Checkbox, Select, Sidebar, Tabs, Tooltip.
  • AnimatedButton: A customizable button with hover and press effects.
  • GlowingEffect: A component to add a glowing effect to elements.

5. Internationalization (i18n)

  • All 32 locale files (translation.json) have been extensively updated to support the new features, including the download dialog, changelog, and blog filtering.
  • The Sanity Studio has been integrated with the @sanity/language-filter plugin to improve the content management experience for multilingual content.

Refactoring & Code Quality

  • Component Refactoring: Many components, including Footer, Header, and CookieConsent, have been refactored for better readability, reusability, and to use new shared components like SharedNavLink.
  • Custom Hooks: New hooks like use-os, use-scroll-visibility, and use-blog-filters have been introduced to encapsulate complex logic and improve state management.
  • API Improvements: API routes now include authorization headers for GitHub API requests and have more robust error handling and parameter validation.
  • Sanity Schema: New schemas for platform, changelog, and a reusable blockContent object have been added to support the new features.

Fixes & Miscellaneous

  • Favicon: The old favicon configuration has been removed from the main layout.
  • Dependencies: Updated key dependencies, including React and React DOM, and removed the pnpm-lock.yaml file in favor of bun.lock.
  • Documentation: The README.md has been updated with a "Hardware Requirement" section and details about the technology stack.
  • Typo Fixes: Corrected minor spelling errors in various translation files.

This pull request represents a significant step forward in functionality, user experience, and code architecture for the website.

opdev1004 and others added 30 commits April 8, 2025 17:11
…ovements

Improve Cookie Consent Accessibility and Add Callbacks
charlottewiltshire0 and others added 21 commits July 6, 2025 01:07
Copy link

cloudflare-workers-and-pages bot commented Jul 6, 2025

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Updated (UTC)
❌ Deployment failed
View logs
main-website 595b18d Jul 06 2025, 03:20 PM

Copy link
Contributor

@opdev1004 opdev1004 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking good to me

Copy link

sonarqubecloud bot commented Jul 6, 2025

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants