search

aditya-bhaumik / Pathsphere

PathSphere is a comprehensive platform designed to connect students with scholarship opportunities and educators with job openings. It features dynamic search tools and community discussions to enhance access to educational and career resources.
https://pathsphere.netlify.app/
MIT License
124 stars 286 forks source link

Enhance Hero Section Usability and Scroll-to-Top Button Visibility #958

Open kavya410004 opened 1 week ago

kavya410004 commented 1 week ago

Is your feature request related to a problem? Please describe.

The hero section isn’t very user-friendly; the black font is difficult to see against the background image. Additionally, the scroll-to-top button appears on the screen without needing to scroll.

Describe the solution you'd like.

I propose enhancing the hero section's styles by adding a translucent overlay to improve visibility, changing the font color to white, and improving the UI of the buttons for a better design. I will also ensure that this style is applied to the hero sections across all pages for a consistent UI. For the scroll-to-top button, I’d like to make it visible only after scrolling and enhance its UI to align with the current interface.

Describe alternatives you've considered.

An alternative could be adjusting the background image or using different font colors. However, these may not provide the same level of accessibility and visual appeal as the proposed overlay and consistent button styles.

Additional context.

This improvement will enhance overall user experience and accessibility, making navigation smoother and more intuitive.

Show us the magic with screenshots

image image image

Checklist

github-actions[bot] commented 1 week ago

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

Apoorva57 commented 1 week ago

@kavya410004 sure go ahead

Note: the level of the issue may change based on the quality of the PR code

kavya410004 commented 1 week ago

@kavya410004 sure go ahead

  • Make sure to join the discord server for further communication
  • Don't forget to star the repository
  • Complete the task in next 2 days and kindly mention your issue # in your pr like: Closes #IssueNumber

Note: the level of the issue may change based on the quality of the PR code

Thank you @Apoorva57 I will start working on this.

kavya410004 commented 6 days ago

Hi @Apoorva57 , I'm actively working on this issue and should be able to complete it within the next day. Please let me know if that is okay!

Apoorva57 commented 4 days ago

Hi @Apoorva57 , I'm actively working on this issue and should be able to complete it within the next day. Please let me know if that is okay!

@kavya410004 try to finish it by today