FOSSASIA Google Code-In Website 2018 https://gci18.fossasia.org
Clone or download
rpotter12 Merge pull request #648 from NishithP2004/master
Added Winners and Finalists
Latest commit 23c9534 Jan 22, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Improved PR template (#199) Nov 4, 2018
_data Update students.yml Jan 22, 2019
_includes Update header-pages.html Jan 6, 2019
_layouts Improve Navigation Bar Dec 3, 2018
css Removal of CDN links Jan 6, 2019
fonts Removal of CDN links Jan 6, 2019
img Update students.yml Jan 22, 2019
js Removal of CDN links Jan 6, 2019
lottie Added 404 Page (#210) Nov 4, 2018
scripts Enabled Travis Checks For Image Dimensions and Resized Images(#236)(#258 Nov 7, 2018
tpl Added YouTube API support to the video section (#535) (#538) Dec 2, 2018
translations Add franch translation for README.md (#190) Dec 8, 2018
video Add Apple Meta Tags Nov 3, 2018
.gitignore Add Apple Meta Tags Nov 3, 2018
.travis.yml Enabled Travis Checks For Image Dimensions and Resized Images(#236)(#258 Nov 7, 2018
404.html Improve Code Quality of JS Files Dec 3, 2018
CNAME Added Avatar in Student Section (Google Code-in task) (#596) Dec 8, 2018
CONTRIBUTING.md Add Apple Meta Tags Nov 3, 2018
Gemfile Compressed Images, CDN, Merged Multiple files into one (#476) Nov 26, 2018
LICENSE Add Apple Meta Tags Nov 3, 2018
README.md Removal of CDN links Jan 6, 2019
_config.yml Compressed Images, CDN, Merged Multiple files into one (#476) Nov 26, 2018
components.html Prevent links from opening in new tabs (#576) Dec 9, 2018
elements-accordions.html Removal of CDN links Jan 6, 2019
elements-alerts.html Removal of CDN links Jan 6, 2019
elements-buttons.html Removal of CDN links Jan 6, 2019
elements-countdown.html Fix issue #186 Nov 25, 2018
elements-form-inputs.html Removal of CDN links Jan 6, 2019
elements-galleries.html Removal of CDN links Jan 6, 2019
elements-grid.html Removal of CDN links Jan 6, 2019
elements-icon-boxes.html Removal of CDN links Jan 6, 2019
elements-intros.html Removal of CDN links Jan 6, 2019
elements-lists.html Removal of CDN links Jan 6, 2019
elements-modals.html Removal of CDN links Jan 6, 2019
elements-nav-dark.html Removal of CDN links Jan 6, 2019
elements-nav-info.html Removal of CDN links Jan 6, 2019
elements-nav-light.html Removal of CDN links Jan 6, 2019
elements-nav-trans.html Removal of CDN links Jan 6, 2019
elements-parallax.html Fix issue #186 Nov 25, 2018
elements-pricing.html Removal of CDN links Jan 6, 2019
elements-progress.html Removal of CDN links Jan 6, 2019
elements-tabs.html Removal of CDN links Jan 6, 2019
elements-textimage.html Removal of CDN links Jan 6, 2019
elements-titles-center.html Removal of CDN links Jan 6, 2019
elements-titles.html Removal of CDN links Jan 6, 2019
elements-typography.html Removal of CDN links Jan 6, 2019
elements-video-bg.html Removal of CDN links Jan 6, 2019
elements-video-slider.html Removal of CDN links Jan 6, 2019
elements-video.html Removal of CDN links Jan 6, 2019
elements-widgets.html Removal of CDN links Jan 6, 2019
img_config.yml Fix issue #186 Nov 25, 2018
index.html Update students.yml Jan 22, 2019
manifest.json added web-manifest file and necessary set of icons. (#223) Nov 5, 2018
students_projects.html Prevent links from opening in new tabs (#576) Dec 9, 2018
textshadow.css added Danish language (#393) Nov 25, 2018

README.md

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