Computer
Mobile
We had an introduction to HTML5 programing at FabLab Veritas with Professor Juan Pablo Navarro. For this, we downloaded the Bootstrap template and the Sublime text editor. This template is well fit for the personal site needed for FabAcademy, wich requires "about me", "portfolio" and "contact" sections.
I later changed the text editor to Geany, and the html template to Kitchen Sink/W3.CSS Demo Template (an html5 template with a css developed by w3schools).
Basically, after professor's exposition, we began hacking the code of the template. Using the developer tools in the browser, we found and changed blocks of code, in a process of trial and error, until the desired outcome was achieved.
Git is a version control software. It keeps track of changes made to files in a directory, and synchronizes those changes between user's computer and the online repository.
Before installing git, sign up to www.fablabs.io and then log in to git.fabacademy.org. These are the common repository sites for all FabAcademy students. Be sure to remember the e-mail, username and passwords entered to these sites, for they must be used later for the git setup.
Getting started - first-time git setup
Open a terminal window (Ctrl+Alt+T)
sudo apt-get install git
Configure git with gitlab account (replace user and email with the ones from the previous step)
git config --global user.name"your-git-user"
git config --global user.email "your git email"
An ssh key is an identifier for the computer, to grant permissions to connect to a server, for uploading files to the git account. This key must be generated in the user's system (GitHub help).
Generate ssh key (Filename: default | passphrase: empty)
ssh-keygen -t rsa -b 4096 -C "your git email"
Start ssh agent
eval "$(ssh-agent -s)"
Add ssh key
ssh-add ~/.ssh/id_rsa
Display ssh key
cat~/.ssh/id_rsa.pub
Select and copy (CTRL+SHIFT+C to copy)
Sign in to Fab academy archive.
Go to SSH keys option on the left and paste the key on the text area (CTRL+V to paste the key)
Create an empty folder to clone the git repository to (let's suppose you created it inside the Documents folder).
Open a terminal window (Ctrl+Alt+T)
Navigate to that folder (on ubuntu terminal) (use cd command [change directory])
cd Documents/"folder you just created"
Note: This folder must be empty.
Clone git repository to that new empty folder (when finished, this folder will contain a copy of the git repository).
git clone git@git.fabacademy.org:fabacademy"your_year"/"your_fablab".git
Navigate to your folder (identified by a number) inside the cloned repository
cd "your fablab folder"/students/"your number"/
Use a file manager to empty your folder (the folder with your number), and then copy all your site files to this folder.
Go back to the terminal.
git add .
git commit -m "< message >"
git push origin master
For the next commits, the commands are:
Use "cd" command to go to the repository folder on your computer, and to the folder with your number.
Update the files in your folder with the latest files of your site.
git add .
git commit -m "< message >"
git fetch origin
git rebase origin/master
git push origin master