neerajrathore / javascript-handbook

A handbook 📚 that summaries concepts of JavaScript.
https://javascript-handbook.vercel.app
20 stars 28 forks source link

Improve "Share This Handbook" Section #83

Open Shinu-ster opened 2 hours ago

Shinu-ster commented 2 hours ago

Has this bug been raised before?

Description

The "Share This Handbook" section currently looks unattractive and cluttered with blue link texts. I'd like to enhance the appearance by:

This update will improve the user experience by making the section more modern, intuitive, and aesthetically pleasing. Please assign me under hactoberfest label

Steps to Reproduce

Page: The "Share This Handbook" section is located in the index.html file. What I was trying to do: I was trying to improve the visual appearance of the handbook sharing options to make them more user-friendly. What went wrong: Currently, the section is filled with unattractive blue link texts that make the page look outdated and uninviting.

Screenshots

No response

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

  1. Replace Link Text with Icons: Swap the plain text links with relevant social media icons, ensuring accessibility using aria-label attributes.

  2. Enhance Visual Appeal: Use CSS to style the icons with consistent sizing, proper spacing, and hover effects to make the section more interactive and attractive.

github-actions[bot] commented 2 hours ago

Thank you for creating this issue! 🎉 Your issue will soon be reviewed by Project Maintainers. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated!

Meanwhile you can also discuss about the project in our Discord Server https://discord.gg/HCbYKCD6.

github-actions[bot] commented 2 hours ago

Thanks for creating the issue in JavaScript Handbook! Before you start working on your PR, please make sure to: