Skip to content

Commit

Permalink
Built site for gh-pages
Browse files Browse the repository at this point in the history
  • Loading branch information
Quarto GHA Workflow Runner committed Jun 19, 2024
1 parent c3015ce commit 527cb7f
Show file tree
Hide file tree
Showing 7 changed files with 104 additions and 107 deletions.
2 changes: 1 addition & 1 deletion .nojekyll
Original file line number Diff line number Diff line change
@@ -1 +1 @@
ff4c8226
84d4c933
16 changes: 8 additions & 8 deletions access/UCloud.html
Original file line number Diff line number Diff line change
Expand Up @@ -240,7 +240,7 @@ <h3 class="anchored" data-anchor-id="step-2"><strong>Step 2</strong></h3>
<p>For this example, we select <code>Sandbox RNAseq workshop</code>.</p>
<div class="quarto-figure quarto-figure-center">
<figure class="figure">
<p><a href="../images/workspace.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1" data-glightbox="description: .lightbox-desc-1" title="Dashboard: your workspace"><img src="../images/workspace.png" class="black-box img-fluid figure-img" alt="Screenshot of your dashboard"></a></p>
<p><a href="../images/workspace.png" class="lightbox" data-glightbox="description: .lightbox-desc-1" data-gallery="quarto-lightbox-gallery-1" title="Dashboard: your workspace"><img src="../images/workspace.png" class="black-box img-fluid figure-img" alt="Screenshot of your dashboard"></a></p>
<figcaption>Dashboard: your workspace</figcaption>
</figure>
</div>
Expand Down Expand Up @@ -268,7 +268,7 @@ <h3 class="anchored" data-anchor-id="step-2"><strong>Step 2</strong></h3>
<p>At the bottom left corner, you will find your user ID, which you may need to provide once the course starts or for future collaborations, such as being added to other people’s projects. You can also find it on <a href="https://docs.cloud.sdu.dk/">UCloud docs</a>.</p>
<div class="quarto-figure quarto-figure-center">
<figure class="figure">
<p><a href="../images/menu_avatar.png" class="lightbox" data-gallery="quarto-lightbox-gallery-2" data-glightbox="description: .lightbox-desc-2" title="Dashboard: bottom-left menu"><img src="../images/menu_avatar.png" class="black-box left img-fluid figure-img" alt="Bottom-left menu" width="300"></a></p>
<p><a href="../images/menu_avatar.png" class="lightbox" data-glightbox="description: .lightbox-desc-2" data-gallery="quarto-lightbox-gallery-2" title="Dashboard: bottom-left menu"><img src="../images/menu_avatar.png" class="black-box left img-fluid figure-img" alt="Bottom-left menu" width="300"></a></p>
<figcaption>Dashboard: bottom-left menu</figcaption>
</figure>
</div>
Expand All @@ -283,7 +283,7 @@ <h3 class="anchored" data-anchor-id="step-3"><strong>Step 3</strong></h3>
<p>Then click on Apps in the left panel to investigate what tools and environments you can use (orange square). The easiest way to find Sandbox resources is to search via the toolbar (red circle). In this example, we’ll select the Genomics Sandbox (which will bring you to the submission screen).</p>
<div class="quarto-figure quarto-figure-center">
<figure class="figure">
<p><a href="../images/apps.png" class="lightbox" data-gallery="quarto-lightbox-gallery-3" data-glightbox="description: .lightbox-desc-3" title="Dashboard: all apps"><img src="../images/apps.png" class="black-box img-fluid figure-img" alt="Screenshot of apps dashboard"></a></p>
<p><a href="../images/apps.png" class="lightbox" data-glightbox="description: .lightbox-desc-3" data-gallery="quarto-lightbox-gallery-3" title="Dashboard: all apps"><img src="../images/apps.png" class="black-box img-fluid figure-img" alt="Screenshot of apps dashboard"></a></p>
<figcaption>Dashboard: all apps</figcaption>
</figure>
</div>
Expand All @@ -306,7 +306,7 @@ <h3 class="anchored" data-anchor-id="step-4"><strong>Step 4</strong></h3>
<p>Click on the app button to get into the settings window. First, we recommend reading the documentation of the app (step 2). Then, you can configure the app as shown below, or be provided with a configuration file made available in a workshop’s project folders (<code>import parameters</code>) which will take care of everything for you.</p>
<div class="quarto-figure quarto-figure-center">
<figure class="figure">
<p><a href="../images/configuring_job.png" class="lightbox" data-gallery="quarto-lightbox-gallery-4" data-glightbox="description: .lightbox-desc-4" title="Dashboard jobs: configuration step"><img src="../images/configuring_job.png" class="black-box img-fluid figure-img" alt="Screenshot of how to configure your job"></a></p>
<p><a href="../images/configuring_job.png" class="lightbox" data-glightbox="description: .lightbox-desc-4" data-gallery="quarto-lightbox-gallery-4" title="Dashboard jobs: configuration step"><img src="../images/configuring_job.png" class="black-box img-fluid figure-img" alt="Screenshot of how to configure your job"></a></p>
<figcaption>Dashboard jobs: configuration step</figcaption>
</figure>
</div>
Expand Down Expand Up @@ -341,7 +341,7 @@ <h3 class="anchored" data-anchor-id="step-5"><strong>Step 5</strong></h3>
<p>Wait to go through the queue. When the session starts, the timer begins to count down. In a couple of minutes, you should be able to open the interface through the button (<code>Open interface</code>) in a new window (refresh the window if needed).</p>
<div class="quarto-figure quarto-figure-center">
<figure class="figure">
<p><a href="../images/job_dashboard.png" class="lightbox" data-gallery="quarto-lightbox-gallery-5" data-glightbox="description: .lightbox-desc-5" title="Dashboard jobs: running the app"><img src="../images/job_dashboard.png" class="black-box img-fluid figure-img" alt="Screenshot of dashboard running app"></a></p>
<p><a href="../images/job_dashboard.png" class="lightbox" data-glightbox="description: .lightbox-desc-5" data-gallery="quarto-lightbox-gallery-5" title="Dashboard jobs: running the app"><img src="../images/job_dashboard.png" class="black-box img-fluid figure-img" alt="Screenshot of dashboard running app"></a></p>
<figcaption>Dashboard jobs: running the app</figcaption>
</figure>
</div>
Expand All @@ -352,21 +352,21 @@ <h3 class="anchored" data-anchor-id="step-6"><strong>Step 6</strong></h3>
<p>Different apps might employ distinct development environments, so your interface experience could vary accordingly. If you’re utilizing an RStudio-based application, like the transcriptomics tool, your interface will launch in a new tab, resembling the image provided below. Simply navigate through the folders to locate and access the R Markdown notebooks.</p>
<div class="quarto-figure quarto-figure-center">
<figure class="figure">
<p><a href="../images/interface_rstudio.png" class="lightbox" data-gallery="quarto-lightbox-gallery-6" data-glightbox="description: .lightbox-desc-6" title="RStudio interface: running the app"><img src="../images/interface_rstudio.png" class="black-box img-fluid figure-img" alt="Screenshot of RStudio interface"></a></p>
<p><a href="../images/interface_rstudio.png" class="lightbox" data-glightbox="description: .lightbox-desc-6" data-gallery="quarto-lightbox-gallery-6" title="RStudio interface: running the app"><img src="../images/interface_rstudio.png" class="black-box img-fluid figure-img" alt="Screenshot of RStudio interface"></a></p>
<figcaption>RStudio interface: running the app</figcaption>
</figure>
</div>
<p>If you are testing a JupyterLab-based application, such as the genomic app, your interface should look like in the image below. In this case, you will be working from <a href="https://jupyter.org/">JupyterLab</a>. You can open Jupyter Notebooks (yellow square), R studio (blue square) or a terminal (black square) among others. In this case, the highlighted buttons (under <code>Notebooks</code>) have all the software and packages that you will need pre-installed (this is not the case with Python 3 to the left).</p>
<div class="quarto-figure quarto-figure-center">
<figure class="figure">
<p><a href="../images/interface_jupyterlab.png" class="lightbox" data-gallery="quarto-lightbox-gallery-7" data-glightbox="description: .lightbox-desc-7" title="JupyterLab interface: running the app"><img src="../images/interface_jupyterlab.png" class="black-box img-fluid figure-img" alt="Screenshot of JupyterLab interface"></a></p>
<p><a href="../images/interface_jupyterlab.png" class="lightbox" data-glightbox="description: .lightbox-desc-7" data-gallery="quarto-lightbox-gallery-7" title="JupyterLab interface: running the app"><img src="../images/interface_jupyterlab.png" class="black-box img-fluid figure-img" alt="Screenshot of JupyterLab interface"></a></p>
<figcaption>JupyterLab interface: running the app</figcaption>
</figure>
</div>
<p>You can navigate through the different folders and start running the Python notebooks (orange square).</p>
<div class="quarto-figure quarto-figure-center">
<figure class="figure">
<p><a href="../images/opening_notebook.png" class="lightbox" data-gallery="quarto-lightbox-gallery-8" data-glightbox="description: .lightbox-desc-8" title="JupyterLab interface: opening notebook"><img src="../images/opening_notebook.png" class="black-box img-fluid figure-img" alt="Screenshot of Jupyter Notebook"></a></p>
<p><a href="../images/opening_notebook.png" class="lightbox" data-glightbox="description: .lightbox-desc-8" data-gallery="quarto-lightbox-gallery-8" title="JupyterLab interface: opening notebook"><img src="../images/opening_notebook.png" class="black-box img-fluid figure-img" alt="Screenshot of Jupyter Notebook"></a></p>
<figcaption>JupyterLab interface: opening notebook</figcaption>
</figure>
</div>
Expand Down
10 changes: 5 additions & 5 deletions contact/contact.html
Original file line number Diff line number Diff line change
Expand Up @@ -323,7 +323,7 @@ <h1 class="title">Contact the Sandbox</h1>

