search

FrancescoXX / 4c-site

Open-source website for the 4C
https://4c.rocks
MIT License
217 stars 154 forks source link

[Feat]: improve user experience #753

Closed zaid-ahmad closed 1 year ago

zaid-ahmad commented 1 year ago

Description

  1. The links provided in the navbar doesn't really help a person discover more about the 4C community.

  2. The information can be presented in a much better way so as to help a new user get aquainted with the community and what's it all about.

  3. The hover effects are too harsh and the colour scheme is also not consistent throughout the website.

Solution

Possible Solutions

For number 1 & 2

Instead of having the buttons for Active Members, Projects and Staff, there can be links that direct a newcomer to different sections of the website such as:

The Projects button can come under the "Activities" section and the Staff can come under the "About" section.

For number 3

Anything else?

No response

Code of Conduct

github-actions[bot] commented 1 year ago

Congratulations, zaidahmad25! 🎉 Thank you for creating your first issue in 4C. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

tobySolutions commented 1 year ago

Um, @zaidahmad25. Is this gonna require you to add buttons that link to each section of the website?

Because, we're trying to do away with having too many buttons on the Navbar. I really like this issue that you've raised. Do you want me to assign you so you can get started on a PR?

zaid-ahmad commented 1 year ago

There are going to be a total of 6 links in the navbar. These include:

  1. About
  2. Discover
  3. Content dropdown a. Videos b. Blogs
  4. Projects
  5. FAQs

Yes, I'd like to work on this issue.

tobySolutions commented 1 year ago

Ok awesome! Go ahead. We can't have too many links on the Navbar though. That is not good UX.

zaid-ahmad commented 1 year ago

Awesome, can you please assign me this issue or should I start working on it straight away?

tobySolutions commented 1 year ago

Ok, awesome!!

zaid-ahmad commented 1 year ago

Hi, Toby! Can you please help me find the index file? I have to add className="scroll-smooth" to the <body> tag for a smooth scroll to different sections of the website.

zaid-ahmad commented 1 year ago

Also, where is the Main.js file being called from?

Can you also please tell me where these buttons are styled as I want to tweak them a bit. I have searched in Main.js but I can't seem to style them from there. image

Zopsss commented 1 year ago

Can you also please tell me where these buttons are styled as I want to tweak them a bit. I have searched in Main.js but I can't seem to style them from there. image

The buttons are created in src/data/homepage.js and they are styled in src/styles/global.css this file. I hope you find this helpful.

zaid-ahmad commented 1 year ago

Thanks, I'll make another issue for it so others can contribute to it. For now, I've opened a PR which solves the other problems

zaid-ahmad commented 1 year ago

@MauryanKansara I've made another issue for it: https://github.com/FrancescoXX/4c-site/issues/755

Check it out

tobySolutions commented 1 year ago

Good job folks! @zaidahmad25, @MauryanKansara! I'll be expecting your PR

github-actions[bot] commented 1 year ago

:tada: This issue has been resolved in version 0.19.2 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket: