GithubHelp home page GithubHelp logo

fossasia / gci18.fossasia.org Goto Github PK

View Code? Open in Web Editor NEW
1.2K 40.0 96.0 60.85 MB

FOSSASIA Google Code-In Website 2018 https://gci18.fossasia.org

License: GNU General Public License v3.0

HTML 37.81% CSS 60.39% JavaScript 1.79% Ruby 0.01% Shell 0.01%

gci18.fossasia.org's Introduction

gci18.fossasia.org

FOSSASIA Google Code-In Website 2018 gci18.fossasia.org

This is the repository for FOSSASIA's website for Google Code-In 2018, we at FOSSASIA intend to develop it collaboratively during the course of this competition by participating students themselves. Fork the repository before making changes and make sure you read FOSSASIA Best Practices

Read in German,French

Communication

Things you should know before contributing:

  • All pull requests need to be associated to an issue.
  • All PRs need to be assigned to the person working on it.
  • If an issue cannot be completed in less than a day, it should be broken up into multiple issues.
  • Make pull requests from your own forks (even if you have write rights to the repository, do not create new branches, develop on your own branches).
  • State the actual change or enhancement in the commit message of PRs (do not just state “Fixes issue #123”).
  • Add the issue number into the description (this helps to speed up reviews as reviewers can simply click to get more info in the issue itself).
  • Write clear meaningful git commit messages (Do read http://chris.beams.io/posts/git-commit/).
  • Match pull requests with issues and make sure your pull requests description contains GitHub’s special keyword references that automatically close the related issue when the pull request is merged. (More info at https://github.com/blog/1506-closing-issues-via-pull-requests).
  • When you make very minor changes to a pull request of yours (like for example fixing a failing travis build or some small style corrections or minor changes requested by reviewers) make sure you squash your commits afterwards so that you don’t have an absurd number of commits for a very small fix (Learn how to squash at https://davidwalsh.name/squash-commits-git).
  • Add a screenshot if you changed anything in the UI of a project. When you’re submitting a pull request for a UI-related issue, please add a screenshot of your change or a link to a deployment where it can be tested out along with your pull request. It makes it much easier for the reviewers and helps to speed up the process. You’ll also get reviews quicker.
  • Add a link to your deployment of the project, where reviewers can check out what you have changed (especially for smaller changes this is very helpful as the reviewer might not even need to set up the system itself and test it. Again this speeds up the review process a lot).
  • Always ensure CI and tests are successful.
  • Help to resolve merge conflicts (especially if there are several PRs at the same time, merge conflicts are common. Help the reviewers and solve merge conflicts to speed up the process.).
  • Merging Pull Requests should only happen if at least two contributors reviewed the PR and approved it.

How to run locally?

  • It is easy to run locally. Don't be afraid! :D
  • If you have Git already installed, skip the step 3. If you have cloned your fork already skip steps 4 and 5.
  1. First of all you need to complete some requirements. Install them if you don't have things in this documentation.
  2. Open your terminal and install jekyll gem install jekyll bundler.
  3. Download and install git on your pc.
  4. Go to gci18.fossasia.org site make a fork if you haven't already.
  5. Open Git Bash and clone your repository into your pc. git clone https://github.com/<_your-name-here_>/gci18.fossasia.org.
  6. Go inside to your cloned repo, and open Git Bash.(If you have done 5th step do this cd gci18.fossasia.org).
  7. Type bundle install to install dependencies.
  8. Type bundle exec jekyll serve.
  9. You will see a server address. To view gci18.fossasia.org site, go to localhost:4000 from your favourite browser.
  • Now the work is done.

How to add your Photo Nick to the website:

  • Choose a photo(or representation like a "nick" image) and set the size to 240x240 px
  • Upload your photo to the img/students folder, with an acceptable name :)
  • Add yourself to the _data/students.yml file as shown below
- name: Student's name
  github: Student's Github username
  image: Your image (or representation like a "nick" image) - the name must match the one you uploaded to the folder

How to add a mentor to the website:

  • Choose a current GCI mentor and seek permission before adding him/her
  • Ask for a picture or take it from github and set the size to 240x240 px
  • Upload the picture to the img/mentors folder - with a suitable name
  • Add the mentor to the _data/metors.yml file as shown below
- name: Mentor's name
  github: Mentor's github link
  img: Mentor's img 
  

How to add location marker to the map

Student's location:

  • Get your geographic coordinates using a geolocation finder (if you don't want to provide your exact coordinates you can use this one to get general coordinates for your city or country)
  • Copy your latitude and longitude and paste them into the respective lines in your student profile in the _data/students.yml file
  lat: your latitude
  lng: your longitude 
  • The marker should appear in the given location containing your name/nickname you provided in your student profile

Mentor's location:

  • Choose a GCI mentor and contact them asking for their permission before adding his/her location
  • Ask the mentor for their coordinates (latitude and longitude)
  • Paste their latitude and longitude and paste them into the respective lines in their mentor profile in the _data/mentors.yml file
  lat: mentor's latitude
  lng: mentor's longitude 
  • The marker should appear in the given location containing the mentor's name

How to add a New Project to the website

  • Choose a FOSSASIA project

  • Ask for a picture or take it from github and set the size to 1366x566 px

  • Upload the picture to the img folder - with a suitable name

  • Add the project to the _data/orgprojects.yml file as shown below

- title: Project name
  img: Project screenshot
  desc: Project description
  github: Project github link
  try: URL where project is hosted 

How to add your video to the Videos section:

  • Make your video, you can search for open-source video editing software
  • Once your video is ready, post it on your YouTube channel (if don't have one - create it!)
  • After uploading the video to your channel add it to the _data/videos.yml file as shown below:
- name: Title you want to be shown on the gci18.fossasia.org website (it's recommended to use the same as the video's youtube title, but you can choose a different one)
  id: The YouTube ID of your video , it's the 11 characters after the v= in your video's link (e.g. for this link: https://www.youtube.com/watch?v=NFCcqIq84UI the id is: NFCcqIq84UI )
  user: Your name that will be displayed on the page

Note: Your video must be uploaded after the 1st of January 2018 in order to display properly on the gci18.fossasia.org page

How to add a language to the Thank you section:

  • Choose a language(probably one you're familiar with)
  • Pick the phrase "Thank you for your contributions" or "Thank you for contributing" and translate it
  • Add the translation to the var items = []; in the js/thankyou.js file

Available Gradients

  • gradient-pink-light = #ff9a9e 0%, #fad0c4 99%, #fad0c4 100% Warm Flame
  • gradient-pink = #ff758c, #ff7eb3 Ripe Malinka
  • gradient-cyan-light = #84fab0 0%, #8fd3f4 100% Tempting Azure
  • gradient-cyan = #43e97b 0%, #38f9d7 100% New Life
  • gradient-blue-light = #a1c4fd 0%, #c2e9fb 100% Winter Neva
  • gradient-blue = #4facfe,#00f2fe Malibu Beach
  • gradient-multi-cool = #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100% Sea Lord
  • gradient-multi-hot = #FFE29F 0%, #FFA99F 48%, #FF719A 100% Angel Care

gci18.fossasia.org's People

Contributors

abishekvashok avatar akshit15013 avatar ammarbinfaisal avatar applec4t avatar arihantbansal avatar atnitesh avatar batbrain7 avatar championpaddler avatar gaurang7goel avatar hackerbone avatar hedw1gp avatar kksinghal avatar mariobehling avatar nikit19 avatar nishithp2004 avatar paperpanks avatar pythongiant avatar rahulaarora avatar rahulmetre03 avatar rcya1 avatar ritzing avatar rpotter12 avatar saarthakchats avatar sahildav avatar sahilsaha7773 avatar shreeshjha avatar sid911 avatar simsausaurabh avatar subhahu123 avatar supunte avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

gci18.fossasia.org's Issues

Create a mentors section

We just added a new template
Create a mentors section in the current template with the same design.

The goal would be to create a mentor section, add a mentors.yml file, define a standard format, and make a mentor appear beautifully in the site using Jekyll.

note: be sure to ask mentors before posting any of their details

Ref: https://GitHub.com/fossasia/gci17.fossasia.org

Remove stock template sections

Actual Behaviour
The site contains four stock template (named Foundry) sections as of now.

Expected Behaviour
Sections must me removed immediately!

Screenshots of the issue
screenshot from 2018-10-28 15-50-33
screenshot from 2018-10-28 15-50-36
screenshot from 2018-10-28 15-50-39
screenshot from 2018-10-28 15-50-47

Would you like to work on the issue?

Yes please!

Indent and update Index.html

Actual Behaviour

Index.html has poor code quality and empty spaces which are bad coding practices
Expected Behaviour

  • No unnecessary blank spaces
  • Indented code

Steps to reproduce it

Indent code

LogCat for the issue

Screenshots of the issue

Would you like to work on the issue?

Working on it

Website: Add and Enhance “FOSSASIA” social media section on GCI website

OBJECTIVE

Please add a "Social Media Section" by using APIs of services to the GCI website.

Possible social media channels that come to mind are Youtube, Facebook, Google+, VK, Sina.com or any other. If your social media of any choice does not have a FOSSASIA community listing on it, please feel free to add on.

Please make sure to use APIs.

REQUIREMENTS

  1. Please sign up for GitHub, and tell your mentor your username.

  2. Fork the Website repository https://github.com/fossasia/gci18.fossasia.org and make it run on your own repository with Github pages (more info here http://pages.github.com)

  3. Make the improvements and then make a pull request to merge your changes to the original github repository of https://github.com/fossasia/gci18.fossasia.org

EXPECTED OUTCOME

A nice looking "Social Media" section on the GCI FOSSASIA site.

LINKS

Remove unwanted files from the repository

Actual Behaviour

There are lots of unnecessary files present in repository Which should be removed.
Like unwanted html files, images etc

Expected Behaviour

Unwanted files removed.

Would you like to work on the issue?

Any one can do it.

Overlapping of SideBar

Actual Behaviour
screenshot 276

Expected Behaviour
It must be drop to the left side so that it will not get wrapped.

screenshot 277
Steps to reproduce it
Add a class of bootstrap to the parent element.

Would you like to work on the issue?
Yes

Student's section Grid is not working.

Actual Behaviour

Student's section Grid is not working.

Expected Behaviour

Student's section Grid should be working.

Screenshots of the issue
screenshot from 2018-10-26 21-23-40

Would you like to work on the issue?
Sure

Social media section lacking links from the footer

Actual Behaviour

The Connect with Fossasia on Social Media section lacks links that are currently in the footer and don't open in a new tab.

Expected Behaviour

Links in Connect with Fossasia on Social Media section match the footer section and open in new tabs.

Would you like to work on the issue?

Yes.

Add a videos section.

Actual Behaviour

No space for works of students.

Expected Behaviour

Add a videos section.

Would you like to work on the issue?

Yes. I am working.

Two Footers

Actual Behaviour

Two Footers

Expected Behaviour

Should be one

Screenshots of the issue
screenshot from 2018-10-27 01-29-12
screenshot from 2018-10-27 01-29-41

Would you like to work on the issue?

Yes

Links navbar not working

Actual Behaviour

When the user clicks the navbar options like welcome , students , mentors and projects nothing happens

Expected Behaviour

It should take it to a specific part of the page

Screenshots of the issue

image

Would you like to work on the issue?

Yes I am working on the issue. 😊💻

Adjust mentor images on index page

Actual Behaviour

Some images are not displayed correctly

Expected Behaviour

All images should be rendered with the same dimensions

Steps to reproduce it

  • Make CSS rule for mentor images in custom.css
  • Add class to img tags of mentor images

Screenshots of the issue

outdated

Would you like to work on the issue?

  • I will fix this issue.

Add meta tags and other tags like ogp for better SEO

Actual Behaviour
Add suitable meta tags and other tags like ogp, twitter for better SEO
Presently there is no meta tags in the site.

Expected Behaviour
The meta and other tags will enable good SEO

Would you like to work on the issue?
Open only for GCI students.

Improved UX for Mentor Section

Current Behavior
3-col Grid is used
Icons are too small
Spacing is inconsistent

Expected Behavior
4-col Grid can be used
Icon should be little large (a/c Google 30px is required for mobile devices)
UI can be Improved

Want to Work
Yes

Writings in the landing page not very clear

Actual Behaviour
The white writings in the landing page is not clear

The white writings :
Creating collaborative open-source technologies.
Connecting Open Tech Communities all over Asia with Developers and Creators
in the FOSSASIA Network.
 Expected Behaviour
We should make the writings more clear

Steps to reproduce it
Just open the FOSSASIA site
Screenshots of the issue
writingsnotclear
Would you like to work on the issue?
Only for GCI students

Create the Students Projects section

Actual Behaviour

No Students Projects section on the website.

Expected Behaviour

Students Projects section on the website, with an option to add projects.

Would you like to work on the issue?

Yes, I’ll work on it.

Need to add landing content

The website has template content, should be updated.
Fossasia related content should be added.

Working on it

Add more Social Media links to the Social Media Section

Actual Behaviour

Only Twitter and Facebook present

Expected Behaviour

All should be there

Steps to reproduce it

  • Add the icons
  • Add the links

Screenshots of the issue
screen shot 2018-10-26 at 8 53 27 pm

Would you like to work on the issue?

Yes, working on it.

Some mentors are missing from the Mentors section

Actual Behaviour

  • Some mentors are missing from the Mentors section

Expected Behaviour

  • All mentors should be present in the PR

List of mentors -

  • Shubham Kumar
  • Harshit Khandelwal
  • tabesin
  • Shashank Kumar
  • Saurabh Srivastava
  • Akshat Garg
  • Arundhati Gupta
  • Jogendra Singh
  • Anshuman Verma
  • Sanskar Jethi
  • Akshat Jain
  • Mohit Sharma
  • Prateek Chanda
  • Mohit Kumar
  • Hon Nguyen
  • Abishek V Ashok
  • Rohit Potter
  • Shubham Gupta
  • Nikit Bhandari
  • Tarun Kumar
  • Sridhar Jajoo
  • Simranpreet kaur

Note - Please add 1 mentor per PR so that all the students get a chance to work on it.

Some issues need a fix.

Actual Behaviour

  • Names and profile links of the students is not aligned center with the image.
    image
    image
    image

  • Image in the video section is overflows.
    image

  • Text in the introduction box is not clear. (It should change the font color or make color balance of the image.)
    image

Expected Behaviour

Fix issues.

Would you like to work on the issue?

Opened to all.

Update readme.md

Actual Behaviour

There is not much information.

Expected Behaviour

Add sections into readme.md about the repo and how to contribute.
eg: Add how to add a mentor.

  • How to add a mentor / student / project / video
  • How to add a new feature.
  • How to make an issue
  • How to add a new page. (Using Jekyll)
  • How setup local.

Would you like to work on the issue?
Opened to all

Icons in the social media section are too small

Actual Behaviour

The newly added social media section icons are too small. (probably caused by the foundry css files overwiting after loading)

Expected Behaviour

The icons are uniform in size.

image

Would you like to work on the issue?
Yes, working on it right now.

Two Students Section

Actual Behaviour

Two Students Section

Expected Behaviour

Should be one Students Section

Screenshots of the issue

screenshot from 2018-10-27 01-27-28
screenshot from 2018-10-27 01-27-46

Would you like to work on the issue?
Yes

Open profile link in new tab

Actual Behaviour

Profile links are open in the same tab after clicking.

Expected Behaviour

Links should open with a blank target.

My first Issue

Actual Behaviour

Expected Behaviour

Steps to reproduce it

LogCat for the issue

Screenshots of the issue

Would you like to work on the issue?

Need to give shape to the website

Currently, the entire site is a template. Need to add basic initial content so that all participants(including me) will be able to understand and contribute better.

Social media section incomplete

Actual Behaviour

Only FB and twitter

Expected Behaviour

All should be there

Steps to reproduce it

add them

LogCat for the issue

Screenshots of the issue

screen shot 2018-10-26 at 8 53 27 pm

Would you like to work on the issue?

Yes

Add a suitable favicon to the site

Actual Behaviour
Currently there is no favicon. Please add a favicon in the site

Expected Behaviour
A good favicon should appear in the website

Would you like to work on the issue?
Open only for GCI students

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.