Skip to content

Update landing page design and branding#15

Merged
qinscode merged 1 commit into
mainfrom
release
May 20, 2025
Merged

Update landing page design and branding#15
qinscode merged 1 commit into
mainfrom
release

Conversation

@qinscode

Copy link
Copy Markdown
Owner

Updated the landing page with improved design elements, including a custom logo, animated text shadow for the title, and removal of unnecessary styles and properties. This enhances visual appeal and aligns branding more closely with project goals

- Replace GitHubIcon with custom logo image
- Enhance title styling with animated text shadow
- Remove unnecessary inline styles and props
Copilot AI review requested due to automatic review settings May 20, 2025 13:27

Copilot AI left a comment

Copy link
Copy Markdown

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 updates the landing page design to improve visual appeal and better align with the project's branding.

  • Replaces the MUI GitHub icon with a custom logo image.
  • Updates the title styling with an animated text shadow effect.

Comment thread src/pages/GitHub.tsx
Comment on lines +32 to +46
animation: "pulse 2s infinite ease-in-out",
"@keyframes pulse": {
"0%": {
textShadow:
"0 2px 10px rgba(79,70,229,0.4), 0 0 20px rgba(59,130,246,0.2)",
},
"50%": {
textShadow:
"0 2px 20px rgba(79,70,229,0.6), 0 0 30px rgba(59,130,246,0.4)",
},
"100%": {
textShadow:
"0 2px 10px rgba(79,70,229,0.4), 0 0 20px rgba(59,130,246,0.2)",
},
},

Copilot AI May 20, 2025

Copy link

Choose a reason for hiding this comment

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

Consider extracting the keyframe definition from the sx prop (using MUI's keyframes helper or external CSS) to improve readability and maintainability.

Suggested change
animation: "pulse 2s infinite ease-in-out",
"@keyframes pulse": {
"0%": {
textShadow:
"0 2px 10px rgba(79,70,229,0.4), 0 0 20px rgba(59,130,246,0.2)",
},
"50%": {
textShadow:
"0 2px 20px rgba(79,70,229,0.6), 0 0 30px rgba(59,130,246,0.4)",
},
"100%": {
textShadow:
"0 2px 10px rgba(79,70,229,0.4), 0 0 20px rgba(59,130,246,0.2)",
},
},
animation: `${pulseAnimation} 2s infinite ease-in-out`,

Copilot uses AI. Check for mistakes.
@qinscode qinscode merged commit d821c6b into main May 20, 2025
5 checks passed
@qinscode

Copy link
Copy Markdown
Owner Author

This pull request updates the GitHub page in src/pages/GitHub.tsx to improve the visual design by replacing the GitHub icon with a custom logo and enhancing the text styling with animations and shadows.

Visual updates:

  • Replaced the GitHubIcon component with a custom logo image (/icon.png) in the header. The new logo has a larger size (150x150px), a circular shape, and a gradient background for a more visually appealing design. [1] [2]

  • Enhanced the title text styling by adding a glowing text shadow effect and a pulsing animation. This makes the title more dynamic and visually engaging.

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