Project management

Week 1- Documentation

Assignments:

SSH key:

Generating a new SSH key:
I followed this tutorial

  1. Open a terminal on Linux or macOS, or Git Bash

  2. Generate a new ED25519 SSH key pair:
    ssh-keygen -t ed25519 -C "email@example.com"

  3. Next, you will be prompted to input a file path to save your SSH key pair to. If you don't already have an SSH key pair and aren't generating a deploy key, use the suggested path by pressing Enter. Using the suggested path will normally allow your SSH client to automatically use the SSH key pair with no additional configuration.
    If you already have an SSH key pair with the suggested file path, you will need to input a new file path and declare what host this SSH key pair will be used for in your ~/.ssh/config file.

  4. Once the path is decided, you will be prompted to input a password to secure your new SSH key pair. It's a best practice to use a password, but it's not required and you can skip creating it by pressing Enter twice.
    If, in any case, you want to add or change the password of your SSH key pair, you can use the -p flag:
    ssh-keygen -p -f < keyname >

GitLab and Git Bash:

    On GitLab:
  1. First I signed in (GitLab) and opened up my first project.

    2. There were already some files, amongs them README.md If it would not have been there I would need to make one by clicking on README Then I edited that file by adding one line and some random text and commited the changes.

    On the computer:
  2. I opened up Git Bash and created a new folder where the information for the website will be stored.

  3. I created a folder for the FabAcademy2020 stuff
    $ mkdir FabAcademy2020

  4. Opened the folder
    $ cd FabAcademy2020

    5. On GitLab:
  5. After that I made yml file in Gitlab (you need an yml file so others can see your site). Tutorial.
    1. by going to your project and clicking Add CONTRIBUTING:
    2. then selecting ".gitlab-ci.yml"
    3. and finally selecting "HTML" in the final box
    4. to make the file you end by clicking "Commit changes" in the bottom left corner

  6. Then I generated a SSH key
    1. Open a terminal on Linux or macOS, or Git Bash

    2. Generate a new ED25519 SSH key pair:
      ssh-keygen -t ed25519 -C "email@example.com"

    3. Next, you will be prompted to input a file path to save your SSH key pair to. If you don't already have an SSH key pair and aren't generating a deploy key, use the suggested path by pressing Enter. Using the suggested path will normally allow your SSH client to automatically use the SSH key pair with no additional configuration.
      If you already have an SSH key pair with the suggested file path, you will need to input a new file path and declare what host this SSH key pair will be used for in your ~/.ssh/config file.

    7. On the computer:
  7. Then type the text below into Git Bash
    $ ssh-keygen -t ed25519 -C "gisli2000@hotmail.com"

    8. On GitLab:
  8. Then add your public SSH key to your GitLab account by:
    1. Clicking your avatar in the upper right corner and selecting Settings.
    2. Navigating to SSH Keys and pasting your public key in the Key field. If you:
      • Created the key with a comment, this will appear in the Title field.
      • Created the key without a comment, give your key an identifiable title like Work Laptop or Home Workstation.
      • Click the Add key button.
    3. Click the Add key button.

    9. GitLab and I copied the URL to my repository where the clone button is
    inserting SSh key
  9. NOTE: Note: If you manually copied your public SSH key make sure you copied the entire key starting with ssh-ed25519 (or ssh-rsa) and ending with your email.

  10. I added the ssh key to https://gitlab.fabcloud.org/profile/keys

  11. I wanted to check out if my ssh key worked So I wrote to the git bash
    git status

    12. Got back:
    Fablab@DESKTOP-SVTL6UL MINGW64 ~/FabAcademy2020 (master) $ ssh -T git@gitlab.fabcloud.org Welcome to GitLab, @gisli.gudmundsson!
    That means the ssh key works.

    On the computer:
  12. Type into Git Bash:
    Initialize git then $ git init
    I got back:Initialized empty Git repository in C:/Users/Fablab/FabAcademy2020/.git/

  13. I created my identification in Git Bash, went into GitLab and created a yml file.
    $ git config --global user.name "gisli00"
    $ git config --global user.email gisli2000@hotmail.com

  14. I made a git clone in Git Bash using the link to my repository. First I opened GitLab and I copied the URL to my repository where the clone button is
    clone

  15. Type into Git Bash
    $ git clone
    git@gitlab.fabcloud.org:academany/fabacademy/2020/labs/vestmannaeyjar/students/gisli-gudmundsson.git
    • Fablab@DESKTOP-SVTL6UL MINGW64 ~/FabAcademy2020 (master) $ git clone git@gitlab.fabcloud.org:academany/fabacademy/2020/labs/vestmannaeyjar/students/gisli-gudmundsson.git Cloning into 'gisli-gudmundsson'... remote: Enumerating objects: 182, done. remote: Counting objects: 100% (182/182), done. remote: Compressing objects: 100% (75/75), done. remote: Total 182 (delta 103), reused 170 (delta 98)0 KiB/s Receiving objects: 100% (182/182), 406.36 KiB | 123.00 KiB/s, done. Resolving deltas: 100% (103/103), done.
    clone

  16. Then I checket the name the folder and typed in: $ dir

  17. I opened the folder in git bash. and then typed in: $ cd gisli-gudmundsson

  18. $ git status

    19. On the computer
  19. I copied my files to this folder ~/FabAcademy2020/gisli-gudmundsson

  20. After that I pushed the website, copied all the files for the site into the new folder I created in Git Bash prior and went to Git Bash and wrote:
    git status
    git add .
    git commit -m "added web"
    git push

    21. clone

Commands in Git:

Commands that I used

HTML Website:

Making a basic HTML website is wery easy tough it might seem hard. I started by going trough Youtube tutorials onHTML, CSS and Flexbox.

clone

After that I made a couple of website from scratch using HTML, CSS and Flexbox. After getting the basics in HTML I found myself a template from Start Bootstrap and made it my own by adding my own information to the template and connecting the site to my assignments.
My HTML for my assignments such as this site is fairly basicly structured and everything is named so that I know where it is. To keep the site as small as possible(MB) I used Gimp to compress the images and are most of the images around 60kb.

Commands in HTML

Commands that I used

Problems and solutions:

Git:

HTML:

Not many problems occurred during the making of the HTML website mostly because I was well prepaired before I started making the HTML site and because I was doing fairly simple things
The problem that occurred with the website was that I had selected an bootstrap website that was too complicated for me costumnize. I solved that problem by switching sites and I found myself an less complicated site. The site was too complicated in the way that there where too many folders and files with CSS and it was hard for me to costumnize it.

Fab Academy Student Agreement

The Fab Academy is responsible for: Teaching principles and practices of digital fabrication Arranging lectures, recitations, meetings, and events for the class Evaluating and providing feedback on student work Offering clear standards for completing assignments Certifying and archiving student progress Supervising class preparation Reviewing prospective students, instructors, and labs Providing central staff and infrastructure for students, instructors, and labs Fund-raising for costs not covered by student tuition Managing and reporting on the program's finances, results, and impacts Publicizing the program Promoting a respectful environment free of harassment and discrimination I am a Fab Academy student, responsible for: Attending class lectures and participating in reviews Developing and documenting projects assigned to introduce and demonstrate skills Honestly reporting on my work, and appropriately attributing the work of others Working safely Leaving workspaces in the same (or better) condition than I found them Participating in the upkeep of my lab Ensuring that my tuition to cover local and central class costs is covered Promoting a respectful environment free of harassment and discrimination Signed by committing this file in my repository, Gísli Snær Guðmundsson

Software I used: