Project 1

Make a website using HTML

In this project we were instructed to make website using HTML to act as a pholio for all our projects during this class. I Began by watching these four youtube videos made by the teacher.

Tools used

I installed Git Bash and created a new Github repository. In file explorer I found the folder Where I wanted to keep everything, right-clicked, selected Git Bash Here and ran the following commands that I got from Github.

  • echo "# test" >> README.md
  • git init
  • git add README.md
  • git commit -m "first commit"
  • git branch -M main
  • git remote add origin https://github.com/frikki2801/TolvustuddFramleidsla.git
  • git push -u origin main

Setting up the site

To code the site I decided to use VS Code instead of Brackets like the teacher recommended since I am used to it and it features so many extensions including live preview wich seemed to be the main selling point of brackets. But I didn't create the site from scratch but instead I used Phantom by HTML5 UP as a basis.

VS Code has built in support for git and github since they are both owned by microsoft and this should make it easy to use in the future. You just type your commit message and press the checkmark to commit, then press sync changes to uppload to github, you can also press refresh to fetch the latest files from github if your local ones are out of date.

My GitHub project

Can be found here

Extras

I decided to ad a couple of extra things to my website. First I googled "HTML Image links" so that I could add the GitHub, Git and VS Code links you can see above.
For that I used the following code for each of the three images. 

								
<a href="https://www.github.com">
<img src="images/github logo.png" 
width=33%>

I Also added a title and Favicon by using the following code in the "head" so that the tab would look like this. 

								
<title>Friðrik Valur</title>
<link rel="icon" href="images/logo.svg">

Problems

At first I kept getting the following problem

Which I solved by using the following commands in git bash

And then I needed to go to C:\Users\fvalu\Desktop\HI\Vor 22\TolvustuddFramleidsla\.git\refs\remotes\origin and delete the "main'," file that was there in addition to "main" for some reason.