Skip to content

feat(ui): enhance landing page with logo updates and star count#6325

Merged
jdx merged 3 commits intomainfrom
fix/logo-hover-transitions
Sep 18, 2025
Merged

feat(ui): enhance landing page with logo updates and star count#6325
jdx merged 3 commits intomainfrom
fix/logo-hover-transitions

Conversation

@jdx
Copy link
Owner

@jdx jdx commented Sep 18, 2025

Summary

  • Updated logo as favicon across all platforms
  • Fixed hover transition animations for smooth fade in/out
  • Enhanced hero title with larger size and animated gradient
  • Added GitHub star count badge to navigation bar

Changes Made

Logo & Favicon Updates

  • Generated new favicon files from the SVG logo in multiple resolutions
  • Updated site.webmanifest with proper app metadata
  • Fixed hover transition animation issues on the site title

Hero Title Enhancements

  • Increased hero title size from 3rem to 5rem on desktop
  • Added continuous shimmer animation to hero gradient (3s loop)
  • Implemented responsive sizing (4rem on tablet, 3.5rem on mobile)

GitHub Star Count Badge

  • Added star count display (19.3k) next to GitHub icon in navigation bar
  • Created NavBarExtra component with animated star badge
  • Auto-updates star count during release process using gh CLI
  • Formats large numbers with k notation (e.g., 19346 → 19.3k)
  • Includes hover animations and proper light/dark mode support

Color Improvements

  • Brightened gradient colors for better visibility in light mode
  • Updated all light mode brand/success/warning colors to be more vibrant

Test Plan

  • Verified favicon appears correctly in browser tabs
  • Tested hover animations on site title - smooth fade in/out
  • Confirmed hero title animation works continuously
  • Verified star count badge displays correctly in nav bar
  • Checked both light and dark mode appearances
  • Tested responsive design on mobile/tablet

Screenshots

The star count badge appears in the navigation bar with the GitHub icon and updates automatically during releases.

🤖 Generated with Claude Code

- Generate new favicon files from SVG logo (16x16, 32x32, 180x180, 192x192, 512x512)
- Update site.webmanifest with app name and SVG logo support
- Fix title hover animation to fade smoothly on both hover and unhover
- Use CSS gradient background instead of pseudo-elements to prevent text positioning issues
- Ensure consistent styling between light and dark modes

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings September 18, 2025 21:53
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR enhances the site's visual branding and fixes user interface issues. It updates the favicon to use the new terminal-themed SVG logo and resolves hover animation problems on the site title that were causing text positioning issues.

  • Added comprehensive favicon support with multiple resolutions and formats
  • Fixed hover transition animations to use smooth fade effects instead of problematic pseudo-elements
  • Updated web app manifest with proper metadata and branding

Reviewed Changes

Copilot reviewed 2 out of 8 changed files in this pull request and generated 2 comments.

File Description
docs/public/site.webmanifest Added app metadata, SVG icon support, and updated theme colors to match dark theme
docs/.vitepress/theme/custom.css Refactored hover animations to use CSS gradients with smooth transitions, eliminating text jumping issues

Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.

