Website and Documentation

This part of the course is about how to document the learning process of the course based on a website. It includes a basic knowledge of html, css, use of templates of different frameworks and then upload everything in Git platform (GitLab) using GitBash client.

Here we are, starting with my first website.

My style used to be “going slow and with safe and clear steps” however, from the lessons that life has given me lately is good to be an expert but mostly is no need too (and first of all at the very beginning is hard to be one), plus there is nothing better than learning from mistakes and attempts.

That being said, I wanted to develop a website that could express my aesthetical taste at least in someway and also be functional in (if possible) all the devices . As my usual first approach to everything; I usually draw whatever comes to my mind in order to align my ideas into one direction. In this case, I had already sort of an idea of what I wanted to do.

I sketched some ideas and then tried to put them on the screen. Obviously with my very novice skills that was a kind of a struggle for the very first day (at least).

Card image cap
Card image cap
Card image cap

Later on the second day, I decided that, it would be good to take advantage of all the work that has already been done around web developing; through some suggestions I reached out to bootstrap and I selected a couple of templates that suit my expectations (images of the templates are also clickeable links)

I selected this templates because they provide the background to show several projects under a format of different customizable columns and rows

Card image cap

I started to modify the text in the landing template in order to have on them the information that I needed and again was hard to get into the code to make it do whatever I wanted. Mostly in what I was failing was in to properly read the code to access the route for the website to apply the CCS.

Card image cap

I used the following resource to understand how to modify the template, it includes explanations for every part of the Bootstrap framework

Card image cap

A couple of hours of work later (and some struggles too), I managed to resize and adapt the content to my taste. I used the following resource to understand how to modify the template.

Card image cap

After that, I started again to think about the look and the content of the website so I started to design a logo for this task.

Card image cap

The files support for the development of this workshop is performed in GitLab a version-control system, based in the Git platform, that provides a clear tracking of your working process

Card image cap

Next challenge was to upload everything to Git

I needed to reconfigure the SSH Key in my computer to be possible to login from GitBash.

Card image cap