search

FrancescoXX / 4c-site

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

[Feat]:Navigation bar #653

Closed CBID2 closed 1 year ago

CBID2 commented 1 year ago

Description

When I first saw the website, I want to know more about the origin of this community, and who are the top creators. Sadly, I couldn’t find information on that.

Solution

I think it’d be beneficial for the website to have a navigation bar with sections based on the information that I mentioned in the Description section. It’ll make it easier for new members to learn about 4C and make the website’s design look more appealing.

Anything else?

Navigation bar inspiration

Code of Conduct

tobySolutions commented 1 year ago

This a really good observation @CBID2. Do you want to work on this?

CBID2 commented 1 year ago

This a really good observation @CBID2. Do you want to work on this?

Yeah @tobySolutions

tobySolutions commented 1 year ago

All yours @CBID2!!

CBID2 commented 1 year ago

All yours @CBID2!!

Thanks

tobySolutions commented 1 year ago

Are you still working on this @CBID2?

CBID2 commented 1 year ago

Are you still working on this @CBID2?

Hey @tobySolutions. I'm going to post my rough draft here, get your feedback, and then do a PR.

tobySolutions commented 1 year ago

Are you still working on this @CBID2?

Hey @tobySolutions. I'm going to post my rough draft here, get your feedback, and then do a PR.

Awesome @CBID2! Can't wait to see it.

tobySolutions commented 1 year ago

How's this going @CBID2?

CBID2 commented 1 year ago

How's this going @CBID2?

Hey @tobySolutions! Thanks for checking in! I haven't started yet. I've been busy with other obligations. I'll let you know when I start the navigation bar.

tobySolutions commented 1 year ago

Sure thing @CBID2. That's very much understandable.

CBID2 commented 1 year ago

Hey @tobySolutions. Here's my rough draft of the navigation bar. Just login with your GitHub account to access my solution

tobySolutions commented 1 year ago

Why do you have "login" and "signup" @CBID2?

CBID2 commented 1 year ago

Why do you have "login" and "signup" @CBID2?

I used a online IDE called Replit to build the navigation bar, and I used this tutorial to help me build it. @tobySolutions

tobySolutions commented 1 year ago

Hey @CBID2, I still don't understand what you want to do? Do you want the existing nav to change to your draft or what exactly are you proposing?

CBID2 commented 1 year ago

Hey @CBID2, I still don't understand what you want to do? Do you want the existing nav to change to your draft or what exactly are you proposing?

Oh I created a rough draft of the nav bar and wanted some feedback on it.

tobySolutions commented 1 year ago

Hey @CBID2, I still don't understand what you want to do? Do you want the existing nav to change to your draft or what exactly are you proposing?

Oh I created a rough draft of the nav bar and wanted some feedback on it.

Hey @CBID2, I think it looks cool. You can go ahead and implement it. Thank you.

tobySolutions commented 1 year ago

What's the status of this @CBID2?

CBID2 commented 1 year ago

What's the status of this @CBID2?

Section names need changing. I'm also not sure which repo folder to place my final copy in. Can you help with that @tobySolutions?

tobySolutions commented 1 year ago

https://github.com/FrancescoXX/4c-site/blob/main/src/components/Header.js You can check that out, although, the nav items are in an array of objects.

tobySolutions commented 1 year ago

It seems you are very busy @CBID2. I can close this, right?

CBID2 commented 1 year ago

It seems you are very busy @CBID2. I can close this, right?

No, I'll get to it @tobySolutions

tobySolutions commented 1 year ago

Thanks, @CBID2!! I know your PR will be really amazing; I know you can do this.

CBID2 commented 1 year ago

Thanks, @CBID2!! I know your PR will be really amazing; I know you can do this.

Thanks for the motivation @tobySolutions

CBID2 commented 1 year ago

Thanks, @CBID2!! I know your PR will be really amazing; I know you can do this.

Can you help me turn the nav items into array of objects @tobySolutions? JS is my weak point.

tobySolutions commented 1 year ago

Hey Christine! Sure thing!! Also, if you feel you can't handle this issue alone, feel free to reach out on the discord server. I'm sure a lot of people there will be willing to collaborate with you.

lambeboluwatife commented 1 year ago

What are you really trying to achieve? Is it just a basic Nav bar? @CBID2

CBID2 commented 1 year ago

