Jason's Google Code-in Blog

GCI Organization: FOSSASIA

Setup Angular User App with Github Pages

miscellaneous

Today, our task is to setup https://github.com/aidarbek/angular so that it runs with Github Pages. Luckily, AngularJS is easy to setup for Github Pages, so this task only takes a few steps. First, fork the repository and save it to your account. Next, clone the fork you just created by typing this command in Git Shell: git clone https://github.com/<your github username>/angular.git Then, make a branch called github pages and switch to it.

28 Dec 2015 #setup #commit #gh-pages #github #angularjs

Setting Up a Webhook for Github

fossasia site

You can set up a webhook for so that each time a contributor opens or reopens a pull request on your repository/fork, a bot may comment a live version of the contributor’s site on the pull request. Add webhook First, you must add a webhook to your repository. To do this: 1) Go to your repository settings and select Webhooks & Services. 2) Click add webhook. You can make up a random payload URL for now.

25 Dec 2015 #setup #webhook #gh-pages #server #github

Setup FOSSASIA's Orga Server

open-event

Today, I will be teaching you how to locally setup the open event orga server which manages all the data of an event. I will let you know the exact process I went through. Step 1: Fork and clone the repository Make sure you clone the repository from Github into your default folder. You should also fork the repository if you are thinking of contributing to it. Cloning the repository first is much easier since there is a preset Vagrantfile.

23 Dec 2015 #orga-server #github #setup #virtual machine #windows

Bug Fixes for GCI Student Site

fossasia site

Yesterday, I made two pull requests for FOSSASIA. My first pull request fixed the issue of the icons being scattered all over the place. The icons were originally off centered from the avatar circle and off center from each other. I created a flexbox grid that automtically centered the social media icons to the center of the avatar circle. Then, I set a definte size for the a element and centered each icon vertically and horizontally inside the corresponding link elements.

20 Dec 2015 #fossasia #html #css #site #pull request #issues #github

Setup Hugo on Github Pages

hugo

At this point, you might be wondering how users can easily see your blog content without downloading the repository and doing all the steps you had to take to view your posts. This is done by publishing on Github Pages, a free service offered by Github that hosts static webpages. We can create a static website by publishing all our posts. I will be using lots of content from the Hugo site, so this tutorial is very similar.

17 Dec 2015 #setup #commit #gh-pages #hugo #github

Setup a Blog using Hugo on Windows

hugo

Today, I created a blog with the Hugo static website generator, an engine very similar to Jekyll. Hugo allows a user to easily setup a secure and customizable blog in a short period of time. It is open source and constantly updated to ensure the latest features and bug fixes. Setting up Hugo is a piece of cake, even on Windows. First, I recommend watch the quickstart guide. It is extremely informative and got me setup in less than ten minutes.

16 Dec 2015 #setup #installation #windows #hugo #github