publiclab / community-toolbox

Tools to understand and welcome people into a contributor community
https://code.publiclab.org
MIT License
142 stars 198 forks source link

Adding a NAVBAR for various purposes for the webpage. #319

Open aashimgarg opened 4 years ago

aashimgarg commented 4 years ago

Add the navbar at the top of the page. Make it responsive. Add various things in the navbar. Make it sticky.

aashimgarg commented 4 years ago

Hey @Rishabh570 and @jywarren do you think i should work on this issue and you guys wants this on your webpage.

aashimgarg commented 4 years ago

Please suggest.

Suiiyush commented 3 years ago

If no one is currently working o this issue can i work on it, I plant to add a fully responsive nav bar with logo. It will be sticky too

YogeshSharma01 commented 3 years ago

Hello there anyone working on this ?

jywarren commented 3 years ago

We'd love help with it if you'd like to -- how might this look, can we try to brainstorm a sketch or mockup? Thanks! What if we started minimally like the navbar in https://unterbahn.com ?

On Sat, Dec 26, 2020 at 12:50 PM Yogesh Sharma notifications@github.com wrote:

Hello there anyone working on this ?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/publiclab/community-toolbox/issues/319#issuecomment-751379531, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAAF6J5OPKPNBEE6UMYZWG3SWYO7ZANCNFSM4KJCV3BQ .

YogeshSharma01 commented 3 years ago

@jywarren yeah we can start with this minimally like the navbar in https://unterbahn.com

YogeshSharma01 commented 3 years ago

And I would like to work on this just let me know that what all navigation sections should be added in the navbar, like about, contact etc.

jywarren commented 3 years ago

Ok, awesome - well, what are the different headers that go down the page? We can add an anchor to each one. I wonder if we can also have some be navbar items but others just fold away under a "more" option? We are using Bootstrap so there are some different nav design options:

https://getbootstrap.com/docs/4.4/components/

Thank you! What do you think?

On Tue, Dec 29, 2020 at 10:24 AM Yogesh Sharma notifications@github.com wrote:

And I would like to work on this just let me know that what all navigation sections should be added in the navbar, like about, contact etc.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/publiclab/community-toolbox/issues/319#issuecomment-752120128, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAAF6JYJKWONYPBQNGFYVYLSXHYC7ANCNFSM4KJCV3BQ .

YogeshSharma01 commented 3 years ago

Hi, @jywarren according to you I come up with a sketch where all the important sections of the page are in the header. So, just click on which section a user want to go and all other important links I have folded into more section ... but as what I think is it is more of learning page especially for first-timers so here in this second sketch I have mention all the links and important sections of the page in the header so any first-timer can easily find all the important things related to his/her need. And extra links I've added in more button of the header, and we can also add the logo of PublicLab on the very left corner of the Header. Header Sketch-1 Header-2 Sketch-2

YogeshSharma01 commented 3 years ago

Hi @jywarren What do you think about which one I should start work on?

YogeshSharma01 commented 3 years ago

I give a pull request, please review @jywarren

jywarren commented 3 years ago

Hi my apologies, can you link me to the pull request? I've been very busy and so sorry to be slow replying here.

jywarren commented 3 years ago

I guess I think we shouldn't have too many top-level menu items because its a bit overwhelming. So, I like the second mockup!

YogeshSharma01 commented 3 years ago

Hi, @jywarren link https://github.com/publiclab/community-toolbox/pull/420

YogeshSharma01 commented 3 years ago

Hi, @jywarren have you review my changes?