elevate-lab / elevate-lab-website Goto Github PK
View Code? Open in Web Editor NEWA website to inform and invite contributors to elevate-lab
Home Page: https://elevate-lab.github.io/elevate-lab-website/
License: MIT License
A website to inform and invite contributors to elevate-lab
Home Page: https://elevate-lab.github.io/elevate-lab-website/
License: MIT License
For the inactive navbar menu items, the background color changes after clicking the item.
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.
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.
Set up the project structure with the design library (bulma)
Add docs on how to fork, clone and start the project. You may also add docs on how to setup Gh pages link.
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.
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.
The background color of Navbar should span the whole (100%) width of the page.
You probably need to remove the margin from Navbar ( padding can be used instead for that purpose )
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
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.
Add a landing page section with a flat design illustration and some content about Elevate Lab.
Add elevate-lab logo as favicon for website.
background-color property is not working for some elements like project and team cards, and they always inherit the global bg color.
Elements for which bg color property is explicitly mentioned should follow this mentioned value of the property.
global bg color inherited
Add your details under contributors array in assets/data/data.json. This will then render as a card displaying your details.
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:
Add these useful resources and some basic information to the Issue_Resource_Template !
Wait for the request to be merged. Till then celebrate for contributing ๐ฅณ ๐ฅณ
make navbar more responsive by adding animated hovering effect and transitions
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.
Modify the navbar section and add the required links (home, projects, team, contribute, contact). Also replace the bulma logo image with elevate-lab logo.
Add footer in team page and project page.
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...
The site is already connected to github pages, only the link is to be added
Nd sorry idk how to add labels : \
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.
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/
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/
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.
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.
When we click on nav bar icon, it will collapse.
The NavBar didn't responded
1.Click on NavBar icon in teams page.
Show the selected section with different styling. E.g. if you are on the Projects page, highlight "Projects" in the navbar.
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.
The toggle should also work for root route and render the respective css file from correct relative path w.r.t index.html
Currently it is not working for root route.
You need to add extra condition in index.js to take care of this.
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.
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.
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.
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/
Currently the issue_resourcd_template is a text file, update it into markdown file or in a .md format.
Fetch project card data from the JSON file like team page.
team page
Add a link to "Issue_Resource_Template.md' to readme.md under the heading "Resources to get started".
Link Contact us navbar link to Contact us section in home page. Currently it is not linked to anything.
Add the website's gh pages link to readme.
Add the license as a badge to readme.
Add a link to "How To Contribute.md' to readme.md under the heading "How to Contribute".
After clicking Elevate-Lab Logo or Text, I just stay there. That is there's no reference link.
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.
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.
Currently the footer only has social links but adding a small about us section in the footer can improve the site.
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
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
Design the event section and cards. The event section should have the heading "Event".
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.