added ssh key pictures

Author: tguyenn

docs/_assets/images/extract_7ip.png

@@ -117,3 +117,18 @@ In a similar fashion, Git commands require you to navigate to your Git repositor
 
 
 ## What is the SiLabs USB-UART driver for?
+The SiLabs USB-UART driver is an application that allows your computer to send and receive serial data through a standard USB port by treating the device as a virtual COM port. This is commonly used to connect devices like microcontrollers or other serial-based devices to a computer via USB. 
+
+It translates USB data into serial data (UART) and vice versa, allowing applications to interact with a connected device (your microcontroller) as if it were a traditional serial port. 
+
+
+## How do I use 7-zip?
+
+To extract your zipped VS Code archive, follow these steps:
+1. Locate and click the zipped archive you'd like to extract in the 7-zip file browser
+<img src="{{ '/_assets/images/locate_7zip.png' | prepend: site.baseurl }}" alt="rmdir :(">
+1. Click the `Extract` button at the top of the 7-zip GUI
+<img src="{{ '/_assets/images/extract_7ip.png' | prepend: site.baseurl }}" alt="rmdir :(">
+1. Set the `Extract to` path to `C:` 
+<img src="{{ '/_assets/images/path_7zip.png' | prepend: site.baseurl }}" alt="rmdir :(">
+1. Click `OK` and wait for the unzipping to finish

docs/_assets/images/github_settings.png

@@ -59,7 +59,7 @@ Git Bash is finicky and doesn't support Ctrl + V for paste. Use `Shift + Insert`
 1. You will likely be prompted to enter a passcode. Press `Enter` twice to specify no passcode.
 
 {: .highlight}
-Note that you can add a passcode if you'd like, but it is not necessary. If you do, keep in mind that the Bash terminal does _not_ show your passcode as you type it out. Just continue (accurately) typing and press `Enter` when done.
+Note that you can add a passcode if you'd like, but it is not recommended. If you do, keep in mind that the Bash terminal does _not_ show your passcode as you type it out. Just continue (accurately) typing and press `Enter` when done.
 {: .callout-blue}
 
 #### Add SSH key to SSH-agent
@@ -69,11 +69,17 @@ Note that you can add a passcode if you'd like, but it is not necessary. If you
 #### Add SSH key to Github
 1. Paste `cat ~/.ssh/id_ed25519.pub` into the terminal and press `Enter` to display your public SSH key
 1. Copy the entire key
+{: .highlight}
+The key should look something like `ssh-ed25519 SFNJNAFNEJKFNJNJKNFJHFJAHOHiowuroiuwr/sfjeher+KX/rH [email protected]`
+{: .callout-blue}
 1. Navigate to the upper-right corner of any page on [GitHub](https://github.com/), click your profile photo, then click Settings (gear icon)
+<img src="{{ '/_assets/images/github_settings.png' | prepend: site.baseurl }}" alt="my_image.png :(">
 1. In the `Access` section of the sidebar, click `SSH and GPG keys`
-1. Click `New SSH key or Add SSH key`.
-1. Put whatever for the key title name
+1. Click the green `New SSH key` button on the right
+<img src="{{ '/_assets/images/github_ssh_gpg.png' | prepend: site.baseurl }}" alt="my_image.png :(">
+1. Put whatever you want for the key title name
 1. Select the key type to be `Authentication`
+1. Paste in the key you copied earlier into the `Key` section
 1. Click `Add SSH Key`
 
 ### __Clone Forked Repository__
@@ -83,7 +89,7 @@ Cloning is the process of copying a Git repository onto your local computer stor
 
 1. Go to the your team's newly forked repository
 1. Click the green `<> Code` button
-1. If you did the previous section, copy the SSH git link. Otherwise copy the HTTPS link. [What is the difference?](TODO write this)
+1. If you did the previous section, copy the SSH git link. Otherwise copy the HTTPS link. [What is the difference?](https://ut-ras.github.io/RobotathonESP32/technical#what-is-the-difference-between-cloning-using-https-and-ssh)
 <img src="{{ '/_assets/images/ssh_link_copy.png' | prepend: site.baseurl }}" alt="my_image.png w=200 h=400 :(">
 1. Open Git Bash and navigate to where you want to keep your code for the competition, such as your Documents or Desktop. [How do I do that](TODO write this)
 1. Run the following command in your Git terminal `git clone https://github.com/ut-ras/RobotathonESP32.git`
@@ -106,18 +112,21 @@ This step is **optional**, but it will save you at least 30 minutes when unzippi
 7-zip is a file compression tool that works much faster than your native Windows tools.
 
 1. Go to the [7-zip download page](https://www.7-zip.org/)
-1. Install using default directory
+1. Install using defaults
 1. Launch 7-zip
 
 ### __Install Preconfigured VS Code__
 VS Code is an easily customizable IDE with many extensions and a large community. The preconfigured version you will download will already have ESP-IDF installed.
 
 {: .highlight}
-Do this even if you already have VS Code to minimize  environment setup issues. Installing the ESP-IDF extension manually may result in unecessary debugging.
+Do this even if you already have VS Code to minimize environment setup issues. Installing the ESP-IDF extension manually may result in unecessary debugging.
 {: .callout-red}
 
 1. Download zip folder from Box TODO insert box link
-1. Unzip the file to your C: drive (this **will** take a while unless you use 7-zip)
+1. Unzip the file to your C: drive 
+{: .highlight}
+This **will** take a while unless you use 7-zip. [How do I use 7-zip?](TODO link)
+{: .callout-red}
 1. Launch the "containerized" VS Code by running the Code.exe file in the unzipped folder
 1. In the top menu bar of VS Code, click `File` > `Open Folder`
 1. Use VS Code to open the folder where you cloned the Robotathon repository (“RobotathonESP32” by default)