Week 01

Week assignments

• Principles and practices (part 1 of 2)

  • Plan and sketch of my final project

• Project managment (part 2 of 2)

  • Read, sign the student agreement Link: Student Agreement
  • Work through a git tutorial.
  • Build a personal web site describing yo and your final proyect. Refer to the lectures material for examples.
  • Uploads parts 1 and 2, to the class archive.

Getting my fingers in GIT and Website Development

My fingers were never in website development or gitlab before…however, I was very lucky of having a working mate like Pepe Vazquez with me, who, along with Luis (my instructor) and Francisco Ruz, helped me enormously to have this working, so first of all I need thank them enormously. That said, I can summarize the process in the following steps:

After having all that working this is how my screen looks like exactly now when I am uploading this sentence

Once, the overall process has been explained. I ennumerate now the steps followed to get my website working:

Installation of Git BASH

$ git config --global user.name "myname"
$ git config --global user.email "myname@mail.org"

**Verifying username and email address **
$ git config user.name
$ git config user.email

Generating SSH KEY
$ ssh-keygen -t rsa -C myname@mail.org

Visualising SSH key
$ cat ~/.ssh/id_rsa.pub

Set colouring in command line
$ git config --global color.ui true

Visualising git configuration
$ cat .gitconfig

Setting up local git project
$ mkdir myfolder
$ cd myfolder

Initializing git
$ git init

Establising a secure connection with gitlab.fabcloud.com
I copied shh key to clipboard and added a new one in gitlab.fabcloud.com
$ clip <~/.ssh/id_rsa.pub

Clone my remote repository and create my local repository.
I just clicked Code and copied the path.

I checked the remote source :
$ git remote -v

Change the local branch name from master to a newname (main).
$ git branch -m oldname newname

$ git branch -a List all local and remote branches. Local branches will appear in green, remote branches in red, and the current branch will have an asterisk (*) next to it.

*main
remotes/origin/HEAD -> origin/main
remotes/origin/main

HUGO

Initializing my hugo site
$ hugo new site pablo-guindos -f --format=yaml

Initializing hugo module
$ cd pablo-guindos
$ hugo mod init gitlab.fabcloud.org/academany/fabacademy/2025/labs/aindustriosa/students/pablo-guindos\

Checking origin $ git remote -v\

Installing hextra theme

$ cd pablo-guindos $ hugo mod get github.com/imfing/hextra

Configuring hugo.yaml I configured the yaml file to my aesthetic preferences, then I just can push it to git and the website

Deploy repository
git add .
git commit -m "anycommit"
git push\