Skip to content

Commit

Permalink
Fixed image links
Browse files Browse the repository at this point in the history
  • Loading branch information
CarsonJM committed Sep 20, 2023
1 parent 523e11e commit fc38c3f
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions src/content/docs/contributing/gitpod/alternatives.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,13 @@ Being integrated into GitHub, Codespaces can automatically be used for every nf-
To create a Codespace, you first click on the `Code` button at the top of any GitHub repository.

<p align="center">
<img src="../../../../../public/images/contributing/gitpod/codespaces-button.png" alt="codespaces dropdown" width="800"/>
<img src="/images/contributing/gitpod/codespaces-button.png" alt="codespaces dropdown" width="800"/>
</p>

This will bring up a dropdown menu, you will then select the `Codespaces` tab and press the `+` sign. This will create a Codespace on the current branch of this repository.

<p align="center">
<img src="../../../../../public/images/contributing/gitpod/codespaces-dropdown.png" alt="codespaces dropdown" width="400"/>
<img src="/images/contributing/gitpod/codespaces-dropdown.png" alt="codespaces dropdown" width="400"/>
</p>

After the Codespace is created, you should see something that looks very similar to a Gitpod environment (please see nf-core's [Gitpod](gitpod/index.md) page for more information). **An important difference between Gitpod and Codespaces is that `singularity`, and not `docker` profiles will need to be used to run any nextflow commands.** Otherwise, the created codespace can be used almost exactly as you would use a Gitpod environment.
Expand All @@ -40,16 +40,16 @@ VS Code Dev Containers on a local computer.
2. **Install VS Code**: VS Code can be downloaded from the [VS Code](https://code.visualstudio.com/Download) website.

3. **Install VS Code Remote Development Extension**: The remote development pack allows VS Code to be used for code edition in development containers. This extension can be downloaded from the [VS Code] website, or by typing `remote development` into the extension tab's
<img src="../../../../../public/images/contributing/gitpod/extension.png" alt="codespaces dropdown" width="25"/> search bar search bar
<img src="/images/contributing/gitpod/extension.png" alt="codespaces dropdown" width="25"/> search bar search bar

4. **Clone a Repository in Container Volume**: Once everything is installed, open both Docker Desktop and VS Code prior going through the steps to create a local Dev Container:

- Navigate to the `Remote Explorer`
<img src="../../../../../public/images/contributing/gitpod/remote-explorer-tab.png" alt="remote explorer tab" width="25"/> tab in VS Code
<img src="/images/contributing/gitpod/remote-explorer-tab.png" alt="remote explorer tab" width="25"/> tab in VS Code
- Click the dropdown menu at the top of the panel and select `Dev Containers`

<p align="center">
<img src="../../../../../public/images/contributing/gitpod/remote-explorer-dropdown.png" alt="remote explorer tab" width="400"/>
<img src="/images/contributing/gitpod/remote-explorer-dropdown.png" alt="remote explorer tab" width="400"/>
</p>

- Press the `+` sign under the dropdown menu (this is only visible when the cursor is placed over the banner).
Expand Down

0 comments on commit fc38c3f

Please sign in to comment.