Organized precourse images and added eduroam logo

- Organized precourse images
- Added eduroam logo
- Styling for precourse logos
- Added OS icons

assets/css/styles.scss

@@ -244,3 +244,11 @@ div.callout-important .callout-icon::before {
   display: inline-block;
   text-align: center;
 }
+
+/* precourse tool images */
+
+.precourse-tool {
+  height: 50px;
+  margin-right: 15px;
+  float: left;
+}

home_precourse.qmd

@@ -14,7 +14,7 @@ A SUPR/NAISS account is needed to create the accounts for the computers we will
 
 If you do not already have one, create an account at [SUPR/NAISS](https://supr.naiss.se). Then, Log in to [SUPR/NAISS](https://supr.naiss.se/), preferably using the SWAMID.
 
-![](assets/images/supr-login.webp){width="70%"}
+![](assets/images/precourse/supr-login.webp){width="70%"}
 
 Before proceeding with applying for project membership and user accounts, we have to accept the NAISS User Agreement. Do this by clicking the [Personal Information](https://supr.naiss.se/person/) link in the left sidebar menu. The scroll down a bit until you reach the section **User Agreements**. If you already have accepted it the State will be a green box with the text Accepted in it. If it is anything else, click it to start the accepting process.
 
@@ -27,11 +27,11 @@ This is where you might run into trouble if you don't have a SWAMID connected ac
 
 Remote computing cluster UPPMAX will be use as a fallback cluster, if there should be any problems at PDC. After making sure you have an accepted user agreement, go to the [**SUPR/NAISS Projects**](https://supr.naiss.se/project/) page and request membership to the project ID: [**{{< meta id_project_backup >}}**]{.badge}
 
-![](assets/images/supr-request.webp){width="70%"}
+![](assets/images/precourse/supr-request.webp){width="70%"}
 
 Once you are accepted to a project, you should see that project listed under your active projects.
 
-![](assets/images/supr-projects.webp){width="70%"}
+![](assets/images/precourse/supr-projects.webp){width="70%"}
 
 
 Finally you need to request a login account to UPPMAX. This will be the account you use to log in to the actual computers, so it is not the same as your SUPR account. Login to SUPR and go to the [Accounts page](https://supr.naiss.se/account/). Under the **Possible Resource Account Requests** heading click on **Request Account on Rackham @ UPPMAX** button and confirm it on the next page. If it is missing from this page, it could be because you already have a login account created (only 1 account per person allowed), or that you have not yet gotten your project memberships approved.
@@ -59,31 +59,25 @@ We have notified PDC who the students for our course is and they will create the
 
 ### Eduroam
 
-Please make sure you have a working [Eduroam](https://eduroam.org/) wifi connection setup before the course, since we will only have wifi internet access in the computer room where we have the course. The instructions on how to get it working could differ university to university, so please refere to you home university's instructions on how to do that. Try searching for "eduroam" and your home university, e.g. `eduroam uppsala university`, to find it.
+[![](assets/images/precourse/eduroam.webp){.precourse-tool}](https://eduroam.org/) [{{< fa brands ubuntu >}} {{< fa brands apple >}} {{< fa brands windows >}}]{.badge} Please make sure you have a working [Eduroam](https://eduroam.org/) wifi connection setup before the course, since we will only have wifi internet access in the computer room where we have the course. The instructions on how to get it working could differ university to university, so please refere to you home university's instructions on how to do that. Try searching for "eduroam" and your home university, e.g. `eduroam uppsala university`, to find it.
 
-### ThinLinc
+### ThinLinc 
 
-[![](assets/images/thinlinc.webp){height="50px"}](https://www.cendio.com/thinlinc/download)
-
-ThinLinc allows graphical connection to UPPMAX. Download and install from [https://www.cendio.com/thinlinc/download](https://www.cendio.com/thinlinc/download). It can be used directly from the browser but it is recommended to download and install the client for better copy/paste operation.
+[![](assets/images/precourse/thinlinc.webp){.precourse-tool}](https://www.cendio.com/thinlinc/download) [{{< fa brands ubuntu >}} {{< fa brands apple >}} {{< fa brands windows >}}]{.badge} ThinLinc allows graphical connection to UPPMAX. Download and install from [https://www.cendio.com/thinlinc/download](https://www.cendio.com/thinlinc/download). It can be used directly from the browser but it is recommended to download and install the client for better copy/paste operation.
 
 ### XQuartz
 
-[![](assets/images/xquartz.webp){height="60px"}](https://www.xquartz.org/)
-
-Mac users will need to download and install [XQuartz](https://www.xquartz.org/) for X11 forwarding. *ie*; to forward remotely opened windows to local machine.
-
-### MobaXterm (Optional)
+[![](assets/images/precourse/xquartz.webp){.precourse-tool}](https://www.xquartz.org/) [{{< fa brands apple >}}]{.badge} Mac users will need to download and install [XQuartz](https://www.xquartz.org/) for X11 forwarding. *ie*; to forward remotely opened windows to local machine.
 
-[![](assets/images/mobaxterm.webp){height="60px"}](http://mobaxterm.mobatek.net)
+### MobaXterm^\*^
 
-If you are on a Windows system, and you want to open graphical applications from the terminal, we recommend [MobaXterm](http://mobaxterm.mobatek.net). It is recommended that you INSTALL the program and not use the portable version. MobaXterm also has an integrated SFTP file browser.
+[![](assets/images/precourse/mobaxterm.webp){.precourse-tool}](http://mobaxterm.mobatek.net) [{{< fa brands windows >}}]{.badge} If you are on a Windows system, and you want to open graphical applications from the terminal, we recommend [MobaXterm](http://mobaxterm.mobatek.net). It is recommended that you INSTALL the program and not use the portable version. MobaXterm also has an integrated SFTP file browser.
 
-### Filezilla (Optional)
+### Filezilla^\*^
 
-[![](assets/images/filezilla.webp){height="60px"}](https://filezilla-project.org/)
+[![](assets/images/precourse/filezilla.webp){.precourse-tool}](https://filezilla-project.org/) [{{< fa brands ubuntu >}} {{< fa brands apple >}} {{< fa brands windows >}}]{.badge} When you need to transfer data between the remote cluster and your computer, you can use the tools SCP or SFTP through the terminal. Windows users can use the SFTP browser available with MobaXterm. If you prefer a GUI to upload and download files from the remote cluster, we recommend installing [FileZilla](https://filezilla-project.org/).
 
-When you need to transfer data between the remote cluster and your computer, you can use the tools SCP or SFTP through the terminal. Windows users can use the SFTP browser available with MobaXterm. If you prefer a GUI to upload and download files from the remote cluster, we recommend installing [FileZilla](https://filezilla-project.org/).
+^\*^ Optional
 
 ## Connect to UPPMAX
 
@@ -93,10 +87,10 @@ See [Connecting to UPPMAX](topics/other/lab_connect_uppmax.qmd) instructions lis
 If you want to get a primer on using the terminal, you can get started with the following **Tutorial One** at this link [Unix tutorial for beginners](http://www.ee.surrey.ac.uk/Teaching/Unix/). You can use [https://scilifelab.github.io/courses/ngsintro/common/emu/](https://scilifelab.github.io/courses/ngsintro/common/emu/) [(or this mirror)](https://bellard.org/jslinux/vm.html?url=https://bellard.org/jslinux/buildroot-x86.cfg) to try the commands in the tutorial, so that you don't mess up any real world system. If you have any questions regarding this tutorial contact: *martin.dahlo [at] nbis.se*.
 :::
 
-### Create a user folder (UPPMAX only)
+### Create a user folder
 
 ::: {.callout-note}
-This part is only to be done on UPPMAX, and **not** at PDC.
+This part is only to be done on **UPPMAX**, and **NOT** at PDC.
 :::
 
 Once you have logged in to UPPMAX, run the following command.