Enhanced Circular Prime Calculator UI

[AnandK-pm]

Fixes Issue🛠️

Closes #682

Description👨‍💻

• Changed the overall UI of the circular prime calculator by

  • Improving animation effects on the title.
  • Improving color aesthetics of the webpage.
  • Enhancing the functioning of sections by adding a hovered translate effect.
  • Improving the buttons.

• Files changed:

  • index.html to add the necessary span tags for the title hover effect.
  • script.js to add the span-hover effect to individual letters on the title.
  • style.css to improve the overall UI.

Type of change📄

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)

How this has been tested✅

Changes has been verified by hosting the index.html webpage.

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📷

calcdiverse-UI.mp4

[github-actions]

Hey @AnandK-pm, 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!! ✨

[netlify]

✅ Deploy Preview for calcdiverse ready!

Name	Link
🔨 Latest commit	33044d8
🔍 Latest deploy log	https://app.netlify.com/sites/calcdiverse/deploys/6653873c37ed740008ec7ec7
😎 Deploy Preview	https://deploy-preview-898--calcdiverse.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[Rakesh9100]

Congrats on getting your PR merged to the repo under GSSOC 2k24 🥳 @AnandK-pm