Bug Report

Issue Summary

For the inactive navbar menu items, the background color changes after clicking the item.

Expected Behavior

After clicking on an inactive item and hovering over another item, the background color of the clicked item should not change, only the text colour should change.

Observed Behavior

I found that after hovering over other items, the clicked item's background color changes to white. This happens only for the inactive navbar items and not the ones which a reference link.

Steps to Reproduce

1. Clone the repo
2. Run the project in your browser
3. Click on navbar items

Screenshots (if any)

Feature Request

Describe your problem

Set up the project structure with the design library (bulma)

Feature Request

Describe your problem

Add docs on how to fork, clone and start the project. You may also add docs on how to setup Gh pages link.

Feature Request

Describe your problem

Add contact us section with a heading "Contact us" followed by a form with the Inputs "Name", "Email", "Message". The form doesn't need to be functional right now and will be taken up in the next part.

Please make sure that you use Bulma elements and classes for this.

Bug Report

The navbar background does not cover the whole width

The background color of the Navbar only spans across the width of the content and not the 100% page width. The issue is not quite visible in current background color. Change background color and you will notice the issue.

Expected Behavior

The background color of Navbar should span the whole (100%) width of the page.

Observed Behavior

See the screenshot below :

Steps to Reproduce

You probably need to remove the margin from Navbar ( padding can be used instead for that purpose )

Feature Request

Describe your problem

Currently the website project page has some words with the red,yellow and green text which represents a google color scheme which is not relevant to Elevate Lab and can be removed.
https://elevate-lab.github.io/elevate-lab-website/assets/html/project.html

Feature Request

Describe your problem

Currently we are adding the cards by repetition Creating a json file and js script to extract data from there and looping it will make the process much simpler.

Feature Request

Describe your problem

On navigating to mobile view, the meet the team text is not completely visible.

Feature Request

Describe your problem

Add a landing page section with a flat design illustration and some content about Elevate Lab.

Feature Request

Describe your problem

Add elevate-lab logo as favicon for website.

Bug Report

Issue Summary

background-color property is not working for some elements like project and team cards, and they always inherit the global bg color.

Expected Behavior

Elements for which bg color property is explicitly mentioned should follow this mentioned value of the property.

Observed Behavior

global bg color inherited

Feature Request

Describe your problem

Add your details under contributors array in assets/data/data.json. This will then render as a card displaying your details.

Hello Contributor! 👋

We all know sharing is caring. This issue is meant for the same purpose. 🌷
We invite all the techies 😎 , enthusiast 😸 , and newbies 🤩 to share your resources. We are a big family here and every help counts 😉
This issue is meant for all whether it's your first pull request 🎊 or you are a frequent visitor 💃

These resources can be anything:

• A good book 📖
• A blog/s ✍️
• A site ⭐
• Youtube Channel 🤟
• Courses 🔢
• Anything of your choice 😃

Add these useful resources and some basic information to the Issue_Resource_Template !

Follow these simple steps:

1. Fork this repository
2. Clone the repository
3. Open the Issue_Resource_Template
4. Copy the required and add information
5. Push The changes
6. Create the Pull Request!

Wait for the request to be merged. Till then celebrate for contributing 🥳 🥳

make navbar more responsive by adding animated hovering effect and transitions

Feature Request

Describe your problem

This issue addresses making the Form functional and adding a script for allowing the form submit button to send the details of the form as an email to a recipient.

Feature Request

Modify the navbar section and add the required links (home, projects, team, contribute, contact). Also replace the bulma logo image with elevate-lab logo.

Feature Request

Add footer in team page and project page.

Adding Github Pages link

Describe your problem

Add the link to the github pages of this website on README.md and to the site description so that we all can see the latest developments made, and also finding bugs would be easy...

Describe the solution you'd like

The site is already connected to github pages, only the link is to be added

Additional context

Nd sorry idk how to add labels : \

Feature Request

Describe your problem

Design the project section and cards. The project section should have a heading "Project" followed by the list of projects. For now, you may create a single entry. Also don't forget to link the Project section to the navbar Project link.

Make sure that the section makes use of Bulma elements.

Feature Request

Describe your problem

Create a light themed equivalent of the current project page by creating the css rules for light theme.
Refer this: - https://gosink.in/javascript-css-toggle-dark-light-theme-based-on-your-users-preferred-scheme/

Feature Request

Describe your problem

Create a light themed equivalent of the current team page by creating the css rules for light theme.
Refer this: - https://gosink.in/javascript-css-toggle-dark-light-theme-based-on-your-users-preferred-scheme/

Feature Request

Describe your problem

Design the team section and cards. The team section should have a heading "Team" followed by the card. For now, you may create a single card. Also don't forget to link the Team section to the navbar Team link.

Bug Report

Issue Summary

The NavBar is responding only in the home page, (not responding on teams page)on the mobile view of website. It may create more problems when number of pages will increase.
Also NavBar on home page(mobile view) is also not looking nice.

Expected Behavior

When we click on nav bar icon, it will collapse.

