girlscript / gssoc-website-new

GSSoC'24 Official Website
https://gssoc.girlscript.tech
71 stars 74 forks source link

UI IMPROVEMENT: FAQs Page #292

Open sau-mili opened 6 days ago

sau-mili commented 6 days ago

The UI of the FAQs page is very common, generic. We can improve it with better CSS properties. Kindly assign me this issue, so that I can work on this and contribute on this project. N.B: I myself, am a GSSOC'24 contributor

sanjay-kv commented 6 days ago

i would be happy to assign you, I would like to know or see some sample you want to implement. https://gssoc.girlscript.tech/faq

you can list some sample and we can select best out of it.

sau-mili commented 5 days ago

Sure, I will be listing out some sample by tonight.

sau-mili commented 4 days ago

Dark mode

Screenshot 2024-06-28 215425 Screenshot 2024-06-28 215436

Light mode

Screenshot 2024-06-28 215511 Screenshot 2024-06-28 215520

do you like this?

sau-mili commented 4 days ago

for the borders :

1

Screenshot 2024-06-28 220030

2

Screenshot 2024-06-28 215832

3

Screenshot 2024-06-28 215808

Suvraneel commented 4 days ago

@sau-mili

Border 1 looks kinda cool. Whichever @sanjay-kv approves, go for it.

But make sure it's responsive. (We did not make it responsive due to lack of time) And yep, use Tailwind classes/prefixes/modifiers only (for consistency)

sau-mili commented 4 days ago

okay!

sanjay-kv commented 3 days ago

@sau-mili

I really appreciate this idea, I did like border1 image

Suggestion: The dark mode theme color contrast can be improved. as we have a lot of FAQ on screen that might create UI experience issue. you can start working on it, I assigned the task to you. meanwhile we can discuss dark mode colors. ( Its the problem with yellow and pitch dark )

sau-mili commented 1 day ago

I was thinking of a darker grey with aqua white for the dark theme. let me know if that sounds good.

sau-mili commented 1 day ago

image

sanjay-kv commented 23 hours ago

this works @sau-mili