Comment on lines 232 to +233
.VPNavBarTitle .title {
font-size: 1.3rem;
font-size: 1.3rem !important;
Copy link

Copilot AI Sep 18, 2025

Choose a reason for hiding this comment

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

Using !important is generally discouraged as it makes CSS harder to maintain and override. Consider using more specific selectors or restructuring the CSS hierarchy to avoid the need for !important.

Copilot uses AI. Check for mistakes.
Comment on lines +149 to 158
background-image: linear-gradient(
120deg,
#00d9ff 0%,
#52e892 50%,
#ff9100 100%
);
background-size: 200% 100%;
background-position: 100% 0;
-webkit-background-clip: text;
background-clip: text;
Copy link

Copilot AI Sep 18, 2025

Choose a reason for hiding this comment

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

The gradient properties are duplicated between the default state and light mode. Consider extracting the common gradient properties into CSS custom properties to reduce duplication and improve maintainability.

Copilot uses AI. Check for mistakes.
jdx and others added 2 commits September 18, 2025 21:56
- Use brighter cyan (#00acc1), green (#4caf50), and orange (#ff9800) for light mode gradient
- Update all light mode brand/success/warning colors to be more vibrant
- Improve contrast and visibility of UI elements in light mode

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Increase hero title size from 3rem to 5rem on desktop
- Add continuous shimmer animation to hero gradient (3s loop)
- Add gradient glow effect with drop-shadow
- Implement responsive sizing (4rem on tablet, 3.5rem on mobile)
- Apply same light mode gradient colors as navbar title

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
@jdx jdx merged commit 0f5e170 into main Sep 18, 2025
17 of 19 checks passed
@jdx jdx deleted the fix/logo-hover-transitions branch September 18, 2025 22:01
@jdx jdx changed the title feat(ui): update logo as favicon and fix hover transitions feat(ui): enhance landing page with logo updates and star count Sep 18, 2025
@jdx jdx mentioned this pull request Sep 18, 2025
@github-actions
Copy link

Hyperfine Performance

mise x -- echo

Command Mean [ms] Min [ms] Max [ms] Relative
mise-2025.9.12 x -- echo 19.2 ± 0.3 18.6 21.5 1.00
mise x -- echo 19.4 ± 0.6 18.8 26.8 1.01 ± 0.04

mise env

Command Mean [ms] Min [ms] Max [ms] Relative
mise-2025.9.12 env 18.7 ± 0.3 18.1 19.9 1.00
mise env 19.0 ± 0.5 18.1 21.7 1.01 ± 0.03

mise hook-env

Command Mean [ms] Min [ms] Max [ms] Relative
mise-2025.9.12 hook-env 18.2 ± 0.3 17.8 22.1 1.00 ± 0.03
mise hook-env 18.2 ± 0.4 17.6 20.0 1.00

mise ls

Command Mean [ms] Min [ms] Max [ms] Relative
mise-2025.9.12 ls 15.9 ± 0.2 15.5 17.1 1.00
mise ls 16.0 ± 0.2 15.5 16.7 1.00 ± 0.02

xtasks/test/perf

Command mise-2025.9.12 mise Variance
install (cached) 169ms ✅ 101ms +67%
ls (cached) 61ms 61ms +0%
bin-paths (cached) 68ms 67ms +1%
task-ls (cached) 464ms 462ms +0%

✅ Performance improvement: install cached is 67%

jdx added a commit that referenced this pull request Sep 18, 2025
## Summary
Follow-up improvements to the GitHub star badge implementation from
#6325.

## Changes

### Star Badge Improvements
- Position star count below GitHub icon for cleaner layout
- Remove star emoji to save space, display only the number (19.3k)
- Reduce font size and tighten spacing for more compact appearance
- Align GitHub icon properly with Discord icon
- Hide star count on mobile devices to save space

### Technical Details
- Uses vertical flex layout to position count below icon
- Absolute positioning for the star count text
- Responsive design with mobile breakpoint at 640px
- Maintains hover state color changes for better UX

## Test Plan
- [x] Verified star count displays correctly below GitHub icon
- [x] Confirmed proper alignment with Discord icon
- [x] Tested hover effects and color transitions
- [x] Verified mobile responsiveness (hides on small screens)
- [x] Checked both light and dark mode appearances

## Screenshots
The star count now appears as a small number (19.3k) directly below the
GitHub icon in the navigation bar, with proper alignment alongside the
Discord icon.

🤖 Generated with [Claude Code](https://claude.ai/code)

---------

Co-authored-by: Claude <noreply@anthropic.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
jdx added a commit that referenced this pull request Sep 19, 2025
### 📦 Registry

- remove deprecated virtualos by @jdx in
[166379f](166379f)
- add trufflehog
([aqua:trufflesecurity/trufflehog](https://github.com/trufflesecurity/trufflehog))
by @risu729 in [#6316](#6316)

### 🚀 Features

- **(aqua)** integrate native sigstore-verification for security
verification by @jdx in [#6332](#6332)
- **(docs)** improve search result readability with lighter teal
background by @jdx in [#6328](#6328)
- **(ui)** update logo as favicon and fix hover transitions by @jdx in
[#6325](#6325)
- **(vfox)** add file.read lua function by @malept in
[#6333](#6333)
- add documentation for "Environment in tasks" #5134 #5638 by
@Its-Just-Nans in [#6329](#6329)

### 🐛 Bug Fixes

- **(github)** correctly paginate releases/tags for private repos by
@malept in [#6318](#6318)
- **(hk)** exclude aqua-registry from prettier linting by @jdx in
[#6327](#6327)
- **(ui)** improve GitHub star badge layout and alignment by @jdx in
[#6326](#6326)

### 📚 Documentation

- change 'hello.py' to 'main.py' in python.md by @my1e5 in
[#6319](#6319)
- customize VitePress theme with unique branding by @jdx in
[#6324](#6324)

### 📦️ Dependency Updates

- update taiki-e/install-action digest to 0aa4f22 by @renovate[bot] in
[#6334](#6334)
- update rust crate comfy-table to v7.2.1 by @renovate[bot] in
[#6335](#6335)
- update rust crate console to v0.16.1 by @renovate[bot] in
[#6336](#6336)
- update rust crate indexmap to v2.11.4 by @renovate[bot] in
[#6337](#6337)

### Chore

- fixing typos by @Its-Just-Nans in
[#6331](#6331)

### New Contributors

- @Its-Just-Nans made their first contribution in
[#6331](#6331)
- @my1e5 made their first contribution in
[#6319](#6319)

---------

Co-authored-by: mise-en-dev <release@mise.jdx.dev>
Co-authored-by: Claude <noreply@anthropic.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
netbsd-srcmastr pushed a commit to NetBSD/pkgsrc that referenced this pull request Sep 24, 2025
## [2025.9.16](https://github.com/jdx/mise/compare/v2025.9.15..v2025.9.16) - 2025-09-22

### 📦 Registry

- use npm backend for zbctl by @risu729 in [#6379](jdx/mise#6379)

### 🐛 Bug Fixes

- **(aqua)** remove blake3 support from aqua checksum algorithms by @risu729 in [#6370](jdx/mise#6370)
- **(aqua)** remove cosign and slsa-verifier dependencies by @risu729 in [#6371](jdx/mise#6371)
- **(aqua)** remove cosign.experimental by @risu729 in [#6376](jdx/mise#6376)

### 📚 Documentation

- minisign doesn't require cli by @risu729 in [#6369](jdx/mise#6369)

### Chore

- ignore renovate new bot name by @risu729 in [#6364](jdx/mise#6364)

## [2025.9.15](https://github.com/jdx/mise/compare/v2025.9.14..v2025.9.15) - 2025-09-21

### 📦 Registry

- add missing cargo backends by @jayvdb in [#6307](jdx/mise#6307)

### 🚀 Features

- add env propagation by @Its-Just-Nans in [#6342](jdx/mise#6342)

### 🐛 Bug Fixes

- **(aqua)** improve GitHub token handling for sigstore verification by @jdx in [#6351](jdx/mise#6351)
- **(backend)** change dependency checks to warnings instead of errors by @jdx in [#6363](jdx/mise#6363)
- **(npm)** improve error message when npm/bun is not installed by @jdx in [#6359](jdx/mise#6359)
- **(vfox)** enable TLS support for reqwest to fix CI tests by @jdx in [#6356](jdx/mise#6356)

### 🚜 Refactor

- **(registry)** convert to nested TOML sections format by @jdx in [#6361](jdx/mise#6361)

### 🧪 Testing

- **(e2e)** resolve mise via PATH in backend missing deps test by @jdx in [#6362](jdx/mise#6362)
- **(vfox)** replace flaky external HTTP tests with local mock server by @jdx in [#6354](jdx/mise#6354)

### 📦️ Dependency Updates

- pin dependencies by @renovate[bot] in [#6243](jdx/mise#6243)

### Chore

- **(install.sh)** add `MISE_INSTALL_MUSL` to force installing musl variants on Linux by @malept in [#6355](jdx/mise#6355)

## [2025.9.14](https://github.com/jdx/mise/compare/v2025.9.13..v2025.9.14) - 2025-09-20

### 🐛 Bug Fixes

- fix an issue where Swift could not be installed on arm64 Ubuntu by @lish82 in [#6348](jdx/mise#6348)

### Chore

- use cross to build on linux by @jdx in [#6346](jdx/mise#6346)

### New Contributors

- @lish82 made their first contribution in [#6348](jdx/mise#6348)

## [2025.9.13](https://github.com/jdx/mise/compare/v2025.9.12..v2025.9.13) - 2025-09-19

### 📦 Registry

- remove deprecated virtualos by @jdx in [166379f](jdx/mise@166379f)
- add trufflehog ([aqua:trufflesecurity/trufflehog](https://github.com/trufflesecurity/trufflehog)) by @risu729 in [#6316](jdx/mise#6316)

### 🚀 Features

- **(aqua)** integrate native sigstore-verification for security verification by @jdx in [#6332](jdx/mise#6332)
- **(docs)** improve search result readability with lighter teal background by @jdx in [#6328](jdx/mise#6328)
- **(ui)** update logo as favicon and fix hover transitions by @jdx in [#6325](jdx/mise#6325)
- **(vfox)** add file.read lua function by @malept in [#6333](jdx/mise#6333)
- add documentation for "Environment in tasks" #5134 #5638 by @Its-Just-Nans in [#6329](jdx/mise#6329)

### 🐛 Bug Fixes

- **(github)** correctly paginate releases/tags for private repos by @malept in [#6318](jdx/mise#6318)
- **(hk)** exclude aqua-registry from prettier linting by @jdx in [#6327](jdx/mise#6327)
- **(ui)** improve GitHub star badge layout and alignment by @jdx in [#6326](jdx/mise#6326)

### 📚 Documentation

- change 'hello.py' to 'main.py' in python.md by @my1e5 in [#6319](jdx/mise#6319)
- customize VitePress theme with unique branding by @jdx in [#6324](jdx/mise#6324)

### 📦️ Dependency Updates

- update taiki-e/install-action digest to 0aa4f22 by @renovate[bot] in [#6334](jdx/mise#6334)
- update rust crate comfy-table to v7.2.1 by @renovate[bot] in [#6335](jdx/mise#6335)
- update rust crate console to v0.16.1 by @renovate[bot] in [#6336](jdx/mise#6336)
- update rust crate indexmap to v2.11.4 by @renovate[bot] in [#6337](jdx/mise#6337)

### Chore

- fixing typos by @Its-Just-Nans in [#6331](jdx/mise#6331)

### New Contributors

- @Its-Just-Nans made their first contribution in [#6331](jdx/mise#6331)
- @my1e5 made their first contribution in [#6319](jdx/mise#6319)
riastradh pushed a commit to riastradh/pkgsrc-test20250901 that referenced this pull request Feb 8, 2026
## [2025.9.16](https://github.com/jdx/mise/compare/v2025.9.15..v2025.9.16) - 2025-09-22

### 📦 Registry

- use npm backend for zbctl by @risu729 in [#6379](jdx/mise#6379)

### 🐛 Bug Fixes

- **(aqua)** remove blake3 support from aqua checksum algorithms by @risu729 in [#6370](jdx/mise#6370)
- **(aqua)** remove cosign and slsa-verifier dependencies by @risu729 in [#6371](jdx/mise#6371)
- **(aqua)** remove cosign.experimental by @risu729 in [#6376](jdx/mise#6376)

### 📚 Documentation

- minisign doesn't require cli by @risu729 in [#6369](jdx/mise#6369)

### Chore

- ignore renovate new bot name by @risu729 in [#6364](jdx/mise#6364)

## [2025.9.15](https://github.com/jdx/mise/compare/v2025.9.14..v2025.9.15) - 2025-09-21

### 📦 Registry

- add missing cargo backends by @jayvdb in [#6307](jdx/mise#6307)

### 🚀 Features

- add env propagation by @Its-Just-Nans in [#6342](jdx/mise#6342)

### 🐛 Bug Fixes

- **(aqua)** improve GitHub token handling for sigstore verification by @jdx in [#6351](jdx/mise#6351)
- **(backend)** change dependency checks to warnings instead of errors by @jdx in [#6363](jdx/mise#6363)
- **(npm)** improve error message when npm/bun is not installed by @jdx in [#6359](jdx/mise#6359)
- **(vfox)** enable TLS support for reqwest to fix CI tests by @jdx in [#6356](jdx/mise#6356)

### 🚜 Refactor

- **(registry)** convert to nested TOML sections format by @jdx in [#6361](jdx/mise#6361)

### 🧪 Testing

- **(e2e)** resolve mise via PATH in backend missing deps test by @jdx in [#6362](jdx/mise#6362)
- **(vfox)** replace flaky external HTTP tests with local mock server by @jdx in [#6354](jdx/mise#6354)

### 📦️ Dependency Updates

- pin dependencies by @renovate[bot] in [#6243](jdx/mise#6243)

### Chore

- **(install.sh)** add `MISE_INSTALL_MUSL` to force installing musl variants on Linux by @malept in [#6355](jdx/mise#6355)

## [2025.9.14](https://github.com/jdx/mise/compare/v2025.9.13..v2025.9.14) - 2025-09-20

### 🐛 Bug Fixes

- fix an issue where Swift could not be installed on arm64 Ubuntu by @lish82 in [#6348](jdx/mise#6348)

### Chore

- use cross to build on linux by @jdx in [#6346](jdx/mise#6346)

### New Contributors

- @lish82 made their first contribution in [#6348](jdx/mise#6348)

## [2025.9.13](https://github.com/jdx/mise/compare/v2025.9.12..v2025.9.13) - 2025-09-19

### 📦 Registry

- remove deprecated virtualos by @jdx in [166379f](jdx/mise@166379f)
- add trufflehog ([aqua:trufflesecurity/trufflehog](https://github.com/trufflesecurity/trufflehog)) by @risu729 in [#6316](jdx/mise#6316)

### 🚀 Features

- **(aqua)** integrate native sigstore-verification for security verification by @jdx in [#6332](jdx/mise#6332)
- **(docs)** improve search result readability with lighter teal background by @jdx in [#6328](jdx/mise#6328)
- **(ui)** update logo as favicon and fix hover transitions by @jdx in [#6325](jdx/mise#6325)
- **(vfox)** add file.read lua function by @malept in [#6333](jdx/mise#6333)
- add documentation for "Environment in tasks" #5134 #5638 by @Its-Just-Nans in [#6329](jdx/mise#6329)

### 🐛 Bug Fixes

- **(github)** correctly paginate releases/tags for private repos by @malept in [#6318](jdx/mise#6318)
- **(hk)** exclude aqua-registry from prettier linting by @jdx in [#6327](jdx/mise#6327)
- **(ui)** improve GitHub star badge layout and alignment by @jdx in [#6326](jdx/mise#6326)

### 📚 Documentation

- change 'hello.py' to 'main.py' in python.md by @my1e5 in [#6319](jdx/mise#6319)
- customize VitePress theme with unique branding by @jdx in [#6324](jdx/mise#6324)

### 📦️ Dependency Updates

- update taiki-e/install-action digest to 0aa4f22 by @renovate[bot] in [#6334](jdx/mise#6334)
- update rust crate comfy-table to v7.2.1 by @renovate[bot] in [#6335](jdx/mise#6335)
- update rust crate console to v0.16.1 by @renovate[bot] in [#6336](jdx/mise#6336)
- update rust crate indexmap to v2.11.4 by @renovate[bot] in [#6337](jdx/mise#6337)

### Chore

- fixing typos by @Its-Just-Nans in [#6331](jdx/mise#6331)

### New Contributors

- @Its-Just-Nans made their first contribution in [#6331](jdx/mise#6331)
- @my1e5 made their first contribution in [#6319](jdx/mise#6319)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants