redesign homepage UI

[cTxplorer]

Clearly, there's room for improvement in homepage design. We can revamp the landing page with some another minimalist UI that helps stakeholders (volunteers, donators, activists, etc) better navigate the website from the landing page.

We can add better backdrop images, better call to action buttons, and links to other pages.

A message about what is Human Rights and why they (users) should fight and protect the same will also be helpful.

Please comment with your thoughts on what and how we can improve. Also, feel free to raise PR :)

[Omkar31001]

i want to work in this issue

[Omkar31001]

can I?

[cTxplorer]

Hey @Omkar31001, yes, you can definitely work on this. Do you have any particular suggestions/improvements on top of the head?

If so, please let me know first, so that we minimize the rework needed :)

Hope you understand, thank you!

[Priya19999]

I would also like to work on this issue.

[Omkar31001]

Also I want the theme to be black and white..... Would that suit you Pratik.

On Fri, 2 Oct, 2020, 1:53 pm Pratik Gadhiya, notifications@github.com wrote:

Hey @Omkar31001 https://github.com/Omkar31001, yes, you can definitely work on this. Do you have any particular suggestions/improvements on top of the head?

If so, please let me know first, so that we minimize the rework needed :)

Hope you understand, thank you!

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/fhrf/fhrf.github.io/issues/5#issuecomment-702596032, or unsubscribe https://github.com/notifications/unsubscribe-auth/AO3H3YUBK6Q75VM3X56WWQ3SIWEXZANCNFSM4SBMGHDA .

[Omkar31001]

Sorry for replying in segments. The image transition can be instead converted to sliding which would look more appealing,aesthetic as well. I think a mentioned about 4 issues and ill try my best to work on the maxim number of them and update you about it. Reply asap:).

On Fri, 2 Oct 2020 at 14:06, omkar dave omkar.ghanu18@gmail.com wrote:

Also I want the theme to be black and white..... Would that suit you Pratik.

On Fri, 2 Oct, 2020, 1:53 pm Pratik Gadhiya, notifications@github.com wrote:

Hey @Omkar31001 https://github.com/Omkar31001, yes, you can definitely work on this. Do you have any particular suggestions/improvements on top of the head?

If so, please let me know first, so that we minimize the rework needed :)

Hope you understand, thank you!

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/fhrf/fhrf.github.io/issues/5#issuecomment-702596032, or unsubscribe https://github.com/notifications/unsubscribe-auth/AO3H3YUBK6Q75VM3X56WWQ3SIWEXZANCNFSM4SBMGHDA .

[Omkar31001]

Thanks for responding... 1) sidebar can be changed into navabar i.e. at thr top 2) the copyright portion can have a bg of black and i think i ll arrange the a tags( that are in the end) into column and the space that is remaining (right side) can have a small para about the ngo

[cTxplorer]

Thanks for showing interest, @Omkar31001

Reply to your comments -

1. I would suggest not to change the navbar as of now
2. Yes, we can definitely improve the footer sitemap (please raise a separate PR for this)
   • do you want to update the footer sitemap for the homepage only or for all pages?
3. B&W theme, let's not do that atm
4. How will we show the title/subtitle text if we convert to slides?

[cTxplorer]

@Priya19999 let me know how do you want to improve? Anything in particular?

[Omkar31001]

I ll do it for the homepage itself also for the the slides what as such i have a plan for the implentation that is what if we work on the z-index for that (implentation is still a bit hazzy)

[Omkar31001]

like the let the text be however it is and then for the imges a smooth transition and less z-index of the imgs than the text cause you see the txt is not changing so i think i ll do my best to do ti

[cTxplorer]

Alright, feel free to experiment and raise a PR. For every commit you push, vercel bot will deploy the website preview for ease of validating change :)

[Omkar31001]

Thnks Man:)

[Priya19999]

@cTxplorer thank you for replying I would like to change the

• font-style used in the page
• the hovering over the button of some more attractive color
• It would look great if we have a navbar horizontal
• If we have a toggle for dark mode and light mode for the page it would look great.
• The theme of the page can be of light orange and white.

[cTxplorer]

@Priya19999

1. currently, we are using Nunito - Open Sans font pair. What do you suggest?
2. We can experiment with button styling, as long as we have it consistent across pages
3. Current navbar is highly inspired by twitter. You can experiment with that, provided it's responsive on different screen resolutions.
4. @Omkar31001 suggested dark mode as well. So rather than either dark/light mode, we can have a toggle.
5. Can experiment with themes.

Please open PR(s) :)

[cTxplorer]

@Omkar31001 @Priya19999 Thanks for your showing interest! Either raise separate PRs for different improvements or create meaningful commits, so that we can cherrypick individual commits if need be 🙆

[AnamarijaJ]

Hi, I'd like to contribute! -style cards and social media buttons

Q: I've forked and cloned, should I create a separate branch?

[pratyaksh05]

I would like to work on it.
I have suggestions for the rebuilding, such as : animation in scroll, Dual tone color theme (probably black and white),Home Page needs to be divided into different sections, with animation on scroll, and images flipping etc. Please specify how can I ? PR for whole redesign or small commits ?

[cTxplorer]

@AnamarijaJ you can now make changes in any branch of your repo, and then raise PR again development branch

@pratyaksh05 create a single PR with meaningful commits for now; Since this thread is growing, I would suggest you create a separate issue here with proposed changes so that we can track better :)

[ankitaugale23]

Can I work on this? I have some ideas such as: 1.we can give hovering features to card

2. we can make the contact us page more lively by using favicons
3. we can make the cards look better while using smaller devices such as some margin between them.

[cTxplorer]

@ankitaugale23 please go ahead and raise PR 👍

[subeep]

hey i have updated facebook color code and raised pr can you merge it

[vnxx]

Hi, @cTxplorer can you check my PR? #21