Make a single page Codeuino website

[jaskiratsingh2000]

The Codeuino website can be accessed currently at http://codeuino.org and it has been divided into various sections like Home, Activities, Teams, Docs, About Us, Blog, Code of Conduct and Join Us.

PURPOSE: So the purpose of this issue is to make a single-page website instead of creating other web pages.
These are the following things to be restored/improved in existing website:

• Nav Bar should contain About Us, Projects, Programs, Leadership, Docs, Collaborate, Code of Conduct, Blogs, Donate

• About Us: This will not be a new page. On clicking on About Us section it will be hovered down on the area on the same page that contains "What is Codeuino?", "What we do?", "Who we are?"

• Projects: This will not be a new page. On clicking on Projects section it will be hovered down on the area on the same page containing the detail of the projects like showing currently. Presently website has 3 projects shown, please add 3rd project as well.

• Programs: This will not be a new page. On clicking on the Programs section it will be hovered down on the area on the same page that contains the information as shown below. You should mention in the same way about "Google Summer of Code", "Google Code-In", "Linux Foundation Mentorship Program", "Codeuino Internship Program"
  

• Leadership: This will be a new web page that will contain the heading "Leadership Board", "Leadership Team management" and "Contributors". This page can be made like this

• Docs: Docs will only contain the link to docs.codeuino.org

• Collaborate: This will not be a new page. On clicking on the Collaborate section it will be hovered down on the area on the same page that contains "Supporters", "Sponsors", etc. We can also show like this that how one can support us.
  

• Code of Conduct will be a direct link to doc page containing Code of Conduct

• Join Us: This will be on the same page with minor contexts giving brief about how one can join.

Also, Improve the footer section and try to make it responsive for mobile, Tablet and Laptop version

[rak-shit]

I am working on this @jaskirat2000

[rak-shit]

Are we doing this on a new branch?

[jaskiratsingh2000]

Yeah, make a new branch and push there

[the-coder-dude]

I want to work on this issue @jaskiratsingh2000

[jaskiratsingh2000]

Sure, go ahead. Are you on our slack? Can you ping me there?

[the-coder-dude]

@jaskiratsingh2000 I would like to work on this issue

[jaskiratsingh2000]

As I said. Please go ahead and submit your work.

…

On Fri, 19 Jun 2020, 11:30 pm Prateek Pardeshi, ***@***.***> wrote: @jaskiratsingh2000 <https://github.com/jaskiratsingh2000> I would like to work on this issue — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#203 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACOBHK6B72C5772MWUWV4M3RXORTPANCNFSM4NSLF3CA> .

[govindgoel]

@the-coder-dude are you still working on this?
@jaskiratsingh2000 Can I work on this?

[jaskiratsingh2000]

This is done.but we have some changes to it. Let's talk in slack. Ping me up

[ksraj123]

Hi, most the the things mentioned in this issue are implemented in #209 . Here is a link to the preview build - https://agitated-bardeen-727d66.netlify.app
Please share feedback and suggestions. Will open a new PR soon implementing rest of the features. Thanks.

[jaskiratsingh2000]

@ksraj123 I just checked the website preview over here https://agitated-bardeen-727d66.netlify.app/#/ I see just a few changes, not whole which I asked. Please consider updating the things on the website as follows:

• Increase the size of the community logo placed with the navbar. The logo can be downloaded from here https://docs.codeuino.org/documentation/design-guidelines/visual-identity
• Reduce the space between the top navbar and the context "Learn, Build, Contribute, Grow"
• Align the right Icon/illustrator alongside the text "Learn, Build, Contribute, Grow" in equal middle alignment
• Replace the line below "Learn, Build, Contribute, Grow" with The Codeuino Community - An open source social networking software development community which accounts the house of sustainable and networking products line
• Mission has to be written within the banner like structure similar to Donate. You were not supposed to remove the background of the blue color and should write the mission the same within the banner. Please make it similar to the Image I shared below of "Membership", Would it be good to replace the blue color with Grey color as shown?
  
• You have not changed the buttons from the projects to the Links. So please add "Frontend Code on GitHub", "Backend code on GitHub", " Donut Design Mockups", and Documentation
• Make the Titles on the page of the same size, and the same font. Suggest font for titles maybe. Also, please use Inter font for normal text on the whole page
• Add the "Tag line" under every name of the project. For Donut( Open source, community-oriented social media platform), Codebadge(Tool for measuring contributor's health in the community), Spansberry( Open source, community-oriented discussion platform)
• Replace the Spansberry project's mockup with some other mockup that needs to be of the same size as above. @DevanshCodes please provide the image as soon as possible.
• Within the Collaborate section: Please make cards similar to the cards made under "Codeuino's participation" section
• Please use the colored icons instead of black and white under the collaborate section
• Replace "Wants to code?" with "Wants to contribute?"
• Add Get Involved section on the page
• Add the Testimonial section.
• Add the blogs section on the page which would retrieve the latest blogs from medium/codeuino account
• What do you mean by "Curated Tweets by ksraj__404" with the tweets?
• Within the Footer, please move the social handles icons to the right side under the categories and reduce the space between them
• Within the Footer, Instead of "Want to know about Codeuino?", Please add "Wants to know about Codeuino Founder?"