Closed Shinu-ster closed 1 month 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.
Thanks for creating the issue in JavaScript Handbook! Before you start working on your PR, please make sure to:
Attach before & after screenshots in your PR for clarity.
We're excited to see your contribution as part of Hacktoberfest 2024! 🎉
Happy open-source contributing!
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:
[x] Replacing plain text links with icons that represent each sharing option (e.g., social media icons).
[x] Adding appropriate styling to make the section more visually appealing.
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
Replace Link Text with Icons: Swap the plain text links with relevant social media icons, ensuring accessibility using aria-label attributes.
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.