<div class="quarto-listing quarto-listing-container-grid" id="listing-listing">
<div class="list grid quarto-listing-cols-5">
<div class="g-col-1" data-index="0" data-listing-file-modified-sort="1718798484014" data-listing-reading-time-sort="1" data-listing-word-count-sort="47">
<div class="g-col-1" data-index="0" data-listing-file-modified-sort="1718799099048" data-listing-reading-time-sort="1" data-listing-word-count-sort="47">
<a href="../cards/AlbaMartinez.html" class="quarto-grid-link">
<div class="quarto-grid-item card h-100 card-left">
<p class="card-img-top"><img src="../cards/alba.jpg" style="height: 300px;" class="thumbnail-image card-img"/></p>
Expand All @@ -338,7 +338,7 @@ <h5 class="no-anchor card-title listing-title">
</div>
</a>
</div>
<div class="g-col-1" data-index="1" data-listing-file-modified-sort="1718798484014" data-listing-reading-time-sort="1" data-listing-word-count-sort="93">
<div class="g-col-1" data-index="1" data-listing-file-modified-sort="1718799099048" data-listing-reading-time-sort="1" data-listing-word-count-sort="93">
<a href="../cards/JacobHansen.html" class="quarto-grid-link">
<div class="quarto-grid-item card h-100 card-left">
<p class="card-img-top"><img src="../cards/jaCob.jpg" style="height: 300px;" class="thumbnail-image card-img"/></p>
Expand All @@ -353,7 +353,7 @@ <h5 class="no-anchor card-title listing-title">
</div>
</a>
</div>
<div class="g-col-1" data-index="2" data-listing-file-modified-sort="1718798484014" data-listing-reading-time-sort="1" data-listing-word-count-sort="41">
<div class="g-col-1" data-index="2" data-listing-file-modified-sort="1718799099048" data-listing-reading-time-sort="1" data-listing-word-count-sort="41">
<a href="../cards/JakobSkelmose.html" class="quarto-grid-link">
<div class="quarto-grid-item card h-100 card-left">
<p class="card-img-top"><img src="../cards/jaKob.jpg" style="height: 300px;" class="thumbnail-image card-img"/></p>
Expand All @@ -368,7 +368,7 @@ <h5 class="no-anchor card-title listing-title">
</div>
</a>
</div>
<div class="g-col-1" data-index="3" data-listing-file-modified-sort="1718798484014" data-listing-reading-time-sort="1" data-listing-word-count-sort="133">
<div class="g-col-1" data-index="3" data-listing-file-modified-sort="1718799099048" data-listing-reading-time-sort="1" data-listing-word-count-sort="133">
<a href="../cards/JenniferBartell.html" class="quarto-grid-link">
<div class="quarto-grid-item card h-100 card-left">
<p class="card-img-top"><img src="../cards/jennie.jpg" style="height: 300px;" class="thumbnail-image card-img"/></p>
Expand All @@ -383,7 +383,7 @@ <h5 class="no-anchor card-title listing-title">
</div>
</a>
</div>
<div class="g-col-1" data-index="4" data-listing-file-modified-sort="1718798484014" data-listing-reading-time-sort="1" data-listing-word-count-sort="53">
<div class="g-col-1" data-index="4" data-listing-file-modified-sort="1718799099048" data-listing-reading-time-sort="1" data-listing-word-count-sort="53">
<a href="../cards/SamueleSoraggi.html" class="quarto-grid-link">
<div class="quarto-grid-item card h-100 card-left">
<p class="card-img-top"><img src="../cards/samuele.jpg" style="height: 300px;" class="thumbnail-image card-img"/></p>
Expand Down
Loading

0 comments on commit 527cb7f

Please sign in to comment.