A collaborative website to acknowledge female developers
opencodeiiita / codefemme Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://opencodeiiita.github.io/CodeFemme/
License: MIT License
Home Page: https://opencodeiiita.github.io/CodeFemme/
License: MIT License
get animation from codepen or somewhere and add the animation in website.
eveyone can add one section.
Refer to opencodeiiita/Opencode-Collaborative-19#388
OpenCode'19 is coming to an end. I would request you all to write a blog about your experience with OpenCode'19. I prefer the blog to be on medium but any other good platform will also work.
This blog is mandatory for you to be considered for the final judging, the final date to provide the blog is 14th February 23:59:59. Comment the link of your published blog on the parent issue.
Also all your points should be submitted for the review by 13th February 23:59:59. The deadlines are strict so I request you all to adhere to it.
Create a footer for the website
The blog is here, an excerpt from the blog telling about her experience will be good.
A good UI is expected as it will be a new section.
Add all the organisation projects in the project section. Add any image you feel related to project.
https://github.com/opencodeiiita
Add a preloader for the website
An example can be found here at the Pragma's website.
The stripes will be at the sides of a section. Don't use the images used in the Pragma website, they don't go well with the color scheme of the CodeFemme website.
Take care of responsiveness as side stripes cause issues in it. If the design is as such that can't be shown in the mobile device then show only for large screens i.e laptops and tablets.
In case of doubts, ask in the issue itself.
fix the css.
Add more issues for building the website inorder to improve any bugs or add new sections.If the issue seems alright it will be approved by that open code and labels will be added to them.Also make sure to claim the issue when it is approved.
According to design of the website, an underline will be much better than darkening the navbar item.
the current navbar looks too plain and a bad color scheme. Also the logo in navbar section doesn't looks good. Improve the navbar.
Use the logo in this comment
#7 (comment)
list codefemme and outpass portal
Currently css
and js
files are also present in the root of the repo. They should be inside static. Also add the js
and css
from vendor
to static
folder.
add a card for yourself in the contributor section. Make sure to write a one line bio.
after adding yourself, make sure to do a social media post saying you are contributing to codefemme or added yourself to codefemme part of opencode19 or any other relevant post. (facebook, twitter,linkedin or any other platform, no stories). Comment the link of the post in the pull request. This is a mandatory condition to get your PR merged.
Currently on clicking on an option in the navbar, the webpage shifts to it instantly, it should scroll to that secition.
The template structure is not so proper. A proper structure makes it easy to find the files and code.
Suggested actions:
css
,js
and img
folder inside it.js
,css
and img
should be moved to their respective folders.index.html
stays in the root of the repository.gulp.js
, package.json
and package-lock.json
.Look for different websites and see how they have their landing page designed. Some references are:
https://stripe.com/
https://opencodeiiita.github.io
The footer present currently is too big in terms of length.
Select a starter template and push its code.
A good resource is to check out for materialize and bootstrap starter templates.
Earlier the site had loader showing first then landing page but right now, gallery is appearing.
Currently, it shows the template name Bare ....
Current image is too big and because of it there is an unnecessary space created between the projects below it.
font size of codefemme in the navbar is very small
Create a logo and comment it down here. The one which is selected should be added to the repo by opening a PR.
the space was larger previously, increase it again.
Currently, there is mismatch in theme-ui of website and preloader.
The new preloader should go on well with theme of website.
0.5 hours
search for 3-4 pictures on flickr which consist of women in tech in IIITA. make a section Gallery
and add an image carousel with those images.
add opencode'19 sponsors.
Right now about section is filled with lorem ipsum text
Replace with useful content
for description write lorem ipsum text.
add a contributor section which lists all the contributors contributing to CodeFemme
Add hover effect to the social media icons in the footer of the website.
For help refer to link
the loader is currently hardcoded to 2 seconds. It should go away as soon as the page is loaded.
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.