From template to my site.

List of task this week

Plan and sketch a potential final project

My idea is to make a pannier belt that is made with 3D printed boning, vinyl cut pattern on the fabric and 3D printed spikes with RGB led lights insight. The plan is to have a few different programs of lights, some still, I would like to both di the pride flag and the bi flag color but also some flowy moving programs.

Build a personal site in the class archive describing you and your final project

Like every student I got a git website, my work computer is a Preadator pc computer and since it did not already have git on it I had to download it. I did this so I could clone and work on my site in Visual Studio Code on my computer I got help from my work college and fellow student Andri. He showed me the commands I would need to put to upload to the site: git status to check the status of the project, git add . to add a file, git commit -m "message" to commit the changes to the local repository, git push upload the changes to the remote repository and if you are working with other people you have to git pull to pull the project from git in case there have been changes to the repo. To be able to use VS Code I needed to make a personal access token, which you can find under user settings. I chose the personal access token because I knew I would only be using my work computer to work on the site.

Personalization

Since I am a total beginner at html a lot of my personalization has to do with colors. In the template I copied there were 3107 lines of css, it was fun trying to figure out what controlled the theme colors. I didn’t like how everyone’s site was the same so I found a template that I liked and starting taking out things I did not need. I used a lot of the code that came with the template and just switched out text and images and copied and pasted it where I needed it to be.

Getting Images to show up on the site

When I started working on About me, I started putting in new images and there I ended up having some trouble, the images were being uploaded on git but did not show up when I pushed the site. After a lot of trying different things, I found out that caps or non-cap letters don’t matter in VS code but do in git and the images I was putting inn were .JPG and I was writing .jpg. Finally, I was able to put all the images on the site so it looked a lot better.