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 social media icons with dynamic glow effect #821

Merged
merged 19 commits into from
Jun 21, 2024

Conversation

ankitsinghbisht8
Copy link
Contributor

@ankitsinghbisht8 ankitsinghbisht8 commented May 24, 2024

Fixes Issue🛠️

Closes #673

Description👨‍💻

Integrated a feature where social media logos pop up with glowing effects in various colors could significantly amplify user engagement and interaction within your platform.

Type of change📄

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

How this has been tested✅

I've thoroughly tested the changes across different web browsers, including Chrome, Microsoft Edge, and Firefox, ensuring compatibility and smooth functionality. Additionally, I've verified the responsiveness of the feature, confirming that it adapts well across various devices and screen sizes.

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 2024-05-24 130645
Screenshot 2024-05-24 130652
Screenshot 2024-05-24 130657

Copy link

netlify bot commented May 24, 2024

Deploy Preview for calcdiverse ready!

Name Link
🔨 Latest commit 6fcdf2f
🔍 Latest deploy log https://app.netlify.com/sites/calcdiverse/deploys/6675bbf192484c00088c438d
😎 Deploy Preview https://deploy-preview-821--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 @ankitsinghbisht8, 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
Copy link
Owner

Pls mention the issue for which you have created this PR @ankitsinghbisht8

@Rakesh9100 Rakesh9100 added the question 🤔 Further information is requested label May 24, 2024
@Rakesh9100
Copy link
Owner

Add this same effect in every page such as About, Contributors, etc. @ankitsinghbisht8

@Rakesh9100 Rakesh9100 changed the title Implemented a popup effect triggered by hovering over the icons. Enhanced social media icons with dynamic glow effect May 25, 2024
@Rakesh9100
Copy link
Owner

Are you working @ankitsinghbisht8

@ankitsinghbisht8
Copy link
Contributor Author

Yeah, I'm on it

…es including main page,contatc page,about page,contributor page,faq page
Copy link
Contributor Author

@ankitsinghbisht8 ankitsinghbisht8 left a comment

Choose a reason for hiding this comment

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

made changes in the social links in the footer section in all the pages including main page, contact page, about page, contributor page, faq page

Copy link
Contributor Author

@ankitsinghbisht8 ankitsinghbisht8 left a comment

Choose a reason for hiding this comment

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

.

@Rakesh9100
Copy link
Owner

Reduce the gap between the icons, and also make the hover transition smooth @ankitsinghbisht8

@Rakesh9100
Copy link
Owner

Are you working or not @ankitsinghbisht8

@ankitsinghbisht8
Copy link
Contributor Author

yes I'm on it. I have my semester exams so that's what there are some time constraints.
I'll fix it asap

Copy link
Contributor Author

@ankitsinghbisht8 ankitsinghbisht8 left a comment

Choose a reason for hiding this comment

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

Reduced the gap between the icons, and also made the hover transition smooth

@Nihal4777
Copy link

@Rakesh9100 This can be merged. Labels need to be added.

@Rakesh9100 Rakesh9100 merged commit 0a7b6fb into Rakesh9100:main Jun 21, 2024
4 checks passed
Copy link

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

@Rakesh9100 Rakesh9100 added Completed 🥳 PR successfully merged and issue resolved on completion gssoc GSSoC 2k24 Open Source Program level3 GSSoC2k24 Level-3 Task -- 45 Points and removed question 🤔 Further information is requested labels Jun 21, 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 level3 GSSoC2k24 Level-3 Task -- 45 Points
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Style] Enhance social media icons with dynamic glow effect
3 participants