What are you really trying to achieve? Is it just a basic Nav bar? @CBID2

It's a responsive one with a toggle feature @lambeboluwatife

lambeboluwatife commented 1 year ago

What are you really trying to achieve? Is it just a basic Nav bar? @CBID2

It's a responsive one with a toggle feature @lambeboluwatife

ohhh

tobySolutions commented 1 year ago

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

tobySolutions commented 1 year ago

Hello @CBID2 and @lambeboluwatife. Are you still interested in this issue?

CBID2 commented 1 year ago

Hello @CBID2 and @lambeboluwatife. Are you still interested in this issue?

Yes

lambeboluwatife commented 1 year ago

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

CBID2 commented 1 year ago

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

lambeboluwatife commented 1 year ago

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

yeah, I'm not familiar with the languages used for the website

CBID2 commented 1 year ago

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

yeah, I'm not familiar with the languages used for the website

Ohhh.Apparently, they use arrays in the nav and I'm not that good with arrays lol

lambeboluwatife commented 1 year ago

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

yeah, I'm not familiar with the languages used for the website

Ohhh.Apparently, they use arrays in the nav and I'm not that good with arrays lol

I want to fully understand the code base before I do anything

CBID2 commented 1 year ago

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

yeah, I'm not familiar with the languages used for the website

Ohhh.Apparently, they use arrays in the nav and I'm not that good with arrays lol

I want to fully understand the code base before I do anything

Good idea!

CBID2 commented 1 year ago

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

yeah, I'm not familiar with the languages used for the website

Ohhh.Apparently, they use arrays in the nav and I'm not that good with arrays lol

I want to fully understand the code base before I do anything

From what I see, the nav area seems to be built by JS

lambeboluwatife commented 1 year ago

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

yeah, I'm not familiar with the languages used for the website

Ohhh.Apparently, they use arrays in the nav and I'm not that good with arrays lol

I want to fully understand the code base before I do anything

From what I see, the nav area seems to be built by JS

I'm even trying to locate it. I can't find it's location

CBID2 commented 1 year ago

https://github.com/FrancescoXX/4c-site/blob/main/src/components/Header.js

You can check that out, although, the nav items are in an array of objects.

Check here @lambeboluwatife

lambeboluwatife commented 1 year ago

https://github.com/FrancescoXX/4c-site/blob/main/src/components/Header.js

You can check that out, although, the nav items are in an array of objects.

Check here @lambeboluwatife

found it so, what are we to implement?

CBID2 commented 1 year ago

https://github.com/FrancescoXX/4c-site/blob/main/src/components/Header.js You can check that out, although, the nav items are in an array of objects.

Check here @lambeboluwatife

found it so, what are we to implement?

We can add a border around the labels for one(see attached screenshot) 26F572E8-3946-4C8E-AEB8-CE0A70C7ABCB

lambeboluwatife commented 1 year ago

https://github.com/FrancescoXX/4c-site/blob/main/src/components/Header.js You can check that out, although, the nav items are in an array of objects.

Check here @lambeboluwatife

found it so, what are we to implement?

We can add a border around the labels for one(see attached screenshot) 26F572E8-3946-4C8E-AEB8-CE0A70C7ABCB

So, what you're saying is that there should be a border around the nav items right?

CBID2 commented 1 year ago

Yeah. Something like this 8B65ADB8-D002-4802-AE97-9FF008F3E685

lambeboluwatife commented 1 year ago

Yeah. Something like this 8B65ADB8-D002-4802-AE97-9FF008F3E685

nice I understand now How can I run the application in my local machine.

CBID2 commented 1 year ago

Yeah. Something like this 8B65ADB8-D002-4802-AE97-9FF008F3E685

nice I understand now How can I run the application in my local machine.

Check here

tobySolutions commented 1 year ago

Are you still working on this @CBID2? I see that you've made tremendous progress on this.

CBID2 commented 1 year ago

Are you still working on this @CBID2? I see that you've made tremendous progress on this.

Slowly, but yes

lambeboluwatife commented 1 year ago

Are you still working on this @CBID2? I see that you've made tremendous progress on this.

That was why I wanted to see you today. I was unable to run the site locally.

tobySolutions commented 1 year ago

Are you still working on this @CBID2? I see that you've made tremendous progress on this.

That was why I wanted to see you today. I was unable to run the site locally.

Really?