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

Enhanced Explore Calculators button #1098

Merged
merged 4 commits into from
Jun 10, 2024
Merged

Enhanced Explore Calculators button #1098

merged 4 commits into from
Jun 10, 2024

Conversation

sakshi261203
Copy link
Contributor

@sakshi261203 sakshi261203 commented Jun 2, 2024

Fixes Issue🛠️

Closes #894

Description👨‍💻

This change adds a glowing button effect to the "Explore Calculators" button on the CalcDiverse website. The glowing effect is implemented using pure CSS and is triggered when the user hovers over the button. This enhancement aims to improve the button's visibility and make the user experience more engaging and interactive.

  1. Added CSS styles to create a glowing effect for the "Explore Calculators" button.
  2. Included a hover effect that animates the glow around the button.
  3. Ensured the glow animation runs smoothly with a keyframe animation.

Type of change📄

  • New feature (non-breaking change which adds functionality)

How this has been tested✅

To ensure the glowing button effect works correctly, the following tests were conducted:

  1. Opened the CalcDiverse website in multiple browsers (Chrome, Firefox, Edge) to verify the appearance of the glowing effect.
  2. Confirmed that the button displays the glow animation smoothly when hovered over

Checklist✅

  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • I have added demonstration in the form of GIF/video file
  • I am an Open Source Contributor

Screenshots/GIF📷

Screenshot (6917)

Screenshot (6914)

Copy link

netlify bot commented Jun 2, 2024

Deploy Preview for calcdiverse ready!

Name Link
🔨 Latest commit b27ca3f
🔍 Latest deploy log https://app.netlify.com/sites/calcdiverse/deploys/6667301096a446000790bb12
😎 Deploy Preview https://deploy-preview-1098--calcdiverse.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.

Hey @sakshi261203, Welcome to the project CalcDiverse! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

@Rakesh9100 Rakesh9100 changed the title Enhance Explore Calculators Button Enhanced Explore Calculators button Jun 4, 2024
@Rakesh9100
Copy link
Owner

Why it went down the screen, pls fix @sakshi261203

image

@Rakesh9100 Rakesh9100 added the question 🤔 Further information is requested label Jun 4, 2024
@sakshi261203
Copy link
Contributor Author

Ok Sir
Do I need to create new pull request again?

@Rakesh9100
Copy link
Owner

No, you can push your new changes and make the commits in this same PR @sakshi261203

@Rakesh9100
Copy link
Owner

Are you working or not, if not I will close the PR and issue @sakshi261203

@sakshi261203
Copy link
Contributor Author

Yes I am working on it , I will complete the task by tomorrow. ...

@sakshi261203
Copy link
Contributor Author

I had pushed new changes and make commits....
Is there anything that left?

@Rakesh9100 Rakesh9100 merged commit 6c50022 into Rakesh9100:main Jun 10, 2024
4 checks passed
Copy link

Congrats, Your pull request has been successfully merged 🥳🎉 Thank you for your contribution to my project 🚀 Keep Contributing!! ✨ @sakshi261203

@Rakesh9100 Rakesh9100 added Completed 🥳 PR successfully merged and issue resolved on completion gssoc GSSoC 2k24 Open Source Program level2 GSSoC2k24 Level-2 Task -- 25 Points and removed question 🤔 Further information is requested labels Jun 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Completed 🥳 PR successfully merged and issue resolved on completion gssoc GSSoC 2k24 Open Source Program level2 GSSoC2k24 Level-2 Task -- 25 Points
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Style] Enhance Explore Calculators button
2 participants