Observed Behavior

The NavBar didn't responded

Steps to Reproduce

1.Click on NavBar icon in teams page.

Screenshots (if any)

Show the selected section with different styling. E.g. if you are on the Projects page, highlight "Projects" in the navbar.

Bug Report

Issue Summary

The css files dark.css and light.css have different relative paths w.r.t index.html and other html pages. index.js takes care of this only for the route '/index.html'. But the home page is also rendered on root '/' route of gh pages, and thus dark mode toggle has no effect there.

To notice the issue, go here , and click on toggle switch. No change takes place. Now click on Home on Navbar (notice that route changes to '.../index.html'. Now again click on toggle switch. It works fine now.

Expected Behavior

The toggle should also work for root route and render the respective css file from correct relative path w.r.t index.html

Observed Behavior

Currently it is not working for root route.

Steps to Reproduce

You need to add extra condition in index.js to take care of this.

Screenshots (if any)

Feature Request

Describe your problem

Currently the project tech stack is not expressed. Adding the project tech stack can help the contributors decide if they can contribute to the repo or not.

Feature Request

Describe your problem

The Contact Us form on the home page could use some work. Currently it's not very appealing and there seem to be some redundant features.

As you can see, the form is neither left-aligned, nor right-aligned nor justified. It sits in this weird position on the left side of the screen. Moreover, the font color has poor visibility and the check marks seem to serve no function.

Describe the solution you'd like

Align the form in either of the aforementioned manners (left-, right- or justified), improve the color of the headings and try to align all three text areas by giving them the same width. You only need to fiddle around with styles.css for this issue.

Additional context

Feature Request

Describe your problem

On navigating to mobile view, the projects text is not completely visible.

Bug Report

Issue Summary

In team card icons of GitHub, LinkedIn and Twitter are not visible fix this bug 🐛 .

Expected Behavior

Steps

1. Check team.html 😉.

Bug Report

Issue Summary

• Contact us form width shrinks too much when window resized to mobile view.
• Orientation of form is not proper
• Text color is not readable

Expected Behavior

• Contact us should be responsive in a way it should have some minimum width.
• It should be properly aligned.

Screenshots

Form width issue

Form orientation issue

Feature Request

Describe your problem

Create a light themed equivalent of the current home page by creating the css rules for light theme.
Refer this: - https://gosink.in/javascript-css-toggle-dark-light-theme-based-on-your-users-preferred-scheme/

Fix the alignment of Project page on the mobile view.

Feature Request

Describe your problem

Currently the issue_resourcd_template is a text file, update it into markdown file or in a .md format.

Feature Request

Describe your problem

Fetch project card data from the JSON file like team page.
team page

Feature Request

Describe your problem

Add a link to "Issue_Resource_Template.md' to readme.md under the heading "Resources to get started".

Feature Request

Describe your problem

Link Contact us navbar link to Contact us section in home page. Currently it is not linked to anything.

Bug Report

Issue Summary

There is almost Negligible Space between the Icon and the description of Elevate Lab, in portrait tablet aspect ratio, and below that

Expected Behavior

There should be a considerable about of margin between those.

Screenshots (if any)

Feature Request

Describe your problem

Add the website's gh pages link to readme.

Feature Request

Describe your problem

Add the license as a badge to readme.

Feature Request

Describe your problem

Add a link to "How To Contribute.md' to readme.md under the heading "How to Contribute".

Feature Request

Describe your problem

After clicking Elevate-Lab Logo or Text, I just stay there. That is there's no reference link.

Describe the solution you'd like

I would want to navigate back to the landing page when I click the Elevate-Lab Text and to the github organization page when I click on the logo. A better user experience imo.

Additional context

Many websites have this feature as it is a common user behaviour to click on highlighted texts or logos usually when they are of the organization name or related to it.

Feature Request

Describe your problem

Currently the footer only has social links but adding a small about us section in the footer can improve the site.

Bug Report

The Navbar Title (Elevate Lab) is not vertically centered.

Expected Behavior

The navbar title should be vertically in line with other navbar items

Observed Behavior

See the screenshot below :

Feature Request

Describe your problem

Currently the website home page has a some words with the red,yellow and green text which represents a google color scheme which is not relevant to Elevate Lab and can be removed.
https://elevate-lab.github.io/elevate-lab-website/index.html

Feature Request

Describe your problem

Currently the website team page has some words with the red,yellow and green text which represents a google color scheme which is not relevant to Elevate Lab and can be removed.
https://elevate-lab.github.io/elevate-lab-website/assets/html/team.html

Feature Request

Describe your problem

Design the event section and cards. The event section should have the heading "Event".

Feature Request

Describe your problem

The name of the site at top in team and project page should be 'Elevate Lab' (as visible in the home page) instead of 'Elevate LAB'.
Home page: https://elevate-lab.github.io/elevate-lab-website/
Team page: https://elevate-lab.github.io/elevate-lab-website/assets/html/team.html
Project page: https://elevate-lab.github.io/elevate-lab-website/assets/html/project.html