Skip to content
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

style: dynamic logo colors for brands #1894

Merged
merged 2 commits into from
Jul 6, 2023
Merged

style: dynamic logo colors for brands #1894

merged 2 commits into from
Jul 6, 2023

Conversation

Shriansh2002
Copy link
Contributor

This PR aims to enhance the user interface of the website by implementing the following changes:

Description

Implement dynamic color display on hover for the company logo, replacing the grayscale effect currently in place.
When the user hovers over the logo, the colors will change dynamically.
This will provide a more visually engaging experience for users.

Previous Image

A sample image for hovering on "Salesforce" Logo
Example Image

Related issue(s)
Resolved #1733 - UI Enhancements: Dynamic Logo Colors and Gradient Animation for HeroSection.

@netlify
Copy link

netlify bot commented Jul 5, 2023

Deploy Preview for asyncapi-website ready!

Name Link
🔨 Latest commit db547c4
🔍 Latest deploy log https://app.netlify.com/sites/asyncapi-website/deploys/64a67a6a9076470008fabee5
😎 Deploy Preview https://deploy-preview-1894--asyncapi-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

@github-actions
Copy link

github-actions bot commented Jul 5, 2023

⚡️ Lighthouse report for the changes in this PR:

Category Score
🔴 Performance 16
🟢 Accessibility 98
🟢 Best practices 100
🟢 SEO 100
🔴 PWA 30

Lighthouse ran on https://deploy-preview-1894--asyncapi-website.netlify.app/

@Shriansh2002 Shriansh2002 changed the title Feat Enhancements: Dynamic Logo Colors and Gradient Animation for HeroSection style: Dynamic Logo Colors and Gradient Animation for HeroSection Jul 5, 2023
@Shriansh2002 Shriansh2002 changed the title style: Dynamic Logo Colors and Gradient Animation for HeroSection style: dynamic logo colors for brands Jul 5, 2023
pages/index.js Show resolved Hide resolved
Copy link
Member

@Mayaleeeee Mayaleeeee left a comment

Choose a reason for hiding this comment

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

Great work! 👏

@Shriansh2002 Shriansh2002 requested a review from derberg July 6, 2023 09:06
Copy link
Member

@derberg derberg left a comment

Choose a reason for hiding this comment

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

Thanks!

@derberg
Copy link
Member

derberg commented Jul 6, 2023

/rtm

@asyncapi-bot asyncapi-bot merged commit e5ec8a1 into asyncapi:master Jul 6, 2023
@derberg
Copy link
Member

derberg commented Jul 6, 2023

@allcontributors please add @Shriansh2002 for code

@allcontributors
Copy link
Contributor

@derberg

I've put up a pull request to add @Shriansh2002! 🎉

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.

UI Enhancements: Dynamic Logo Colors and Gradient Animation for HeroSection
4 participants