diff --git a/404.html b/404.html
index 59fadb5..e386762 100644
--- a/404.html
+++ b/404.html
@@ -404,8 +404,8 @@ <h1>Page not found</h1>
   "url": "https://uomresearchit.github.io/docker-introduction/404.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/404.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/CODE_OF_CONDUCT.html b/CODE_OF_CONDUCT.html
index 982c5ec..d940433 100644
--- a/CODE_OF_CONDUCT.html
+++ b/CODE_OF_CONDUCT.html
@@ -341,7 +341,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Contributor Code of Conduct</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/CODE_OF_CONDUCT.md" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -420,8 +420,8 @@ <h1>Contributor Code of Conduct</h1>
   "url": "https://uomresearchit.github.io/docker-introduction/CODE_OF_CONDUCT.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/CODE_OF_CONDUCT.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/LICENSE.html b/LICENSE.html
index ef66d02..e560d24 100644
--- a/LICENSE.html
+++ b/LICENSE.html
@@ -341,7 +341,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Licenses</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/LICENSE.md" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -468,8 +468,8 @@ <h1>Licenses</h1>
   "url": "https://uomresearchit.github.io/docker-introduction/LICENSE.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/LICENSE.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/aio.html b/aio.html
index 18e551f..3d580c4 100644
--- a/aio.html
+++ b/aio.html
@@ -402,7 +402,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
         
 <section id="aio-introduction"><p>Content from <a href="introduction.html">The adventures of Docker and the Space Purple Unicorn Association</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/introduction.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <div class="text-end">
@@ -502,7 +502,7 @@ <h3 id="why-docker">Why Docker?<a class="anchor" aria-label="anchor" href="#why-
 </div>
 </section></section><section id="aio-docker-desktop"><p>Content from <a href="docker-desktop.html">Docker Desktop</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-desktop.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <div class="text-end">
@@ -581,7 +581,53 @@ <h3 class="card-title">Objectives</h3>
 image. If you click on the image you’ll be shown more information. You
 should be able to see the documentation, and it lets you select a tag
 (version) from the dropdown menu.</p>
-<figure><img src="fig/docker-desktop/search_and_pull_spuc.gif" alt="Search and pull of SPUC container." class="figure mx-auto d-block"></figure><p>Once you find the image you were looking for, you can either download
+<div class="tabs">
+<nav><div id="nav-tab-1" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-1-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-1" type="button" role="tab" aria-controls="nav-tabpanel-1-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-1-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-2" type="button" role="tab" aria-controls="nav-tabpanel-1-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-3" type="button" role="tab" aria-controls="nav-tabpanel-1-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-3">
+  Step 3
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-4" type="button" role="tab" aria-controls="nav-tabpanel-1-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-4">
+  Step 4
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-5" type="button" role="tab" aria-controls="nav-tabpanel-1-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-5">
+  Step 5
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-1" class="tab-content">
+<div id="nav-tabpanel-1-1" class="tab-pane show active" aria-labelledby="nav-tab-1-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_00.png" alt="Search and pull of SPUC container - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-1-2" class="tab-pane" aria-labelledby="nav-tab-1-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_01.png" alt="Search and pull of SPUC container - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-1-3" class="tab-pane" aria-labelledby="nav-tab-1-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_03.png" alt="Search and pull of SPUC container - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-1-4" class="tab-pane" aria-labelledby="nav-tab-1-4" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_04.png" alt="Search and pull of SPUC container - Step 4" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-1-5" class="tab-pane" aria-labelledby="nav-tab-1-5" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_05.png" alt="Search and pull of SPUC container - Step 5" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>Once you find the image you were looking for, you can either download
 it (pull), or directly run it.</p>
 <p>We’ll start by downloading the latest version. Go ahead and click on
 the <code>Pull</code> button.</p>
@@ -604,7 +650,37 @@ <h3 class="card-title">Objectives</h3>
 where they come from (Image hierarchy). For example, the vulnerabilities
 in the <code>spuc</code> image come from its base image,
 `python3-slim”.</p>
-<figure><img src="fig/docker-desktop/image_inspect_spuc.gif" alt="Inspecting spuc image." class="figure mx-auto d-block"></figure><p>This all looks rather scary, and it is important that we are careful
+<div class="tabs">
+<nav><div id="nav-tab-2" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-2-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-1" type="button" role="tab" aria-controls="nav-tabpanel-2-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-2-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-2-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-2" type="button" role="tab" aria-controls="nav-tabpanel-2-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-2-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-2-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-3" type="button" role="tab" aria-controls="nav-tabpanel-2-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-2-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-2" class="tab-content">
+<div id="nav-tabpanel-2-1" class="tab-pane show active" aria-labelledby="nav-tab-2-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//image_inspect_spuc/DockerDesktop_06.png" alt="Inspecting spuc image - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-2-2" class="tab-pane" aria-labelledby="nav-tab-2-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//image_inspect_spuc/DockerDesktop_07.png" alt="Inspecting spuc image - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-2-3" class="tab-pane" aria-labelledby="nav-tab-2-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//image_inspect_spuc/DockerDesktop_08.png" alt="Inspecting spuc image - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>This all looks rather scary, and it is important that we are careful
 with the images that we download. It is therefore quite useful to be
 able to analyse them like this. The <code>python:3-slim</code> image, in
 particular, comes from a verified publisher, so it is unlikely to be
@@ -639,55 +715,55 @@ <h3 class="card-title">Objectives</h3>
 <code>Stats</code> tabs have to say. They both seem to indicate that we
 need to <em>run</em> or <em>start</em> the container.</p>
 <div class="tabs">
-<nav><div id="nav-tab-1" class="nav nav-tabs" role="tablist">
-<button class="nav-link active" id="nav-tab-1-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-1" type="button" role="tab" aria-controls="nav-tabpanel-1-1" aria-selected="true">
-  <h3 class="tab-header" id="nav-tab-heading-1-1">
+<nav><div id="nav-tab-3" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-3-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-1" type="button" role="tab" aria-controls="nav-tabpanel-3-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-3-1">
   Logs
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-2" type="button" role="tab" aria-controls="nav-tabpanel-1-2" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-2">
+<button class="nav-link" id="nav-tab-3-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-2" type="button" role="tab" aria-controls="nav-tabpanel-3-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-2">
   Inspect
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-3" type="button" role="tab" aria-controls="nav-tabpanel-1-3" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-3">
+<button class="nav-link" id="nav-tab-3-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-3" type="button" role="tab" aria-controls="nav-tabpanel-3-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-3">
   Bind mounts
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-4" type="button" role="tab" aria-controls="nav-tabpanel-1-4" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-4">
+<button class="nav-link" id="nav-tab-3-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-4" type="button" role="tab" aria-controls="nav-tabpanel-3-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-4">
   Exec
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-5" type="button" role="tab" aria-controls="nav-tabpanel-1-5" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-5">
+<button class="nav-link" id="nav-tab-3-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-5" type="button" role="tab" aria-controls="nav-tabpanel-3-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-5">
   Files
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-6" type="button" role="tab" aria-controls="nav-tabpanel-1-6" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-6">
+<button class="nav-link" id="nav-tab-3-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-6" type="button" role="tab" aria-controls="nav-tabpanel-3-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-6">
   Stats
   </h3>
 </button>
 </div>
-</nav><div id="nav-tabContent-1" class="tab-content">
-<div id="nav-tabpanel-1-1" class="tab-pane show active" role="tabpanel" aria-labelledby="nav-tab-1-1">
+</nav><div id="nav-tabContent-3" class="tab-content">
+<div id="nav-tabpanel-3-1" class="tab-pane show active" aria-labelledby="nav-tab-3-1" role="tabpanel">
 <figure><img src="fig/docker-desktop/hello_log.png" alt="Logs tab in container from hello-world image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-1-2" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-2">
+<div id="nav-tabpanel-3-2" class="tab-pane" aria-labelledby="nav-tab-3-2" role="tabpanel">
 <figure><img src="fig/docker-desktop/hello_inspect.png" alt="Inspect tab in container from hello-world image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-1-3" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-3">
+<div id="nav-tabpanel-3-3" class="tab-pane" aria-labelledby="nav-tab-3-3" role="tabpanel">
 <figure><img src="fig/docker-desktop/hello_bind.png" alt="Bind mounts tab in container from hello-world image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-1-4" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-4">
+<div id="nav-tabpanel-3-4" class="tab-pane" aria-labelledby="nav-tab-3-4" role="tabpanel">
 <figure><img src="fig/docker-desktop/hello_exec.png" alt="Exec tab in container from hello-world image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-1-5" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-5">
+<div id="nav-tabpanel-3-5" class="tab-pane" aria-labelledby="nav-tab-3-5" role="tabpanel">
 <figure><img src="fig/docker-desktop/hello_files.png" alt="Files tab in container from hello-world image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-1-6" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-6">
+<div id="nav-tabpanel-3-6" class="tab-pane" aria-labelledby="nav-tab-3-6" role="tabpanel">
 <figure><img src="fig/docker-desktop/hello_stats.png" alt="Stats tab in container from hello-world image." class="figure mx-auto d-block"></figure>
 </div>
 </div>
@@ -697,10 +773,62 @@ <h3 class="tab-header" id="nav-tab-heading-1-6">
 top-right corner. However, if we click on that button we will see the
 output duplicated in the logs, and the <code>Exited (0)</code> status
 again.</p>
-<figure><img src="fig/docker-desktop/hello_start.gif" alt="Clicking Start on the already run hello-world container." class="figure mx-auto d-block"></figure><p>If we go back to the images tab and run the image again, we’ll see
+<div class="tabs">
+<nav><div id="nav-tab-4" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-4-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-4-1" type="button" role="tab" aria-controls="nav-tabpanel-4-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-4-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-4-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-4-2" type="button" role="tab" aria-controls="nav-tabpanel-4-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-4-2">
+  Step 2
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-4" class="tab-content">
+<div id="nav-tabpanel-4-1" class="tab-pane show active" aria-labelledby="nav-tab-4-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_start/DockerDesktop_17.png" alt="Clicking Start on the already run hello-world container - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-4-2" class="tab-pane" aria-labelledby="nav-tab-4-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_start/DockerDesktop_18.png" alt="Clicking Start on the already run hello-world container - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>If we go back to the images tab and run the image again, we’ll see
 that the same thing happens. We get the “Hello from Docker!”, and the
 container (with a new random name) exits.</p>
-<figure><img src="fig/docker-desktop/hello_re-ran.gif" alt="Running hello-world image for a second time." class="figure mx-auto d-block"></figure><p>The nature of most containers is <em>ephemeral</em>.</p>
+<div class="tabs">
+<nav><div id="nav-tab-5" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-5-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-5-1" type="button" role="tab" aria-controls="nav-tabpanel-5-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-5-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-5-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-5-2" type="button" role="tab" aria-controls="nav-tabpanel-5-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-5-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-5-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-5-3" type="button" role="tab" aria-controls="nav-tabpanel-5-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-5-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-5" class="tab-content">
+<div id="nav-tabpanel-5-1" class="tab-pane show active" aria-labelledby="nav-tab-5-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_re-ran/DockerDesktop_19.png" alt="Running hello-world image for a second time - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-5-2" class="tab-pane" aria-labelledby="nav-tab-5-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_re-ran/DockerDesktop_20.png" alt="Running hello-world image for a second time - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-5-3" class="tab-pane" aria-labelledby="nav-tab-5-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_re-ran/DockerDesktop_21.png" alt="Running hello-world image for a second time - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>The nature of most containers is <em>ephemeral</em>.</p>
 <p>They are meant to execute a process, and when the process is
 completed, they exit. We can confirm this by clicking on the
 <code>Containers</code> tab on the left. This will exit the container
@@ -731,7 +859,37 @@ <h3 class="tab-header" id="nav-tab-heading-1-6">
 If you remember, we were instructed to run the container and configure a
 port. Lets add a map to the port <code>8321</code> in the local
 machine.</p>
-<figure><img src="fig/docker-desktop/run_spuc_opt.gif" alt="Optional settings for spuc." class="figure mx-auto d-block"></figure><p>We are now ready to run it. You can immediately notice the status
+<div class="tabs">
+<nav><div id="nav-tab-6" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-6-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-6-1" type="button" role="tab" aria-controls="nav-tabpanel-6-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-6-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-6-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-6-2" type="button" role="tab" aria-controls="nav-tabpanel-6-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-6-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-6-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-6-3" type="button" role="tab" aria-controls="nav-tabpanel-6-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-6-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-6" class="tab-content">
+<div id="nav-tabpanel-6-1" class="tab-pane show active" aria-labelledby="nav-tab-6-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_opt/DockerDesktop_24.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-6-2" class="tab-pane" aria-labelledby="nav-tab-6-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_opt/DockerDesktop_25.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-6-3" class="tab-pane" aria-labelledby="nav-tab-6-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_opt/DockerDesktop_26.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>We are now ready to run it. You can immediately notice the status
 under the container name is <code>Running</code>, and instead of an
 option to start the container, we now get the option to stop it. The
 <code>Logs</code> tab is not too different, but the <code>Stats</code>
@@ -739,55 +897,55 @@ <h3 class="tab-header" id="nav-tab-heading-1-6">
 more interesting, we get access to a terminal inside the running
 container.</p>
 <div class="tabs">
-<nav><div id="nav-tab-2" class="nav nav-tabs" role="tablist">
-<button class="nav-link active" id="nav-tab-2-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-1" type="button" role="tab" aria-controls="nav-tabpanel-2-1" aria-selected="true">
-  <h3 class="tab-header" id="nav-tab-heading-2-1">
+<nav><div id="nav-tab-7" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-7-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-1" type="button" role="tab" aria-controls="nav-tabpanel-7-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-7-1">
   Logs
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-2" type="button" role="tab" aria-controls="nav-tabpanel-2-2" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-2">
+<button class="nav-link" id="nav-tab-7-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-2" type="button" role="tab" aria-controls="nav-tabpanel-7-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-2">
   Inspect
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-3" type="button" role="tab" aria-controls="nav-tabpanel-2-3" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-3">
+<button class="nav-link" id="nav-tab-7-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-3" type="button" role="tab" aria-controls="nav-tabpanel-7-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-3">
   Bind mounts
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-4" type="button" role="tab" aria-controls="nav-tabpanel-2-4" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-4">
+<button class="nav-link" id="nav-tab-7-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-4" type="button" role="tab" aria-controls="nav-tabpanel-7-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-4">
   Exec
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-5" type="button" role="tab" aria-controls="nav-tabpanel-2-5" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-5">
+<button class="nav-link" id="nav-tab-7-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-5" type="button" role="tab" aria-controls="nav-tabpanel-7-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-5">
   Files
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-6" type="button" role="tab" aria-controls="nav-tabpanel-2-6" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-6">
+<button class="nav-link" id="nav-tab-7-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-6" type="button" role="tab" aria-controls="nav-tabpanel-7-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-6">
   Stats
   </h3>
 </button>
 </div>
-</nav><div id="nav-tabContent-2" class="tab-content">
-<div id="nav-tabpanel-2-1" class="tab-pane show active" role="tabpanel" aria-labelledby="nav-tab-2-1">
+</nav><div id="nav-tabContent-7" class="tab-content">
+<div id="nav-tabpanel-7-1" class="tab-pane show active" aria-labelledby="nav-tab-7-1" role="tabpanel">
 <figure><img src="fig/docker-desktop/spuc_log.png" alt="Logs tab in container from spuc image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-2-2" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-2">
+<div id="nav-tabpanel-7-2" class="tab-pane" aria-labelledby="nav-tab-7-2" role="tabpanel">
 <figure><img src="fig/docker-desktop/spuc_inspect.png" alt="Inspect tab in container from spuc image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-2-3" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-3">
+<div id="nav-tabpanel-7-3" class="tab-pane" aria-labelledby="nav-tab-7-3" role="tabpanel">
 <figure><img src="fig/docker-desktop/spuc_bind.png" alt="Bind mounts tab in container from spuc image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-2-4" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-4">
+<div id="nav-tabpanel-7-4" class="tab-pane" aria-labelledby="nav-tab-7-4" role="tabpanel">
 <figure><img src="fig/docker-desktop/spuc_exec.png" alt="Exec tab in container from spuc image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-2-5" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-5">
+<div id="nav-tabpanel-7-5" class="tab-pane" aria-labelledby="nav-tab-7-5" role="tabpanel">
 <figure><img src="fig/docker-desktop/spuc_files.png" alt="Files tab in container from spuc image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-2-6" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-6">
+<div id="nav-tabpanel-7-6" class="tab-pane" aria-labelledby="nav-tab-7-6" role="tabpanel">
 <figure><img src="fig/docker-desktop/spuc_stats.png" alt="Stats tab in container from spuc image." class="figure mx-auto d-block"></figure>
 </div>
 </div>
@@ -834,7 +992,69 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <pre><code>::::: {time} Unicorn number {count} spotted at {location}!! Brightness: {brightness} {units}</code></pre>
 <p>Another curl now should show the changes we made to the
 <code>print.config</code> file.</p>
-<figure><img src="fig/docker-desktop/spuc_exec.gif" alt="Interacting with spuc terminal in the Exec tab." class="figure mx-auto d-block"></figure><p>At this point, it seems like the container is very much like a
+<div class="tabs">
+<nav><div id="nav-tab-8" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-8-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-1" type="button" role="tab" aria-controls="nav-tabpanel-8-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-8-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-2" type="button" role="tab" aria-controls="nav-tabpanel-8-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-3" type="button" role="tab" aria-controls="nav-tabpanel-8-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-3">
+  Step 3
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-4" type="button" role="tab" aria-controls="nav-tabpanel-8-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-4">
+  Step 4
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-5" type="button" role="tab" aria-controls="nav-tabpanel-8-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-5">
+  Step 5
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-6" type="button" role="tab" aria-controls="nav-tabpanel-8-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-6">
+  Step 6
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-7" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-7" type="button" role="tab" aria-controls="nav-tabpanel-8-7" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-7">
+  Step 7
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-8" class="tab-content">
+<div id="nav-tabpanel-8-1" class="tab-pane show active" aria-labelledby="nav-tab-8-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_34.png" alt="Interacting with spuc terminal in the Exec tab - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-8-2" class="tab-pane" aria-labelledby="nav-tab-8-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_35.png" alt="Interacting with spuc terminal in the Exec tab - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-8-3" class="tab-pane" aria-labelledby="nav-tab-8-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_36.png" alt="Interacting with spuc terminal in the Exec tab - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-8-4" class="tab-pane" aria-labelledby="nav-tab-8-4" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_37.png" alt="Interacting with spuc terminal in the Exec tab - Step 4" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-8-5" class="tab-pane" aria-labelledby="nav-tab-8-5" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_38.png" alt="Interacting with spuc terminal in the Exec tab - Step 5" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-8-6" class="tab-pane" aria-labelledby="nav-tab-8-6" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_39.png" alt="Interacting with spuc terminal in the Exec tab - Step 6" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-8-7" class="tab-pane" aria-labelledby="nav-tab-8-7" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_40.png" alt="Interacting with spuc terminal in the Exec tab - Step 7" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>At this point, it seems like the container is very much like a
 virtual machine, and we can do whatever we want with it. However, as
 we’ve mentioned before, containers are <em>meant to be
 ephemeral</em>.</p>
@@ -842,13 +1062,81 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <code>Exec</code> and <code>Stats</code>. The <code>Containers</code>
 tab on the left will also show the container status as
 <code>Exited</code>.</p>
-<figure><img src="fig/docker-desktop/spuc_stopping.gif" alt="Stop the spuc container." class="figure mx-auto d-block"></figure><p>Lets go back to the <code>Images</code> tab, and run the
+<div class="tabs">
+<nav><div id="nav-tab-9" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-9-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-9-1" type="button" role="tab" aria-controls="nav-tabpanel-9-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-9-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-9-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-9-2" type="button" role="tab" aria-controls="nav-tabpanel-9-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-9-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-9-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-9-3" type="button" role="tab" aria-controls="nav-tabpanel-9-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-9-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-9" class="tab-content">
+<div id="nav-tabpanel-9-1" class="tab-pane show active" aria-labelledby="nav-tab-9-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_stopping/DockerDesktop_41.png" alt="Stop the spuc container - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-9-2" class="tab-pane" aria-labelledby="nav-tab-9-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_stopping/DockerDesktop_42.png" alt="Stop the spuc container - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-9-3" class="tab-pane" aria-labelledby="nav-tab-9-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_stopping/DockerDesktop_43.png" alt="Stop the spuc container - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>Lets go back to the <code>Images</code> tab, and run the
 <code>spuc</code> image again. Now lets go to the <code>Exec</code> tab,
 and try and edit the <code>print.config</code> file again. You’ll notice
 that <code>nano</code> is not there anymore. If you look at the contents
 of the file, for example with <code>cat config/print.config</code>,
 you’ll see that the changes we made are gone.</p>
-<figure><img src="fig/docker-desktop/spuc_exec_2.gif" alt="Exec in fresh spuc container." class="figure mx-auto d-block"></figure><p>When we re-ran the <em>image</em>, we created a <strong>new</strong>
+<div class="tabs">
+<nav><div id="nav-tab-10" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-10-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-1" type="button" role="tab" aria-controls="nav-tabpanel-10-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-10-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-10-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-2" type="button" role="tab" aria-controls="nav-tabpanel-10-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-10-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-10-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-3" type="button" role="tab" aria-controls="nav-tabpanel-10-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-10-3">
+  Step 3
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-10-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-4" type="button" role="tab" aria-controls="nav-tabpanel-10-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-10-4">
+  Step 4
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-10" class="tab-content">
+<div id="nav-tabpanel-10-1" class="tab-pane show active" aria-labelledby="nav-tab-10-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec_2/DockerDesktop_44.png" alt="Exec in fresh spuc container - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-10-2" class="tab-pane" aria-labelledby="nav-tab-10-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec_2/DockerDesktop_45.png" alt="Exec in fresh spuc container - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-10-3" class="tab-pane" aria-labelledby="nav-tab-10-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec_2/DockerDesktop_51.png" alt="Exec in fresh spuc container - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-10-4" class="tab-pane" aria-labelledby="nav-tab-10-4" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec_2/DockerDesktop_52.png" alt="Exec in fresh spuc container - Step 4" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>When we re-ran the <em>image</em>, we created a <strong>new</strong>
 <em>container</em>. The new container is created from the template saved
 in the image, and so our changes have banished. This becomes very clear
 when we go back to the <code>Containers</code> tab on the left. We can
@@ -863,7 +1151,27 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <p>In Docker Desktop, all we need to do is click on the
 <code>Start</code> button from the <code>Containers</code> list. The
 terminal will appear empty, because it is a new session, but you will be
-able to see the changes we made before. <img src="fig/docker-desktop/spuc_revival.gif" alt="Reviving container spuc." class="figure"></p>
+able to see the changes we made before. ::: tab</p>
+<div class="section level3">
+<h3 id="step-1-8">Step 1<a class="anchor" aria-label="anchor" href="#step-1-8"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_revival/DockerDesktop_54.png" alt="Reviving container spuc - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-2-8">Step 2<a class="anchor" aria-label="anchor" href="#step-2-8"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_revival/DockerDesktop_55.png" alt="Reviving container spuc - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-3-7">Step 3<a class="anchor" aria-label="anchor" href="#step-3-7"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_revival/DockerDesktop_58.png" alt="Reviving container spuc - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-4-3">Step 4<a class="anchor" aria-label="anchor" href="#step-4-3"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_revival/DockerDesktop_61.png" alt="Reviving container spuc - Step 4" class="figure mx-auto d-block"></figure><p>:::</p>
+</div>
 </section><section><h2 class="section-heading" id="naming-containers">Naming containers<a class="anchor" aria-label="anchor" href="#naming-containers"></a>
 </h2>
 <hr class="half-width">
@@ -872,28 +1180,148 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 can be very useful. However, it can also cause us problems.</p>
 <p>Lets run the <code>spuc</code> image again, and name the container
 <code>SPUC</code>.</p>
-<figure><img src="fig/docker-desktop/run_spuc_named.gif" alt="Optional settings for spuc." class="figure mx-auto d-block"></figure><p>If we look at the container list, it is much easier to find it, so
+<div class="tabs">
+<nav><div id="nav-tab-11" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-11-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-11-1" type="button" role="tab" aria-controls="nav-tabpanel-11-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-11-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-11-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-11-2" type="button" role="tab" aria-controls="nav-tabpanel-11-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-11-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-11-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-11-3" type="button" role="tab" aria-controls="nav-tabpanel-11-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-11-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-11" class="tab-content">
+<div id="nav-tabpanel-11-1" class="tab-pane show active" aria-labelledby="nav-tab-11-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_named/DockerDesktop_62.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-11-2" class="tab-pane" aria-labelledby="nav-tab-11-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_named/DockerDesktop_63.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-11-3" class="tab-pane" aria-labelledby="nav-tab-11-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_named/DockerDesktop_64.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>If we look at the container list, it is much easier to find it, so
 the name is useful!</p>
 <p>However, we forgot to map the port. So lets stop this container, and
 launch another one. This time we’ll map the port, and use the name we
-wanted. <img src="fig/docker-desktop/run_spuc_name_conflict.gif" alt="Optional settings for spuc." class="figure"></p>
+wanted. ::: tab</p>
+<div class="section level3">
+<h3 id="step-1-10">Step 1<a class="anchor" aria-label="anchor" href="#step-1-10"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_65.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-2-10">Step 2<a class="anchor" aria-label="anchor" href="#step-2-10"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_66.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-3-9">Step 3<a class="anchor" aria-label="anchor" href="#step-3-9"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_67.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-4-4">Step 4<a class="anchor" aria-label="anchor" href="#step-4-4"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_68.png" alt="Optional settings for spuc - Step 4" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-5-2">Step 5<a class="anchor" aria-label="anchor" href="#step-5-2"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_69.png" alt="Optional settings for spuc - Step 5" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-6-1">Step 6<a class="anchor" aria-label="anchor" href="#step-6-1"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_70.png" alt="Optional settings for spuc - Step 6" class="figure mx-auto d-block"></figure><p>:::</p>
 <p>This time we got an error! This is because the name <code>SPUC</code>
 is already “in use” by another container. If we want the same name,
 we’ll have to delete the old container first.</p>
+</div>
 </section><section><h2 class="section-heading" id="cleaning-up">Cleaning up<a class="anchor" aria-label="anchor" href="#cleaning-up"></a>
 </h2>
 <hr class="half-width">
 <p>Lets go to the containers list, and delete the <code>SPUC</code>
 container. There is a very convenient bin icon on the right, which will
 prompt you for confirmation.</p>
-<figure><img src="fig/docker-desktop/spuc_delete_container.gif" alt="Deleting container SPUC." class="figure mx-auto d-block"></figure><p>You should now be able to run the <code>spuc</code> image again, and
+<div class="tabs">
+<nav><div id="nav-tab-12" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-12-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-12-1" type="button" role="tab" aria-controls="nav-tabpanel-12-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-12-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-12-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-12-2" type="button" role="tab" aria-controls="nav-tabpanel-12-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-12-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-12-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-12-3" type="button" role="tab" aria-controls="nav-tabpanel-12-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-12-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-12" class="tab-content">
+<div id="nav-tabpanel-12-1" class="tab-pane show active" aria-labelledby="nav-tab-12-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_delete_container/DockerDesktop_71.png" alt="Deleting container SPUC - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-12-2" class="tab-pane" aria-labelledby="nav-tab-12-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_delete_container/DockerDesktop_72.png" alt="Deleting container SPUC - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-12-3" class="tab-pane" aria-labelledby="nav-tab-12-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_delete_container/DockerDesktop_73.png" alt="Deleting container SPUC - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>You should now be able to run the <code>spuc</code> image again, and
 name the container <code>SPUC</code>.</p>
 <p>Since we are deleting stuff, the <code>hello-world</code> image was
 nice and useful to test docker was working, but it is now rather
 useless. If I want to delete it, the <code>Images</code> tab on the left
 has a convenient bin icon to do so. Clicking on it will prompt you for
 confirmation, but it will fail.</p>
-<figure><img src="fig/docker-desktop/images_delete_in_use_fail.gif" alt="Failing to delete image." class="figure mx-auto d-block"></figure><p>You’ll probably notice that the status of the image is
+<div class="tabs">
+<nav><div id="nav-tab-13" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-13-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-13-1" type="button" role="tab" aria-controls="nav-tabpanel-13-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-13-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-13-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-13-2" type="button" role="tab" aria-controls="nav-tabpanel-13-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-13-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-13-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-13-3" type="button" role="tab" aria-controls="nav-tabpanel-13-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-13-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-13" class="tab-content">
+<div id="nav-tabpanel-13-1" class="tab-pane show active" aria-labelledby="nav-tab-13-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_in_use_fail/DockerDesktop_73.png" alt="Failing to delete image - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-13-2" class="tab-pane" aria-labelledby="nav-tab-13-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_in_use_fail/DockerDesktop_74.png" alt="Failing to delete image - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-13-3" class="tab-pane" aria-labelledby="nav-tab-13-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_in_use_fail/DockerDesktop_75.png" alt="Failing to delete image - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>You’ll probably notice that the status of the image is
 <code>In use</code>. That seems strange though, given that all the
 containers from that image excited immediately.</p>
 <p>Lets have a look at the <code>Containers</code> tab. Some of the
@@ -907,7 +1335,26 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <p>Let’s try and get rid of the containers then. We can conveniently
 select them all with the tick-box at the top, and an option to
 <code>Delete</code> shows up. Clicking on it will prompt for
-confirmation, and we can go ahead and accept. <img src="fig/docker-desktop/delete_all_containers.gif" alt="Deleting containers." class="figure"></p>
+confirmation, and we can go ahead and accept. ::: tab</p>
+<div class="section level3">
+<h3 id="step-1-13">Step 1<a class="anchor" aria-label="anchor" href="#step-1-13"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//delete_all_containers/DockerDesktop_76.png" alt="Deleting containers - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-2-13">Step 2<a class="anchor" aria-label="anchor" href="#step-2-13"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//delete_all_containers/DockerDesktop_77.png" alt="Deleting containers - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-3-12">Step 3<a class="anchor" aria-label="anchor" href="#step-3-12"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//delete_all_containers/DockerDesktop_78.png" alt="Deleting containers - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-4-5">Step 4<a class="anchor" aria-label="anchor" href="#step-4-5"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//delete_all_containers/DockerDesktop_79.png" alt="Deleting containers - Step 4" class="figure mx-auto d-block"></figure><p>:::</p>
 <p>All our containers are now gone. Forever. We can’t get them back.
 This is fine though - they were meant to be ephemeral.</p>
 <p><strong><em>Warning:</em></strong> You have to be careful here, this
@@ -917,7 +1364,23 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <code>hello-world</code> image as <code>Unused</code> now. For docker,
 an image is <code>In use</code> as long as at least one container has
 been created from it. Since we have no containers from that image,
-Docker now knows the images can be safely deleted. <img src="fig/docker-desktop/images_delete_hello.gif" alt="Successfully deleting images." class="figure"></p>
+Docker now knows the images can be safely deleted. ::: tab</p>
+</div>
+<div class="section level3">
+<h3 id="step-1-14">Step 1<a class="anchor" aria-label="anchor" href="#step-1-14"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_hello/DockerDesktop_80.png" alt="Successfully deleting images - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-2-14">Step 2<a class="anchor" aria-label="anchor" href="#step-2-14"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_hello/DockerDesktop_81.png" alt="Successfully deleting images - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-3-13">Step 3<a class="anchor" aria-label="anchor" href="#step-3-13"></a>
+</h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_hello/DockerDesktop_82.png" alt="Successfully deleting images - Step 3" class="figure mx-auto d-block"></figure><p>:::</p>
+</div>
 </section><section><h2 class="section-heading" id="limitations---why-not-docker-desktop">Limitations - Why not Docker Desktop?<a class="anchor" aria-label="anchor" href="#limitations---why-not-docker-desktop"></a>
 </h2>
 <hr class="half-width">
@@ -939,55 +1402,55 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <p>Nothing seems to have happened at all! Not even a single output to
 the <code>Logs</code>, and no way to open a terminal inside Alpine.</p>
 <div class="tabs">
-<nav><div id="nav-tab-3" class="nav nav-tabs" role="tablist">
-<button class="nav-link active" id="nav-tab-3-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-1" type="button" role="tab" aria-controls="nav-tabpanel-3-1" aria-selected="true">
-  <h3 class="tab-header" id="nav-tab-heading-3-1">
+<nav><div id="nav-tab-14" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-14-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-1" type="button" role="tab" aria-controls="nav-tabpanel-14-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-14-1">
   Logs
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-2" type="button" role="tab" aria-controls="nav-tabpanel-3-2" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-2">
+<button class="nav-link" id="nav-tab-14-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-2" type="button" role="tab" aria-controls="nav-tabpanel-14-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-2">
   Inspect
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-3" type="button" role="tab" aria-controls="nav-tabpanel-3-3" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-3">
+<button class="nav-link" id="nav-tab-14-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-3" type="button" role="tab" aria-controls="nav-tabpanel-14-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-3">
   Bind mounts
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-4" type="button" role="tab" aria-controls="nav-tabpanel-3-4" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-4">
+<button class="nav-link" id="nav-tab-14-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-4" type="button" role="tab" aria-controls="nav-tabpanel-14-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-4">
   Exec
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-5" type="button" role="tab" aria-controls="nav-tabpanel-3-5" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-5">
+<button class="nav-link" id="nav-tab-14-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-5" type="button" role="tab" aria-controls="nav-tabpanel-14-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-5">
   Files
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-6" type="button" role="tab" aria-controls="nav-tabpanel-3-6" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-6">
+<button class="nav-link" id="nav-tab-14-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-6" type="button" role="tab" aria-controls="nav-tabpanel-14-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-6">
   Stats
   </h3>
 </button>
 </div>
-</nav><div id="nav-tabContent-3" class="tab-content">
-<div id="nav-tabpanel-3-1" class="tab-pane show active" role="tabpanel" aria-labelledby="nav-tab-3-1">
+</nav><div id="nav-tabContent-14" class="tab-content">
+<div id="nav-tabpanel-14-1" class="tab-pane show active" aria-labelledby="nav-tab-14-1" role="tabpanel">
 <figure><img src="fig/docker-desktop/alpine_logs.png" alt="Logs tab in container from alpine image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-3-2" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-2">
+<div id="nav-tabpanel-14-2" class="tab-pane" aria-labelledby="nav-tab-14-2" role="tabpanel">
 <figure><img src="fig/docker-desktop/alpine_inspect.png" alt="Inspect tab in container from alpine image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-3-3" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-3">
+<div id="nav-tabpanel-14-3" class="tab-pane" aria-labelledby="nav-tab-14-3" role="tabpanel">
 <figure><img src="fig/docker-desktop/alpine_bind.png" alt="Bind mounts tab in container from alpine image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-3-4" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-4">
+<div id="nav-tabpanel-14-4" class="tab-pane" aria-labelledby="nav-tab-14-4" role="tabpanel">
 <figure><img src="fig/docker-desktop/alpine_exec.png" alt="Exec tab in container from alpine image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-3-5" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-5">
+<div id="nav-tabpanel-14-5" class="tab-pane" aria-labelledby="nav-tab-14-5" role="tabpanel">
 <figure><img src="fig/docker-desktop/alpine_files.png" alt="Files tab in container from alpine image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-3-6" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-6">
+<div id="nav-tabpanel-14-6" class="tab-pane" aria-labelledby="nav-tab-14-6" role="tabpanel">
 <figure><img src="fig/docker-desktop/alpine_stats.png" alt="Stats tab in container from alpine image." class="figure mx-auto d-block"></figure>
 </div>
 </div>
@@ -1033,7 +1496,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-docker-cli-toolkit"><p>Content from <a href="docker-cli-toolkit.html">Building our Docker CLI toolkit</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-cli-toolkit.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <div class="text-end">
@@ -2105,7 +2568,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-docker-volumes"><p>Content from <a href="docker-volumes.html">Sharing information with containers</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-volumes.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <div class="text-end">
@@ -2203,7 +2666,7 @@ <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"><
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler1" aria-expanded="false" aria-controls="collapseSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> Inspecting the volume </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <p>We can see more information about the volume using:</p>
 <div class="codewrapper sourceCode" id="cb5">
@@ -2499,7 +2962,7 @@ <h3 class="callout-title">Common mistakes with volumes</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <ol style="list-style-type: upper-alpha">
 <li><p><strong>Problem:</strong> We provided a volume name, but not a
@@ -2572,7 +3035,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-docker-hub"><p>Content from <a href="docker-hub.html">The Docker Hub</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-hub.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <div class="text-end">
@@ -2797,7 +3260,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-docker-run-configuration"><p>Content from <a href="docker-run-configuration.html">Configuring containers</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-run-configuration.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <div class="text-end">
@@ -3049,7 +3512,7 @@ <h3 class="callout-title">Challenge</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <p>These are all valid combinations! The best choice depends on the use
 case.</p>
@@ -3101,7 +3564,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-dockerfiles"><p>Content from <a href="dockerfiles.html">Creating Your Own Container Images</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/dockerfiles.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <div class="text-end">
@@ -3269,7 +3732,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Context
   </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
 <div class="accordion-body">
 <p>By default, the <code>docker build</code> command looks for a file
 called <code>Dockerfile</code> in the path specified by the last
@@ -3292,7 +3755,7 @@ <h3 class="accordion-header" id="headingSpoiler2">
   The Dockerfile name
   </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
 <div class="accordion-body">
 <p>As mentioned before, by default the <code>docker build</code> command
 looks for a file called <code>Dockerfile</code>.</p>
@@ -3501,7 +3964,7 @@ <h3 class="accordion-header" id="headingSpoiler3">
   Layers
   </h3>
 </button>
-<div id="collapseSpoiler3" class="accordion-collapse collapse" aria-labelledby="headingSpoiler3" data-bs-parent="#accordionSpoiler3">
+<div id="collapseSpoiler3" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler3" aria-labelledby="headingSpoiler3">
 <div class="accordion-body">
 <p>You might have now noticed that on every build we are getting
 messages like <code>CACHED [2/3]...</code> above.</p>
@@ -3655,7 +4118,7 @@ <h3 class="accordion-header" id="headingSpoiler4">
   Layers - continued
   </h3>
 </button>
-<div id="collapseSpoiler4" class="accordion-collapse collapse" aria-labelledby="headingSpoiler4" data-bs-parent="#accordionSpoiler4">
+<div id="collapseSpoiler4" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler4" aria-labelledby="headingSpoiler4">
 <div class="accordion-body">
 <p>You might have noticed that the <code>ENV</code> instruction did not
 create a new layer in the image.</p>
@@ -3853,7 +4316,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-docker-compose"><p>Content from <a href="docker-compose.html">Using Docker Compose</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-compose.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <div class="text-end">
@@ -4229,7 +4692,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Updating the compose file
   </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <p>You do not necessarily need to <code>down</code> your containers to
 update the configuration, Docker Compose can be <em>smart</em> like
@@ -4674,7 +5137,7 @@ <h3 class="accordion-header" id="headingSpoiler2">
   Simpler Dockerfile
   </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
 <div class="accordion-body">
 <p>You may have noticed that we ended up <em>duplicating</em> most of
 the configuration from the Dockerfile within the
@@ -4931,7 +5394,7 @@ <h3 class="accordion-header" id="headingSpoiler3">
   Network names
   </h3>
 </button>
-<div id="collapseSpoiler3" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler3" aria-labelledby="headingSpoiler3">
+<div id="collapseSpoiler3" class="accordion-collapse collapse" aria-labelledby="headingSpoiler3" data-bs-parent="#accordionSpoiler3">
 <div class="accordion-body">
 <p>You may have noticed that the network that Docker Compose created for
 our stack is named <code>docker_intro_default</code>. This is because
@@ -5096,7 +5559,7 @@ <h3 class="accordion-header" id="headingSpoiler4">
   Simulating a slow start
   </h3>
 </button>
-<div id="collapseSpoiler4" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler4" aria-labelledby="headingSpoiler4">
+<div id="collapseSpoiler4" class="accordion-collapse collapse" aria-labelledby="headingSpoiler4" data-bs-parent="#accordionSpoiler4">
 <div class="accordion-body">
 <p>This is a little hard to see in action as the SPUC service starts so
 quickly. To be able to see it, let’s add a <code>sleep</code> command to
@@ -5166,7 +5629,7 @@ <h3 class="accordion-header" id="headingSpoiler5">
   Simulating an unhealthy service
   </h3>
 </button>
-<div id="collapseSpoiler5" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler5" aria-labelledby="headingSpoiler5">
+<div id="collapseSpoiler5" class="accordion-collapse collapse" aria-labelledby="headingSpoiler5" data-bs-parent="#accordionSpoiler5">
 <div class="accordion-body">
 <p>To simulate a service that does not pass the healthcheck, we can set
 the <code>EXPORT</code> environment variable to <code>false</code> in
@@ -5268,7 +5731,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-docker-compose-microservices"><p>Content from <a href="docker-compose-microservices.html">And they lived happily ever after</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-compose-microservices.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <div class="text-end">
@@ -5526,8 +5989,8 @@ <h3 class="code-label">YML<i aria-hidden="true" data-feather="chevron-left"></i>
   "url": "https://uomresearchit.github.io/docker-introduction/aio.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/aio.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/docker-cli-toolkit.html b/docker-cli-toolkit.html
index 59798cf..32060b9 100644
--- a/docker-cli-toolkit.html
+++ b/docker-cli-toolkit.html
@@ -362,7 +362,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Building our Docker CLI toolkit</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-cli-toolkit.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -1390,8 +1390,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/docker-cli-toolkit.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/docker-cli-toolkit.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/docker-compose-microservices.html b/docker-compose-microservices.html
index 5a26a12..e7177c5 100644
--- a/docker-compose-microservices.html
+++ b/docker-compose-microservices.html
@@ -356,7 +356,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>And they lived happily ever after</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-compose-microservices.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -614,8 +614,8 @@ <h3 class="code-label">YML<i aria-hidden="true" data-feather="chevron-left"></i>
   "url": "https://uomresearchit.github.io/docker-introduction/docker-compose-microservices.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/docker-compose-microservices.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/docker-compose.html b/docker-compose.html
index d2aca05..81b0b80 100644
--- a/docker-compose.html
+++ b/docker-compose.html
@@ -355,7 +355,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Using Docker Compose</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-compose.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -696,7 +696,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Updating the compose file
   </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <p>You do not necessarily need to <code>down</code> your containers to
 update the configuration, Docker Compose can be <em>smart</em> like
@@ -1133,7 +1133,7 @@ <h3 class="accordion-header" id="headingSpoiler2">
   Simpler Dockerfile
   </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
 <div class="accordion-body">
 <p>You may have noticed that we ended up <em>duplicating</em> most of
 the configuration from the Dockerfile within the
@@ -1369,7 +1369,7 @@ <h3 class="accordion-header" id="headingSpoiler3">
   Network names
   </h3>
 </button>
-<div id="collapseSpoiler3" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler3" aria-labelledby="headingSpoiler3">
+<div id="collapseSpoiler3" class="accordion-collapse collapse" aria-labelledby="headingSpoiler3" data-bs-parent="#accordionSpoiler3">
 <div class="accordion-body">
 <p>You may have noticed that the network that Docker Compose created for
 our stack is named <code>docker_intro_default</code>. This is because
@@ -1533,7 +1533,7 @@ <h3 class="accordion-header" id="headingSpoiler4">
   Simulating a slow start
   </h3>
 </button>
-<div id="collapseSpoiler4" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler4" aria-labelledby="headingSpoiler4">
+<div id="collapseSpoiler4" class="accordion-collapse collapse" aria-labelledby="headingSpoiler4" data-bs-parent="#accordionSpoiler4">
 <div class="accordion-body">
 <p>This is a little hard to see in action as the SPUC service starts so
 quickly. To be able to see it, let’s add a <code>sleep</code> command to
@@ -1603,7 +1603,7 @@ <h3 class="accordion-header" id="headingSpoiler5">
   Simulating an unhealthy service
   </h3>
 </button>
-<div id="collapseSpoiler5" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler5" aria-labelledby="headingSpoiler5">
+<div id="collapseSpoiler5" class="accordion-collapse collapse" aria-labelledby="headingSpoiler5" data-bs-parent="#accordionSpoiler5">
 <div class="accordion-body">
 <p>To simulate a service that does not pass the healthcheck, we can set
 the <code>EXPORT</code> environment variable to <code>false</code> in
@@ -1759,8 +1759,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/docker-compose.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/docker-compose.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/docker-desktop.html b/docker-desktop.html
index fe8110e..5e2f167 100644
--- a/docker-desktop.html
+++ b/docker-desktop.html
@@ -359,7 +359,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Docker Desktop</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-desktop.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -438,7 +438,48 @@ <h3 class="card-title">Objectives</h3>
 image. If you click on the image you’ll be shown more information. You
 should be able to see the documentation, and it lets you select a tag
 (version) from the dropdown menu.</p>
-<figure><img src="fig/docker-desktop/search_and_pull_spuc.gif" alt="Search and pull of SPUC container." class="figure mx-auto d-block"></figure><p>Once you find the image you were looking for, you can either download
+<div class="tabs">
+<nav><div id="nav-tab-1" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-1-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-1" type="button" role="tab" aria-controls="nav-tabpanel-1-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-1-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-2" type="button" role="tab" aria-controls="nav-tabpanel-1-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-3" type="button" role="tab" aria-controls="nav-tabpanel-1-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-3">
+  Step 3
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-4" type="button" role="tab" aria-controls="nav-tabpanel-1-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-4">
+  Step 4
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-5" type="button" role="tab" aria-controls="nav-tabpanel-1-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-5">
+  Step 5
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-1" class="tab-content">
+<div id="nav-tabpanel-1-1" class="tab-pane show active" aria-labelledby="nav-tab-1-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_00.png" alt="Search and pull of SPUC container - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-1-2" class="tab-pane" aria-labelledby="nav-tab-1-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_01.png" alt="Search and pull of SPUC container - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-1-3" class="tab-pane" aria-labelledby="nav-tab-1-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_03.png" alt="Search and pull of SPUC container - Step 3" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-1-4" class="tab-pane" aria-labelledby="nav-tab-1-4" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_04.png" alt="Search and pull of SPUC container - Step 4" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-1-5" class="tab-pane" aria-labelledby="nav-tab-1-5" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_05.png" alt="Search and pull of SPUC container - Step 5" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>Once you find the image you were looking for, you can either download
 it (pull), or directly run it.</p>
 <p>We’ll start by downloading the latest version. Go ahead and click on
 the <code>Pull</code> button.</p>
@@ -459,7 +500,34 @@ <h3 class="card-title">Objectives</h3>
 where they come from (Image hierarchy). For example, the vulnerabilities
 in the <code>spuc</code> image come from its base image,
 `python3-slim”.</p>
-<figure><img src="fig/docker-desktop/image_inspect_spuc.gif" alt="Inspecting spuc image." class="figure mx-auto d-block"></figure><p>This all looks rather scary, and it is important that we are careful
+<div class="tabs">
+<nav><div id="nav-tab-2" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-2-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-1" type="button" role="tab" aria-controls="nav-tabpanel-2-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-2-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-2-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-2" type="button" role="tab" aria-controls="nav-tabpanel-2-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-2-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-2-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-3" type="button" role="tab" aria-controls="nav-tabpanel-2-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-2-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-2" class="tab-content">
+<div id="nav-tabpanel-2-1" class="tab-pane show active" aria-labelledby="nav-tab-2-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//image_inspect_spuc/DockerDesktop_06.png" alt="Inspecting spuc image - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-2-2" class="tab-pane" aria-labelledby="nav-tab-2-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//image_inspect_spuc/DockerDesktop_07.png" alt="Inspecting spuc image - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-2-3" class="tab-pane" aria-labelledby="nav-tab-2-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//image_inspect_spuc/DockerDesktop_08.png" alt="Inspecting spuc image - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>This all looks rather scary, and it is important that we are careful
 with the images that we download. It is therefore quite useful to be
 able to analyse them like this. The <code>python:3-slim</code> image, in
 particular, comes from a verified publisher, so it is unlikely to be
@@ -492,50 +560,50 @@ <h3 class="card-title">Objectives</h3>
 <code>Stats</code> tabs have to say. They both seem to indicate that we
 need to <em>run</em> or <em>start</em> the container.</p>
 <div class="tabs">
-<nav><div id="nav-tab-1" class="nav nav-tabs" role="tablist">
-<button class="nav-link active" id="nav-tab-1-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-1" type="button" role="tab" aria-controls="nav-tabpanel-1-1" aria-selected="true">
-  <h3 class="tab-header" id="nav-tab-heading-1-1">
+<nav><div id="nav-tab-3" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-3-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-1" type="button" role="tab" aria-controls="nav-tabpanel-3-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-3-1">
   Logs
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-2" type="button" role="tab" aria-controls="nav-tabpanel-1-2" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-2">
+<button class="nav-link" id="nav-tab-3-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-2" type="button" role="tab" aria-controls="nav-tabpanel-3-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-2">
   Inspect
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-3" type="button" role="tab" aria-controls="nav-tabpanel-1-3" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-3">
+<button class="nav-link" id="nav-tab-3-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-3" type="button" role="tab" aria-controls="nav-tabpanel-3-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-3">
   Bind mounts
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-4" type="button" role="tab" aria-controls="nav-tabpanel-1-4" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-4">
+<button class="nav-link" id="nav-tab-3-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-4" type="button" role="tab" aria-controls="nav-tabpanel-3-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-4">
   Exec
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-5" type="button" role="tab" aria-controls="nav-tabpanel-1-5" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-5">
+<button class="nav-link" id="nav-tab-3-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-5" type="button" role="tab" aria-controls="nav-tabpanel-3-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-5">
   Files
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-6" type="button" role="tab" aria-controls="nav-tabpanel-1-6" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-6">
+<button class="nav-link" id="nav-tab-3-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-6" type="button" role="tab" aria-controls="nav-tabpanel-3-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-6">
   Stats
   </h3>
 </button>
 </div>
-</nav><div id="nav-tabContent-1" class="tab-content">
-<div id="nav-tabpanel-1-1" class="tab-pane show active" role="tabpanel" aria-labelledby="nav-tab-1-1">
+</nav><div id="nav-tabContent-3" class="tab-content">
+<div id="nav-tabpanel-3-1" class="tab-pane show active" aria-labelledby="nav-tab-3-1" role="tabpanel">
 <figure><img src="fig/docker-desktop/hello_log.png" alt="Logs tab in container from hello-world image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-1-2" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-2">
+<div id="nav-tabpanel-3-2" class="tab-pane" aria-labelledby="nav-tab-3-2" role="tabpanel">
 <figure><img src="fig/docker-desktop/hello_inspect.png" alt="Inspect tab in container from hello-world image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-1-3" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-3">
+<div id="nav-tabpanel-3-3" class="tab-pane" aria-labelledby="nav-tab-3-3" role="tabpanel">
 <figure><img src="fig/docker-desktop/hello_bind.png" alt="Bind mounts tab in container from hello-world image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-1-4" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-4">
+<div id="nav-tabpanel-3-4" class="tab-pane" aria-labelledby="nav-tab-3-4" role="tabpanel">
 <figure><img src="fig/docker-desktop/hello_exec.png" alt="Exec tab in container from hello-world image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-1-5" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-5">
+<div id="nav-tabpanel-3-5" class="tab-pane" aria-labelledby="nav-tab-3-5" role="tabpanel">
 <figure><img src="fig/docker-desktop/hello_files.png" alt="Files tab in container from hello-world image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-1-6" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-6">
+<div id="nav-tabpanel-3-6" class="tab-pane" aria-labelledby="nav-tab-3-6" role="tabpanel">
 <figure><img src="fig/docker-desktop/hello_stats.png" alt="Stats tab in container from hello-world image." class="figure mx-auto d-block"></figure></div>
 </div>
 </div>
@@ -544,10 +612,57 @@ <h3 class="tab-header" id="nav-tab-heading-1-6">
 top-right corner. However, if we click on that button we will see the
 output duplicated in the logs, and the <code>Exited (0)</code> status
 again.</p>
-<figure><img src="fig/docker-desktop/hello_start.gif" alt="Clicking Start on the already run hello-world container." class="figure mx-auto d-block"></figure><p>If we go back to the images tab and run the image again, we’ll see
+<div class="tabs">
+<nav><div id="nav-tab-4" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-4-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-4-1" type="button" role="tab" aria-controls="nav-tabpanel-4-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-4-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-4-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-4-2" type="button" role="tab" aria-controls="nav-tabpanel-4-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-4-2">
+  Step 2
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-4" class="tab-content">
+<div id="nav-tabpanel-4-1" class="tab-pane show active" aria-labelledby="nav-tab-4-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_start/DockerDesktop_17.png" alt="Clicking Start on the already run hello-world container - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-4-2" class="tab-pane" aria-labelledby="nav-tab-4-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_start/DockerDesktop_18.png" alt="Clicking Start on the already run hello-world container - Step 2" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>If we go back to the images tab and run the image again, we’ll see
 that the same thing happens. We get the “Hello from Docker!”, and the
 container (with a new random name) exits.</p>
-<figure><img src="fig/docker-desktop/hello_re-ran.gif" alt="Running hello-world image for a second time." class="figure mx-auto d-block"></figure><p>The nature of most containers is <em>ephemeral</em>.</p>
+<div class="tabs">
+<nav><div id="nav-tab-5" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-5-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-5-1" type="button" role="tab" aria-controls="nav-tabpanel-5-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-5-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-5-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-5-2" type="button" role="tab" aria-controls="nav-tabpanel-5-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-5-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-5-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-5-3" type="button" role="tab" aria-controls="nav-tabpanel-5-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-5-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-5" class="tab-content">
+<div id="nav-tabpanel-5-1" class="tab-pane show active" aria-labelledby="nav-tab-5-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_re-ran/DockerDesktop_19.png" alt="Running hello-world image for a second time - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-5-2" class="tab-pane" aria-labelledby="nav-tab-5-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_re-ran/DockerDesktop_20.png" alt="Running hello-world image for a second time - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-5-3" class="tab-pane" aria-labelledby="nav-tab-5-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_re-ran/DockerDesktop_21.png" alt="Running hello-world image for a second time - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>The nature of most containers is <em>ephemeral</em>.</p>
 <p>They are meant to execute a process, and when the process is
 completed, they exit. We can confirm this by clicking on the
 <code>Containers</code> tab on the left. This will exit the container
@@ -576,7 +691,34 @@ <h3 class="tab-header" id="nav-tab-heading-1-6">
 If you remember, we were instructed to run the container and configure a
 port. Lets add a map to the port <code>8321</code> in the local
 machine.</p>
-<figure><img src="fig/docker-desktop/run_spuc_opt.gif" alt="Optional settings for spuc." class="figure mx-auto d-block"></figure><p>We are now ready to run it. You can immediately notice the status
+<div class="tabs">
+<nav><div id="nav-tab-6" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-6-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-6-1" type="button" role="tab" aria-controls="nav-tabpanel-6-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-6-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-6-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-6-2" type="button" role="tab" aria-controls="nav-tabpanel-6-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-6-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-6-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-6-3" type="button" role="tab" aria-controls="nav-tabpanel-6-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-6-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-6" class="tab-content">
+<div id="nav-tabpanel-6-1" class="tab-pane show active" aria-labelledby="nav-tab-6-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_opt/DockerDesktop_24.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-6-2" class="tab-pane" aria-labelledby="nav-tab-6-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_opt/DockerDesktop_25.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-6-3" class="tab-pane" aria-labelledby="nav-tab-6-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_opt/DockerDesktop_26.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>We are now ready to run it. You can immediately notice the status
 under the container name is <code>Running</code>, and instead of an
 option to start the container, we now get the option to stop it. The
 <code>Logs</code> tab is not too different, but the <code>Stats</code>
@@ -584,50 +726,50 @@ <h3 class="tab-header" id="nav-tab-heading-1-6">
 more interesting, we get access to a terminal inside the running
 container.</p>
 <div class="tabs">
-<nav><div id="nav-tab-2" class="nav nav-tabs" role="tablist">
-<button class="nav-link active" id="nav-tab-2-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-1" type="button" role="tab" aria-controls="nav-tabpanel-2-1" aria-selected="true">
-  <h3 class="tab-header" id="nav-tab-heading-2-1">
+<nav><div id="nav-tab-7" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-7-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-1" type="button" role="tab" aria-controls="nav-tabpanel-7-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-7-1">
   Logs
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-2" type="button" role="tab" aria-controls="nav-tabpanel-2-2" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-2">
+<button class="nav-link" id="nav-tab-7-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-2" type="button" role="tab" aria-controls="nav-tabpanel-7-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-2">
   Inspect
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-3" type="button" role="tab" aria-controls="nav-tabpanel-2-3" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-3">
+<button class="nav-link" id="nav-tab-7-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-3" type="button" role="tab" aria-controls="nav-tabpanel-7-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-3">
   Bind mounts
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-4" type="button" role="tab" aria-controls="nav-tabpanel-2-4" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-4">
+<button class="nav-link" id="nav-tab-7-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-4" type="button" role="tab" aria-controls="nav-tabpanel-7-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-4">
   Exec
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-5" type="button" role="tab" aria-controls="nav-tabpanel-2-5" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-5">
+<button class="nav-link" id="nav-tab-7-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-5" type="button" role="tab" aria-controls="nav-tabpanel-7-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-5">
   Files
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-6" type="button" role="tab" aria-controls="nav-tabpanel-2-6" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-6">
+<button class="nav-link" id="nav-tab-7-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-6" type="button" role="tab" aria-controls="nav-tabpanel-7-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-6">
   Stats
   </h3>
 </button>
 </div>
-</nav><div id="nav-tabContent-2" class="tab-content">
-<div id="nav-tabpanel-2-1" class="tab-pane show active" role="tabpanel" aria-labelledby="nav-tab-2-1">
+</nav><div id="nav-tabContent-7" class="tab-content">
+<div id="nav-tabpanel-7-1" class="tab-pane show active" aria-labelledby="nav-tab-7-1" role="tabpanel">
 <figure><img src="fig/docker-desktop/spuc_log.png" alt="Logs tab in container from spuc image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-2-2" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-2">
+<div id="nav-tabpanel-7-2" class="tab-pane" aria-labelledby="nav-tab-7-2" role="tabpanel">
 <figure><img src="fig/docker-desktop/spuc_inspect.png" alt="Inspect tab in container from spuc image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-2-3" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-3">
+<div id="nav-tabpanel-7-3" class="tab-pane" aria-labelledby="nav-tab-7-3" role="tabpanel">
 <figure><img src="fig/docker-desktop/spuc_bind.png" alt="Bind mounts tab in container from spuc image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-2-4" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-4">
+<div id="nav-tabpanel-7-4" class="tab-pane" aria-labelledby="nav-tab-7-4" role="tabpanel">
 <figure><img src="fig/docker-desktop/spuc_exec.png" alt="Exec tab in container from spuc image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-2-5" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-5">
+<div id="nav-tabpanel-7-5" class="tab-pane" aria-labelledby="nav-tab-7-5" role="tabpanel">
 <figure><img src="fig/docker-desktop/spuc_files.png" alt="Files tab in container from spuc image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-2-6" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-6">
+<div id="nav-tabpanel-7-6" class="tab-pane" aria-labelledby="nav-tab-7-6" role="tabpanel">
 <figure><img src="fig/docker-desktop/spuc_stats.png" alt="Stats tab in container from spuc image." class="figure mx-auto d-block"></figure></div>
 </div>
 </div>
@@ -673,7 +815,62 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <pre><code>::::: {time} Unicorn number {count} spotted at {location}!! Brightness: {brightness} {units}</code></pre>
 <p>Another curl now should show the changes we made to the
 <code>print.config</code> file.</p>
-<figure><img src="fig/docker-desktop/spuc_exec.gif" alt="Interacting with spuc terminal in the Exec tab." class="figure mx-auto d-block"></figure><p>At this point, it seems like the container is very much like a
+<div class="tabs">
+<nav><div id="nav-tab-8" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-8-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-1" type="button" role="tab" aria-controls="nav-tabpanel-8-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-8-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-2" type="button" role="tab" aria-controls="nav-tabpanel-8-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-3" type="button" role="tab" aria-controls="nav-tabpanel-8-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-3">
+  Step 3
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-4" type="button" role="tab" aria-controls="nav-tabpanel-8-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-4">
+  Step 4
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-5" type="button" role="tab" aria-controls="nav-tabpanel-8-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-5">
+  Step 5
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-6" type="button" role="tab" aria-controls="nav-tabpanel-8-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-6">
+  Step 6
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-7" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-7" type="button" role="tab" aria-controls="nav-tabpanel-8-7" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-7">
+  Step 7
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-8" class="tab-content">
+<div id="nav-tabpanel-8-1" class="tab-pane show active" aria-labelledby="nav-tab-8-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_34.png" alt="Interacting with spuc terminal in the Exec tab - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-8-2" class="tab-pane" aria-labelledby="nav-tab-8-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_35.png" alt="Interacting with spuc terminal in the Exec tab - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-8-3" class="tab-pane" aria-labelledby="nav-tab-8-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_36.png" alt="Interacting with spuc terminal in the Exec tab - Step 3" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-8-4" class="tab-pane" aria-labelledby="nav-tab-8-4" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_37.png" alt="Interacting with spuc terminal in the Exec tab - Step 4" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-8-5" class="tab-pane" aria-labelledby="nav-tab-8-5" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_38.png" alt="Interacting with spuc terminal in the Exec tab - Step 5" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-8-6" class="tab-pane" aria-labelledby="nav-tab-8-6" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_39.png" alt="Interacting with spuc terminal in the Exec tab - Step 6" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-8-7" class="tab-pane" aria-labelledby="nav-tab-8-7" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_40.png" alt="Interacting with spuc terminal in the Exec tab - Step 7" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>At this point, it seems like the container is very much like a
 virtual machine, and we can do whatever we want with it. However, as
 we’ve mentioned before, containers are <em>meant to be
 ephemeral</em>.</p>
@@ -681,13 +878,74 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <code>Exec</code> and <code>Stats</code>. The <code>Containers</code>
 tab on the left will also show the container status as
 <code>Exited</code>.</p>
-<figure><img src="fig/docker-desktop/spuc_stopping.gif" alt="Stop the spuc container." class="figure mx-auto d-block"></figure><p>Lets go back to the <code>Images</code> tab, and run the
+<div class="tabs">
+<nav><div id="nav-tab-9" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-9-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-9-1" type="button" role="tab" aria-controls="nav-tabpanel-9-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-9-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-9-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-9-2" type="button" role="tab" aria-controls="nav-tabpanel-9-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-9-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-9-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-9-3" type="button" role="tab" aria-controls="nav-tabpanel-9-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-9-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-9" class="tab-content">
+<div id="nav-tabpanel-9-1" class="tab-pane show active" aria-labelledby="nav-tab-9-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_stopping/DockerDesktop_41.png" alt="Stop the spuc container - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-9-2" class="tab-pane" aria-labelledby="nav-tab-9-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_stopping/DockerDesktop_42.png" alt="Stop the spuc container - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-9-3" class="tab-pane" aria-labelledby="nav-tab-9-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_stopping/DockerDesktop_43.png" alt="Stop the spuc container - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>Lets go back to the <code>Images</code> tab, and run the
 <code>spuc</code> image again. Now lets go to the <code>Exec</code> tab,
 and try and edit the <code>print.config</code> file again. You’ll notice
 that <code>nano</code> is not there anymore. If you look at the contents
 of the file, for example with <code>cat config/print.config</code>,
 you’ll see that the changes we made are gone.</p>
-<figure><img src="fig/docker-desktop/spuc_exec_2.gif" alt="Exec in fresh spuc container." class="figure mx-auto d-block"></figure><p>When we re-ran the <em>image</em>, we created a <strong>new</strong>
+<div class="tabs">
+<nav><div id="nav-tab-10" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-10-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-1" type="button" role="tab" aria-controls="nav-tabpanel-10-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-10-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-10-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-2" type="button" role="tab" aria-controls="nav-tabpanel-10-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-10-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-10-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-3" type="button" role="tab" aria-controls="nav-tabpanel-10-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-10-3">
+  Step 3
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-10-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-4" type="button" role="tab" aria-controls="nav-tabpanel-10-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-10-4">
+  Step 4
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-10" class="tab-content">
+<div id="nav-tabpanel-10-1" class="tab-pane show active" aria-labelledby="nav-tab-10-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec_2/DockerDesktop_44.png" alt="Exec in fresh spuc container - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-10-2" class="tab-pane" aria-labelledby="nav-tab-10-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec_2/DockerDesktop_45.png" alt="Exec in fresh spuc container - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-10-3" class="tab-pane" aria-labelledby="nav-tab-10-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec_2/DockerDesktop_51.png" alt="Exec in fresh spuc container - Step 3" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-10-4" class="tab-pane" aria-labelledby="nav-tab-10-4" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec_2/DockerDesktop_52.png" alt="Exec in fresh spuc container - Step 4" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>When we re-ran the <em>image</em>, we created a <strong>new</strong>
 <em>container</em>. The new container is created from the template saved
 in the image, and so our changes have banished. This becomes very clear
 when we go back to the <code>Containers</code> tab on the left. We can
@@ -700,33 +958,146 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <p>In Docker Desktop, all we need to do is click on the
 <code>Start</code> button from the <code>Containers</code> list. The
 terminal will appear empty, because it is a new session, but you will be
-able to see the changes we made before. <img src="fig/docker-desktop/spuc_revival.gif" alt="Reviving container spuc." class="figure"></p>
+able to see the changes we made before. ::: tab</p>
+<div class="section level3">
+<h3 id="step-1-8">Step 1<a class="anchor" aria-label="anchor" href="#step-1-8"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_revival/DockerDesktop_54.png" alt="Reviving container spuc - Step 1" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-2-8">Step 2<a class="anchor" aria-label="anchor" href="#step-2-8"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_revival/DockerDesktop_55.png" alt="Reviving container spuc - Step 2" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-3-7">Step 3<a class="anchor" aria-label="anchor" href="#step-3-7"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_revival/DockerDesktop_58.png" alt="Reviving container spuc - Step 3" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-4-3">Step 4<a class="anchor" aria-label="anchor" href="#step-4-3"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_revival/DockerDesktop_61.png" alt="Reviving container spuc - Step 4" class="figure mx-auto d-block"></figure><p>:::</p>
+</div>
 </section><section><h2 class="section-heading" id="naming-containers">Naming containers<a class="anchor" aria-label="anchor" href="#naming-containers"></a></h2>
 <hr class="half-width"><p>We’ve been a bit sloppy with the containers, and they all have random
 names. It is possible to name the containers when we run them, and this
 can be very useful. However, it can also cause us problems.</p>
 <p>Lets run the <code>spuc</code> image again, and name the container
 <code>SPUC</code>.</p>
-<figure><img src="fig/docker-desktop/run_spuc_named.gif" alt="Optional settings for spuc." class="figure mx-auto d-block"></figure><p>If we look at the container list, it is much easier to find it, so
+<div class="tabs">
+<nav><div id="nav-tab-11" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-11-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-11-1" type="button" role="tab" aria-controls="nav-tabpanel-11-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-11-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-11-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-11-2" type="button" role="tab" aria-controls="nav-tabpanel-11-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-11-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-11-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-11-3" type="button" role="tab" aria-controls="nav-tabpanel-11-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-11-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-11" class="tab-content">
+<div id="nav-tabpanel-11-1" class="tab-pane show active" aria-labelledby="nav-tab-11-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_named/DockerDesktop_62.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-11-2" class="tab-pane" aria-labelledby="nav-tab-11-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_named/DockerDesktop_63.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-11-3" class="tab-pane" aria-labelledby="nav-tab-11-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_named/DockerDesktop_64.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>If we look at the container list, it is much easier to find it, so
 the name is useful!</p>
 <p>However, we forgot to map the port. So lets stop this container, and
 launch another one. This time we’ll map the port, and use the name we
-wanted. <img src="fig/docker-desktop/run_spuc_name_conflict.gif" alt="Optional settings for spuc." class="figure"></p>
+wanted. ::: tab</p>
+<div class="section level3">
+<h3 id="step-1-10">Step 1<a class="anchor" aria-label="anchor" href="#step-1-10"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_65.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-2-10">Step 2<a class="anchor" aria-label="anchor" href="#step-2-10"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_66.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-3-9">Step 3<a class="anchor" aria-label="anchor" href="#step-3-9"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_67.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-4-4">Step 4<a class="anchor" aria-label="anchor" href="#step-4-4"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_68.png" alt="Optional settings for spuc - Step 4" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-5-2">Step 5<a class="anchor" aria-label="anchor" href="#step-5-2"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_69.png" alt="Optional settings for spuc - Step 5" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-6-1">Step 6<a class="anchor" aria-label="anchor" href="#step-6-1"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_70.png" alt="Optional settings for spuc - Step 6" class="figure mx-auto d-block"></figure><p>:::</p>
 <p>This time we got an error! This is because the name <code>SPUC</code>
 is already “in use” by another container. If we want the same name,
 we’ll have to delete the old container first.</p>
+</div>
 </section><section><h2 class="section-heading" id="cleaning-up">Cleaning up<a class="anchor" aria-label="anchor" href="#cleaning-up"></a></h2>
 <hr class="half-width"><p>Lets go to the containers list, and delete the <code>SPUC</code>
 container. There is a very convenient bin icon on the right, which will
 prompt you for confirmation.</p>
-<figure><img src="fig/docker-desktop/spuc_delete_container.gif" alt="Deleting container SPUC." class="figure mx-auto d-block"></figure><p>You should now be able to run the <code>spuc</code> image again, and
+<div class="tabs">
+<nav><div id="nav-tab-12" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-12-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-12-1" type="button" role="tab" aria-controls="nav-tabpanel-12-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-12-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-12-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-12-2" type="button" role="tab" aria-controls="nav-tabpanel-12-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-12-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-12-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-12-3" type="button" role="tab" aria-controls="nav-tabpanel-12-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-12-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-12" class="tab-content">
+<div id="nav-tabpanel-12-1" class="tab-pane show active" aria-labelledby="nav-tab-12-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_delete_container/DockerDesktop_71.png" alt="Deleting container SPUC - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-12-2" class="tab-pane" aria-labelledby="nav-tab-12-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_delete_container/DockerDesktop_72.png" alt="Deleting container SPUC - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-12-3" class="tab-pane" aria-labelledby="nav-tab-12-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_delete_container/DockerDesktop_73.png" alt="Deleting container SPUC - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>You should now be able to run the <code>spuc</code> image again, and
 name the container <code>SPUC</code>.</p>
 <p>Since we are deleting stuff, the <code>hello-world</code> image was
 nice and useful to test docker was working, but it is now rather
 useless. If I want to delete it, the <code>Images</code> tab on the left
 has a convenient bin icon to do so. Clicking on it will prompt you for
 confirmation, but it will fail.</p>
-<figure><img src="fig/docker-desktop/images_delete_in_use_fail.gif" alt="Failing to delete image." class="figure mx-auto d-block"></figure><p>You’ll probably notice that the status of the image is
+<div class="tabs">
+<nav><div id="nav-tab-13" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-13-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-13-1" type="button" role="tab" aria-controls="nav-tabpanel-13-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-13-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-13-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-13-2" type="button" role="tab" aria-controls="nav-tabpanel-13-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-13-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-13-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-13-3" type="button" role="tab" aria-controls="nav-tabpanel-13-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-13-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-13" class="tab-content">
+<div id="nav-tabpanel-13-1" class="tab-pane show active" aria-labelledby="nav-tab-13-1" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_in_use_fail/DockerDesktop_73.png" alt="Failing to delete image - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-13-2" class="tab-pane" aria-labelledby="nav-tab-13-2" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_in_use_fail/DockerDesktop_74.png" alt="Failing to delete image - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-13-3" class="tab-pane" aria-labelledby="nav-tab-13-3" role="tabpanel">
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_in_use_fail/DockerDesktop_75.png" alt="Failing to delete image - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>You’ll probably notice that the status of the image is
 <code>In use</code>. That seems strange though, given that all the
 containers from that image excited immediately.</p>
 <p>Lets have a look at the <code>Containers</code> tab. Some of the
@@ -740,7 +1111,19 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <p>Let’s try and get rid of the containers then. We can conveniently
 select them all with the tick-box at the top, and an option to
 <code>Delete</code> shows up. Clicking on it will prompt for
-confirmation, and we can go ahead and accept. <img src="fig/docker-desktop/delete_all_containers.gif" alt="Deleting containers." class="figure"></p>
+confirmation, and we can go ahead and accept. ::: tab</p>
+<div class="section level3">
+<h3 id="step-1-13">Step 1<a class="anchor" aria-label="anchor" href="#step-1-13"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//delete_all_containers/DockerDesktop_76.png" alt="Deleting containers - Step 1" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-2-13">Step 2<a class="anchor" aria-label="anchor" href="#step-2-13"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//delete_all_containers/DockerDesktop_77.png" alt="Deleting containers - Step 2" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-3-12">Step 3<a class="anchor" aria-label="anchor" href="#step-3-12"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//delete_all_containers/DockerDesktop_78.png" alt="Deleting containers - Step 3" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-4-5">Step 4<a class="anchor" aria-label="anchor" href="#step-4-5"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//delete_all_containers/DockerDesktop_79.png" alt="Deleting containers - Step 4" class="figure mx-auto d-block"></figure><p>:::</p>
 <p>All our containers are now gone. Forever. We can’t get them back.
 This is fine though - they were meant to be ephemeral.</p>
 <p><strong><em>Warning:</em></strong> You have to be careful here, this
@@ -750,7 +1133,18 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <code>hello-world</code> image as <code>Unused</code> now. For docker,
 an image is <code>In use</code> as long as at least one container has
 been created from it. Since we have no containers from that image,
-Docker now knows the images can be safely deleted. <img src="fig/docker-desktop/images_delete_hello.gif" alt="Successfully deleting images." class="figure"></p>
+Docker now knows the images can be safely deleted. ::: tab</p>
+</div>
+<div class="section level3">
+<h3 id="step-1-14">Step 1<a class="anchor" aria-label="anchor" href="#step-1-14"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_hello/DockerDesktop_80.png" alt="Successfully deleting images - Step 1" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-2-14">Step 2<a class="anchor" aria-label="anchor" href="#step-2-14"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_hello/DockerDesktop_81.png" alt="Successfully deleting images - Step 2" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-3-13">Step 3<a class="anchor" aria-label="anchor" href="#step-3-13"></a></h3>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_hello/DockerDesktop_82.png" alt="Successfully deleting images - Step 3" class="figure mx-auto d-block"></figure><p>:::</p>
+</div>
 </section><section><h2 class="section-heading" id="limitations---why-not-docker-desktop">Limitations - Why not Docker Desktop?<a class="anchor" aria-label="anchor" href="#limitations---why-not-docker-desktop"></a></h2>
 <hr class="half-width"><p>We have seen many of the neat and functional bits of Docker Desktop,
 and it can be mighty appealing, particularly so if you lean towards the
@@ -770,50 +1164,50 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <p>Nothing seems to have happened at all! Not even a single output to
 the <code>Logs</code>, and no way to open a terminal inside Alpine.</p>
 <div class="tabs">
-<nav><div id="nav-tab-3" class="nav nav-tabs" role="tablist">
-<button class="nav-link active" id="nav-tab-3-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-1" type="button" role="tab" aria-controls="nav-tabpanel-3-1" aria-selected="true">
-  <h3 class="tab-header" id="nav-tab-heading-3-1">
+<nav><div id="nav-tab-14" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-14-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-1" type="button" role="tab" aria-controls="nav-tabpanel-14-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-14-1">
   Logs
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-2" type="button" role="tab" aria-controls="nav-tabpanel-3-2" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-2">
+<button class="nav-link" id="nav-tab-14-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-2" type="button" role="tab" aria-controls="nav-tabpanel-14-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-2">
   Inspect
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-3" type="button" role="tab" aria-controls="nav-tabpanel-3-3" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-3">
+<button class="nav-link" id="nav-tab-14-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-3" type="button" role="tab" aria-controls="nav-tabpanel-14-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-3">
   Bind mounts
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-4" type="button" role="tab" aria-controls="nav-tabpanel-3-4" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-4">
+<button class="nav-link" id="nav-tab-14-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-4" type="button" role="tab" aria-controls="nav-tabpanel-14-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-4">
   Exec
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-5" type="button" role="tab" aria-controls="nav-tabpanel-3-5" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-5">
+<button class="nav-link" id="nav-tab-14-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-5" type="button" role="tab" aria-controls="nav-tabpanel-14-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-5">
   Files
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-6" type="button" role="tab" aria-controls="nav-tabpanel-3-6" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-6">
+<button class="nav-link" id="nav-tab-14-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-6" type="button" role="tab" aria-controls="nav-tabpanel-14-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-6">
   Stats
   </h3>
 </button>
 </div>
-</nav><div id="nav-tabContent-3" class="tab-content">
-<div id="nav-tabpanel-3-1" class="tab-pane show active" role="tabpanel" aria-labelledby="nav-tab-3-1">
+</nav><div id="nav-tabContent-14" class="tab-content">
+<div id="nav-tabpanel-14-1" class="tab-pane show active" aria-labelledby="nav-tab-14-1" role="tabpanel">
 <figure><img src="fig/docker-desktop/alpine_logs.png" alt="Logs tab in container from alpine image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-3-2" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-2">
+<div id="nav-tabpanel-14-2" class="tab-pane" aria-labelledby="nav-tab-14-2" role="tabpanel">
 <figure><img src="fig/docker-desktop/alpine_inspect.png" alt="Inspect tab in container from alpine image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-3-3" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-3">
+<div id="nav-tabpanel-14-3" class="tab-pane" aria-labelledby="nav-tab-14-3" role="tabpanel">
 <figure><img src="fig/docker-desktop/alpine_bind.png" alt="Bind mounts tab in container from alpine image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-3-4" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-4">
+<div id="nav-tabpanel-14-4" class="tab-pane" aria-labelledby="nav-tab-14-4" role="tabpanel">
 <figure><img src="fig/docker-desktop/alpine_exec.png" alt="Exec tab in container from alpine image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-3-5" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-5">
+<div id="nav-tabpanel-14-5" class="tab-pane" aria-labelledby="nav-tab-14-5" role="tabpanel">
 <figure><img src="fig/docker-desktop/alpine_files.png" alt="Files tab in container from alpine image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-3-6" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-6">
+<div id="nav-tabpanel-14-6" class="tab-pane" aria-labelledby="nav-tab-14-6" role="tabpanel">
 <figure><img src="fig/docker-desktop/alpine_stats.png" alt="Stats tab in container from alpine image." class="figure mx-auto d-block"></figure></div>
 </div>
 </div>
@@ -912,8 +1306,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/docker-desktop.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/docker-desktop.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/docker-hub.html b/docker-hub.html
index 54112d4..00ae92b 100644
--- a/docker-hub.html
+++ b/docker-hub.html
@@ -353,7 +353,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>The Docker Hub</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-hub.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -626,8 +626,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/docker-hub.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/docker-hub.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/docker-run-configuration.html b/docker-run-configuration.html
index 25d985e..8c144ad 100644
--- a/docker-run-configuration.html
+++ b/docker-run-configuration.html
@@ -354,7 +354,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Configuring containers</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-run-configuration.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -583,7 +583,7 @@ <h3 class="callout-title">Challenge</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <p>These are all valid combinations! The best choice depends on the use
 case.</p>
@@ -687,8 +687,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/docker-run-configuration.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/docker-run-configuration.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/docker-volumes.html b/docker-volumes.html
index 7ec51e4..625fc02 100644
--- a/docker-volumes.html
+++ b/docker-volumes.html
@@ -354,7 +354,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Sharing information with containers</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-volumes.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -450,7 +450,7 @@ <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"><
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler1" aria-expanded="false" aria-controls="collapseSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> Inspecting the volume </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <p>We can see more information about the volume using:</p>
 <div class="codewrapper sourceCode" id="cb5">
@@ -741,7 +741,7 @@ <h3 class="callout-title">Common mistakes with volumes</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <ol style="list-style-type: upper-alpha"><li><p><strong>Problem:</strong> We provided a volume name, but not a
 path to mount it to. If the volume already existed, this will mount it
@@ -864,8 +864,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/docker-volumes.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/docker-volumes.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/dockerfiles.html b/dockerfiles.html
index e9c456f..aca4f37 100644
--- a/dockerfiles.html
+++ b/dockerfiles.html
@@ -356,7 +356,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Creating Your Own Container Images</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/dockerfiles.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -524,7 +524,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Context
   </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
 <div class="accordion-body">
 <p>By default, the <code>docker build</code> command looks for a file
 called <code>Dockerfile</code> in the path specified by the last
@@ -547,7 +547,7 @@ <h3 class="accordion-header" id="headingSpoiler2">
   The Dockerfile name
   </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
 <div class="accordion-body">
 <p>As mentioned before, by default the <code>docker build</code> command
 looks for a file called <code>Dockerfile</code>.</p>
@@ -754,7 +754,7 @@ <h3 class="accordion-header" id="headingSpoiler3">
   Layers
   </h3>
 </button>
-<div id="collapseSpoiler3" class="accordion-collapse collapse" aria-labelledby="headingSpoiler3" data-bs-parent="#accordionSpoiler3">
+<div id="collapseSpoiler3" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler3" aria-labelledby="headingSpoiler3">
 <div class="accordion-body">
 <p>You might have now noticed that on every build we are getting
 messages like <code>CACHED [2/3]...</code> above.</p>
@@ -906,7 +906,7 @@ <h3 class="accordion-header" id="headingSpoiler4">
   Layers - continued
   </h3>
 </button>
-<div id="collapseSpoiler4" class="accordion-collapse collapse" aria-labelledby="headingSpoiler4" data-bs-parent="#accordionSpoiler4">
+<div id="collapseSpoiler4" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler4" aria-labelledby="headingSpoiler4">
 <div class="accordion-body">
 <p>You might have noticed that the <code>ENV</code> instruction did not
 create a new layer in the image.</p>
@@ -1150,8 +1150,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/dockerfiles.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/dockerfiles.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/fig/docker-desktop/automation/tabs_instead_of_gifs.py b/fig/docker-desktop/automation/tabs_instead_of_gifs.py
new file mode 100644
index 0000000..4631619
--- /dev/null
+++ b/fig/docker-desktop/automation/tabs_instead_of_gifs.py
@@ -0,0 +1,39 @@
+# Run this script from the episodes folder:
+#    python3 ./fig/docker-desktop/automation/tabs_instead_of_gifs.py
+
+import re, os
+
+# File where gifs are being used
+Rmd_file = "docker-desktop.Rmd"
+# Path to the directory where gif files live
+gif_path = "fig/docker-desktop/"
+# Path to the directory where dirs of screenshots that form the gifs live
+png_path = "fig/docker-desktop/cropped_screenshots/gifs/"
+
+content = ""
+with open("docker-desktop.Rmd", "r") as file:
+
+    # Find all gifs and their alt text
+    content = file.read()
+    matches = re.findall(r"!.*?\.gif.*\n", content)
+    gifs = [match.split("{")[0][4 + len(gif_path) : -5] for match in matches]
+    alts = [match.split("{")[1][5:-4] for match in matches]
+
+    # Generate replacement text (tab structure)
+    for k, gif in enumerate(gifs):
+        pngs = sorted(os.listdir(f"{png_path}/{gif}"))
+        replacement_text = f"::: tab\n\n"
+        for i, png in enumerate(pngs):
+            replacement_text += f"### Step {i+1}\n"
+            replacement_text += (
+                f"![]({png_path}/{gif}/{png}){{alt='{alts[k]} - Step {i+1}'}}\n\n"
+            )
+        replacement_text += ":::\n"
+
+        # Replace on memory
+        # print(f"Replacing:\n{matches[k]}\nWith:\n{replacement_text}")
+        content = content.replace(matches[k], replacement_text)
+
+# Write to file
+with open("docker-desktop.Rmd", "w") as file:
+    file.write(content)
diff --git a/images.html b/images.html
index 99d94a7..4cbd055 100644
--- a/images.html
+++ b/images.html
@@ -410,139 +410,246 @@ <h3 id="docker-desktop-figure-1">Figure 1</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Docker Desktop being opened for the first time.’</p>
 <figure><img src="fig/docker-desktop/docker_desktop_landing.png" alt="Docker Desktop being opened for the first time." class="figure mx-auto d-block"></figure><hr>
 <h3 id="docker-desktop-figure-2">Figure 2</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Search and pull of SPUC container.’</p>
-<figure><img src="fig/docker-desktop/search_and_pull_spuc.gif" alt="Search and pull of SPUC container." class="figure mx-auto d-block"></figure><hr>
+<p aria-hidden="true">Image 1 of 1: ‘Search and pull of SPUC container - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_00.png" alt="Search and pull of SPUC container - Step 1" class="figure mx-auto d-block"></figure><hr>
 <h3 id="docker-desktop-figure-3">Figure 3</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Images list showing spuc, alpine and hello-world.’</p>
-<figure><img src="fig/docker-desktop/images_spuc_alpine_hello.png" alt="Images list showing spuc, alpine and hello-world." class="figure mx-auto d-block"></figure><hr>
+<p aria-hidden="true">Image 1 of 1: ‘Search and pull of SPUC container - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_01.png" alt="Search and pull of SPUC container - Step 2" class="figure mx-auto d-block"></figure><hr>
 <h3 id="docker-desktop-figure-4">Figure 4</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Inspecting spuc image.’</p>
-<figure><img src="fig/docker-desktop/image_inspect_spuc.gif" alt="Inspecting spuc image." class="figure mx-auto d-block"></figure><hr>
+<p aria-hidden="true">Image 1 of 1: ‘Search and pull of SPUC container - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_03.png" alt="Search and pull of SPUC container - Step 3" class="figure mx-auto d-block"></figure><hr>
 <h3 id="docker-desktop-figure-5">Figure 5</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Search and pull of SPUC container - Step 4’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_04.png" alt="Search and pull of SPUC container - Step 4" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-6">Figure 6</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Search and pull of SPUC container - Step 5’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//search_and_pull_spuc/DockerDesktop_05.png" alt="Search and pull of SPUC container - Step 5" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-7">Figure 7</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Images list showing spuc, alpine and hello-world.’</p>
+<figure><img src="fig/docker-desktop/images_spuc_alpine_hello.png" alt="Images list showing spuc, alpine and hello-world." class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-8">Figure 8</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Inspecting spuc image - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//image_inspect_spuc/DockerDesktop_06.png" alt="Inspecting spuc image - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-9">Figure 9</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Inspecting spuc image - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//image_inspect_spuc/DockerDesktop_07.png" alt="Inspecting spuc image - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-10">Figure 10</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Inspecting spuc image - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//image_inspect_spuc/DockerDesktop_08.png" alt="Inspecting spuc image - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-11">Figure 11</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Run button from Images tab.’</p>
 <figure><img src="fig/docker-desktop/image_run_hello.png" alt="Run button from Images tab." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-6">Figure 6</h3>
+<h3 id="docker-desktop-figure-12">Figure 12</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Run confirmation prompt.’</p>
 <figure><img src="fig/docker-desktop/image_run_prompt.png" alt="Run confirmation prompt." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-7">Figure 7</h3>
+<h3 id="docker-desktop-figure-13">Figure 13</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Logs tab in container from hello-world image.’</p>
 <figure><img src="fig/docker-desktop/hello_log.png" alt="Logs tab in container from hello-world image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-8">Figure 8</h3>
+<h3 id="docker-desktop-figure-14">Figure 14</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Inspect tab in container from hello-world image.’</p>
 <figure><img src="fig/docker-desktop/hello_inspect.png" alt="Inspect tab in container from hello-world image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-9">Figure 9</h3>
+<h3 id="docker-desktop-figure-15">Figure 15</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Bind mounts tab in container from hello-world image.’</p>
 <figure><img src="fig/docker-desktop/hello_bind.png" alt="Bind mounts tab in container from hello-world image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-10">Figure 10</h3>
+<h3 id="docker-desktop-figure-16">Figure 16</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Exec tab in container from hello-world image.’</p>
 <figure><img src="fig/docker-desktop/hello_exec.png" alt="Exec tab in container from hello-world image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-11">Figure 11</h3>
+<h3 id="docker-desktop-figure-17">Figure 17</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Files tab in container from hello-world image.’</p>
 <figure><img src="fig/docker-desktop/hello_files.png" alt="Files tab in container from hello-world image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-12">Figure 12</h3>
+<h3 id="docker-desktop-figure-18">Figure 18</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Stats tab in container from hello-world image.’</p>
 <figure><img src="fig/docker-desktop/hello_stats.png" alt="Stats tab in container from hello-world image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-13">Figure 13</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Clicking Start on the already run hello-world container.’</p>
-<figure><img src="fig/docker-desktop/hello_start.gif" alt="Clicking Start on the already run hello-world container." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-14">Figure 14</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Running hello-world image for a second time.’</p>
-<figure><img src="fig/docker-desktop/hello_re-ran.gif" alt="Running hello-world image for a second time." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-15">Figure 15</h3>
+<h3 id="docker-desktop-figure-19">Figure 19</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Clicking Start on the already run hello-world container - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_start/DockerDesktop_17.png" alt="Clicking Start on the already run hello-world container - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-20">Figure 20</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Clicking Start on the already run hello-world container - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_start/DockerDesktop_18.png" alt="Clicking Start on the already run hello-world container - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-21">Figure 21</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Running hello-world image for a second time - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_re-ran/DockerDesktop_19.png" alt="Running hello-world image for a second time - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-22">Figure 22</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Running hello-world image for a second time - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_re-ran/DockerDesktop_20.png" alt="Running hello-world image for a second time - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-23">Figure 23</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Running hello-world image for a second time - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//hello_re-ran/DockerDesktop_21.png" alt="Running hello-world image for a second time - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-24">Figure 24</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Containers list.’</p>
 <figure><img src="fig/docker-desktop/containers_list.png" alt="Containers list." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-16">Figure 16</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc.’</p>
-<figure><img src="fig/docker-desktop/run_spuc_opt.gif" alt="Optional settings for spuc." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-17">Figure 17</h3>
+<h3 id="docker-desktop-figure-25">Figure 25</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_opt/DockerDesktop_24.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-26">Figure 26</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_opt/DockerDesktop_25.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-27">Figure 27</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_opt/DockerDesktop_26.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-28">Figure 28</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Logs tab in container from spuc image.’</p>
 <figure><img src="fig/docker-desktop/spuc_log.png" alt="Logs tab in container from spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-18">Figure 18</h3>
+<h3 id="docker-desktop-figure-29">Figure 29</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Inspect tab in container from spuc image.’</p>
 <figure><img src="fig/docker-desktop/spuc_inspect.png" alt="Inspect tab in container from spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-19">Figure 19</h3>
+<h3 id="docker-desktop-figure-30">Figure 30</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Bind mounts tab in container from spuc image.’</p>
 <figure><img src="fig/docker-desktop/spuc_bind.png" alt="Bind mounts tab in container from spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-20">Figure 20</h3>
+<h3 id="docker-desktop-figure-31">Figure 31</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Exec tab in container from spuc image.’</p>
 <figure><img src="fig/docker-desktop/spuc_exec.png" alt="Exec tab in container from spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-21">Figure 21</h3>
+<h3 id="docker-desktop-figure-32">Figure 32</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Files tab in container from spuc image.’</p>
 <figure><img src="fig/docker-desktop/spuc_files.png" alt="Files tab in container from spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-22">Figure 22</h3>
+<h3 id="docker-desktop-figure-33">Figure 33</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Stats tab in container from spuc image.’</p>
 <figure><img src="fig/docker-desktop/spuc_stats.png" alt="Stats tab in container from spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-23">Figure 23</h3>
+<h3 id="docker-desktop-figure-34">Figure 34</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Containers list, spuc still running.’</p>
 <figure><img src="fig/docker-desktop/containers_list_spuc_running.png" alt="Containers list, spuc still running." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-24">Figure 24</h3>
+<h3 id="docker-desktop-figure-35">Figure 35</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Detecting a unicorn, spuc logs.’</p>
 <figure><img src="fig/docker-desktop/spuc_unicorn_detected.png" alt="Detecting a unicorn, spuc logs." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-25">Figure 25</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab.’</p>
-<figure><img src="fig/docker-desktop/spuc_exec.gif" alt="Interacting with spuc terminal in the Exec tab." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-26">Figure 26</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Stop the spuc container.’</p>
-<figure><img src="fig/docker-desktop/spuc_stopping.gif" alt="Stop the spuc container." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-27">Figure 27</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Exec in fresh spuc container.’</p>
-<figure><img src="fig/docker-desktop/spuc_exec_2.gif" alt="Exec in fresh spuc container." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-28">Figure 28</h3>
+<h3 id="docker-desktop-figure-36">Figure 36</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_34.png" alt="Interacting with spuc terminal in the Exec tab - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-37">Figure 37</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_35.png" alt="Interacting with spuc terminal in the Exec tab - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-38">Figure 38</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_36.png" alt="Interacting with spuc terminal in the Exec tab - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-39">Figure 39</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 4’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_37.png" alt="Interacting with spuc terminal in the Exec tab - Step 4" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-40">Figure 40</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 5’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_38.png" alt="Interacting with spuc terminal in the Exec tab - Step 5" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-41">Figure 41</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 6’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_39.png" alt="Interacting with spuc terminal in the Exec tab - Step 6" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-42">Figure 42</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 7’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec/DockerDesktop_40.png" alt="Interacting with spuc terminal in the Exec tab - Step 7" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-43">Figure 43</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Stop the spuc container - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_stopping/DockerDesktop_41.png" alt="Stop the spuc container - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-44">Figure 44</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Stop the spuc container - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_stopping/DockerDesktop_42.png" alt="Stop the spuc container - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-45">Figure 45</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Stop the spuc container - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_stopping/DockerDesktop_43.png" alt="Stop the spuc container - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-46">Figure 46</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Exec in fresh spuc container - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec_2/DockerDesktop_44.png" alt="Exec in fresh spuc container - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-47">Figure 47</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Exec in fresh spuc container - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec_2/DockerDesktop_45.png" alt="Exec in fresh spuc container - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-48">Figure 48</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Exec in fresh spuc container - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec_2/DockerDesktop_51.png" alt="Exec in fresh spuc container - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-49">Figure 49</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Exec in fresh spuc container - Step 4’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_exec_2/DockerDesktop_52.png" alt="Exec in fresh spuc container - Step 4" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-50">Figure 50</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Containers list after new run of spuc image.’</p>
 <figure><img src="fig/docker-desktop/containers_2_spuc_containers.png" alt="Containers list after new run of spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-29">Figure 29</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Reviving container spuc.’</p>
-<p>In Docker Desktop, all we need to do is click on the
-<code>Start</code> button from the <code>Containers</code> list. The
-terminal will appear empty, because it is a new session, but you will be
-able to see the changes we made before. <img src="fig/docker-desktop/spuc_revival.gif" alt="Reviving container spuc." class="figure"></p>
-<hr>
-<h3 id="docker-desktop-figure-30">Figure 30</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc.’</p>
-<figure><img src="fig/docker-desktop/run_spuc_named.gif" alt="Optional settings for spuc." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-31">Figure 31</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc.’</p>
-<p>However, we forgot to map the port. So lets stop this container, and
-launch another one. This time we’ll map the port, and use the name we
-wanted. <img src="fig/docker-desktop/run_spuc_name_conflict.gif" alt="Optional settings for spuc." class="figure"></p>
-<hr>
-<h3 id="docker-desktop-figure-32">Figure 32</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Deleting container SPUC.’</p>
-<figure><img src="fig/docker-desktop/spuc_delete_container.gif" alt="Deleting container SPUC." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-33">Figure 33</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Failing to delete image.’</p>
-<figure><img src="fig/docker-desktop/images_delete_in_use_fail.gif" alt="Failing to delete image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-34">Figure 34</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Deleting containers.’</p>
-<p>Let’s try and get rid of the containers then. We can conveniently
-select them all with the tick-box at the top, and an option to
-<code>Delete</code> shows up. Clicking on it will prompt for
-confirmation, and we can go ahead and accept. <img src="fig/docker-desktop/delete_all_containers.gif" alt="Deleting containers." class="figure"></p>
-<hr>
-<h3 id="docker-desktop-figure-35">Figure 35</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Successfully deleting images.’</p>
-<p>On the up-side, the <code>Images</code> tab shows the
-<code>hello-world</code> image as <code>Unused</code> now. For docker,
-an image is <code>In use</code> as long as at least one container has
-been created from it. Since we have no containers from that image,
-Docker now knows the images can be safely deleted. <img src="fig/docker-desktop/images_delete_hello.gif" alt="Successfully deleting images." class="figure"></p>
-<hr>
-<h3 id="docker-desktop-figure-36">Figure 36</h3>
+<h3 id="docker-desktop-figure-51">Figure 51</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Reviving container spuc - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_revival/DockerDesktop_54.png" alt="Reviving container spuc - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-52">Figure 52</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Reviving container spuc - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_revival/DockerDesktop_55.png" alt="Reviving container spuc - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-53">Figure 53</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Reviving container spuc - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_revival/DockerDesktop_58.png" alt="Reviving container spuc - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-54">Figure 54</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Reviving container spuc - Step 4’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_revival/DockerDesktop_61.png" alt="Reviving container spuc - Step 4" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-55">Figure 55</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_named/DockerDesktop_62.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-56">Figure 56</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_named/DockerDesktop_63.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-57">Figure 57</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_named/DockerDesktop_64.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-58">Figure 58</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_65.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-59">Figure 59</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_66.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-60">Figure 60</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_67.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-61">Figure 61</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 4’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_68.png" alt="Optional settings for spuc - Step 4" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-62">Figure 62</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 5’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_69.png" alt="Optional settings for spuc - Step 5" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-63">Figure 63</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 6’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//run_spuc_name_conflict/DockerDesktop_70.png" alt="Optional settings for spuc - Step 6" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-64">Figure 64</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting container SPUC - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_delete_container/DockerDesktop_71.png" alt="Deleting container SPUC - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-65">Figure 65</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting container SPUC - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_delete_container/DockerDesktop_72.png" alt="Deleting container SPUC - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-66">Figure 66</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting container SPUC - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//spuc_delete_container/DockerDesktop_73.png" alt="Deleting container SPUC - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-67">Figure 67</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Failing to delete image - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_in_use_fail/DockerDesktop_73.png" alt="Failing to delete image - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-68">Figure 68</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Failing to delete image - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_in_use_fail/DockerDesktop_74.png" alt="Failing to delete image - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-69">Figure 69</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Failing to delete image - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_in_use_fail/DockerDesktop_75.png" alt="Failing to delete image - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-70">Figure 70</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting containers - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//delete_all_containers/DockerDesktop_76.png" alt="Deleting containers - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-71">Figure 71</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting containers - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//delete_all_containers/DockerDesktop_77.png" alt="Deleting containers - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-72">Figure 72</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting containers - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//delete_all_containers/DockerDesktop_78.png" alt="Deleting containers - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-73">Figure 73</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting containers - Step 4’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//delete_all_containers/DockerDesktop_79.png" alt="Deleting containers - Step 4" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-74">Figure 74</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Successfully deleting images - Step 1’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_hello/DockerDesktop_80.png" alt="Successfully deleting images - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-75">Figure 75</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Successfully deleting images - Step 2’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_hello/DockerDesktop_81.png" alt="Successfully deleting images - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-76">Figure 76</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Successfully deleting images - Step 3’</p>
+<figure><img src="fig/docker-desktop/cropped_screenshots/gifs//images_delete_hello/DockerDesktop_82.png" alt="Successfully deleting images - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-77">Figure 77</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Logs tab in container from alpine image.’</p>
 <figure><img src="fig/docker-desktop/alpine_logs.png" alt="Logs tab in container from alpine image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-37">Figure 37</h3>
+<h3 id="docker-desktop-figure-78">Figure 78</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Inspect tab in container from alpine image.’</p>
 <figure><img src="fig/docker-desktop/alpine_inspect.png" alt="Inspect tab in container from alpine image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-38">Figure 38</h3>
+<h3 id="docker-desktop-figure-79">Figure 79</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Bind mounts tab in container from alpine image.’</p>
 <figure><img src="fig/docker-desktop/alpine_bind.png" alt="Bind mounts tab in container from alpine image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-39">Figure 39</h3>
+<h3 id="docker-desktop-figure-80">Figure 80</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Exec tab in container from alpine image.’</p>
 <figure><img src="fig/docker-desktop/alpine_exec.png" alt="Exec tab in container from alpine image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-40">Figure 40</h3>
+<h3 id="docker-desktop-figure-81">Figure 81</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Files tab in container from alpine image.’</p>
 <figure><img src="fig/docker-desktop/alpine_files.png" alt="Files tab in container from alpine image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-41">Figure 41</h3>
+<h3 id="docker-desktop-figure-82">Figure 82</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Stats tab in container from alpine image.’</p>
 <figure><img src="fig/docker-desktop/alpine_stats.png" alt="Stats tab in container from alpine image." class="figure mx-auto d-block"></figure><hr></section><section id="docker-cli-toolkit"><h2 class="section-heading"><a href="docker-cli-toolkit.html">Building our Docker CLI toolkit</a></h2>
 <hr class="half-width">
@@ -638,8 +745,8 @@ <h3 id="docker-compose-microservices-figure-4">Figure 4</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/images.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/images.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/index.html b/index.html
index 4d8ddbb..f17c1c0 100644
--- a/index.html
+++ b/index.html
@@ -538,8 +538,8 @@ <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"><
   "url": "https://uomresearchit.github.io/docker-introduction/index.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/index.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor-notes.html b/instructor-notes.html
index 55e4967..656ea05 100644
--- a/instructor-notes.html
+++ b/instructor-notes.html
@@ -457,8 +457,8 @@ <h1>Instructor Notes</h1>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor-notes.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor-notes.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/404.html b/instructor/404.html
index acf125d..5bb89b1 100644
--- a/instructor/404.html
+++ b/instructor/404.html
@@ -404,8 +404,8 @@ <h1>Page not found</h1>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/404.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/404.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/CODE_OF_CONDUCT.html b/instructor/CODE_OF_CONDUCT.html
index cda82d1..a25d528 100644
--- a/instructor/CODE_OF_CONDUCT.html
+++ b/instructor/CODE_OF_CONDUCT.html
@@ -340,7 +340,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Contributor Code of Conduct</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/CODE_OF_CONDUCT.md" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -421,8 +421,8 @@ <h1>Contributor Code of Conduct</h1>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/CODE_OF_CONDUCT.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/CODE_OF_CONDUCT.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/LICENSE.html b/instructor/LICENSE.html
index 0463660..c396fff 100644
--- a/instructor/LICENSE.html
+++ b/instructor/LICENSE.html
@@ -340,7 +340,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Licenses</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/LICENSE.md" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -469,8 +469,8 @@ <h1>Licenses</h1>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/LICENSE.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/LICENSE.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/aio.html b/instructor/aio.html
index 1f376fc..8e00433 100644
--- a/instructor/aio.html
+++ b/instructor/aio.html
@@ -402,7 +402,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
         
 <section id="aio-introduction"><p>Content from <a href="introduction.html">The adventures of Docker and the Space Purple Unicorn Association</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/introduction.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <p>Estimated time: <i aria-hidden="true" data-feather="clock"></i> 20 minutes</p>
@@ -503,7 +503,7 @@ <h3 id="why-docker">Why Docker?<a class="anchor" aria-label="anchor" href="#why-
 </div>
 </section></section><section id="aio-docker-desktop"><p>Content from <a href="docker-desktop.html">Docker Desktop</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-desktop.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <p>Estimated time: <i aria-hidden="true" data-feather="clock"></i> 20 minutes</p>
@@ -583,7 +583,53 @@ <h3 class="card-title">Objectives</h3>
 image. If you click on the image you’ll be shown more information. You
 should be able to see the documentation, and it lets you select a tag
 (version) from the dropdown menu.</p>
-<figure><img src="../fig/docker-desktop/search_and_pull_spuc.gif" alt="Search and pull of SPUC container." class="figure mx-auto d-block"></figure><p>Once you find the image you were looking for, you can either download
+<div class="tabs">
+<nav><div id="nav-tab-1" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-1-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-1" type="button" role="tab" aria-controls="nav-tabpanel-1-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-1-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-2" type="button" role="tab" aria-controls="nav-tabpanel-1-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-3" type="button" role="tab" aria-controls="nav-tabpanel-1-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-3">
+  Step 3
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-4" type="button" role="tab" aria-controls="nav-tabpanel-1-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-4">
+  Step 4
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-5" type="button" role="tab" aria-controls="nav-tabpanel-1-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-5">
+  Step 5
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-1" class="tab-content">
+<div id="nav-tabpanel-1-1" class="tab-pane show active" aria-labelledby="nav-tab-1-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_00.png" alt="Search and pull of SPUC container - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-1-2" class="tab-pane" aria-labelledby="nav-tab-1-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_01.png" alt="Search and pull of SPUC container - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-1-3" class="tab-pane" aria-labelledby="nav-tab-1-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_03.png" alt="Search and pull of SPUC container - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-1-4" class="tab-pane" aria-labelledby="nav-tab-1-4" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_04.png" alt="Search and pull of SPUC container - Step 4" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-1-5" class="tab-pane" aria-labelledby="nav-tab-1-5" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_05.png" alt="Search and pull of SPUC container - Step 5" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>Once you find the image you were looking for, you can either download
 it (pull), or directly run it.</p>
 <p>We’ll start by downloading the latest version. Go ahead and click on
 the <code>Pull</code> button.</p>
@@ -606,7 +652,37 @@ <h3 class="card-title">Objectives</h3>
 where they come from (Image hierarchy). For example, the vulnerabilities
 in the <code>spuc</code> image come from its base image,
 `python3-slim”.</p>
-<figure><img src="../fig/docker-desktop/image_inspect_spuc.gif" alt="Inspecting spuc image." class="figure mx-auto d-block"></figure><p>This all looks rather scary, and it is important that we are careful
+<div class="tabs">
+<nav><div id="nav-tab-2" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-2-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-1" type="button" role="tab" aria-controls="nav-tabpanel-2-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-2-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-2-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-2" type="button" role="tab" aria-controls="nav-tabpanel-2-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-2-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-2-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-3" type="button" role="tab" aria-controls="nav-tabpanel-2-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-2-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-2" class="tab-content">
+<div id="nav-tabpanel-2-1" class="tab-pane show active" aria-labelledby="nav-tab-2-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/image_inspect_spuc/DockerDesktop_06.png" alt="Inspecting spuc image - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-2-2" class="tab-pane" aria-labelledby="nav-tab-2-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/image_inspect_spuc/DockerDesktop_07.png" alt="Inspecting spuc image - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-2-3" class="tab-pane" aria-labelledby="nav-tab-2-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/image_inspect_spuc/DockerDesktop_08.png" alt="Inspecting spuc image - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>This all looks rather scary, and it is important that we are careful
 with the images that we download. It is therefore quite useful to be
 able to analyse them like this. The <code>python:3-slim</code> image, in
 particular, comes from a verified publisher, so it is unlikely to be
@@ -641,55 +717,55 @@ <h3 class="card-title">Objectives</h3>
 <code>Stats</code> tabs have to say. They both seem to indicate that we
 need to <em>run</em> or <em>start</em> the container.</p>
 <div class="tabs">
-<nav><div id="nav-tab-1" class="nav nav-tabs" role="tablist">
-<button class="nav-link active" id="nav-tab-1-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-1" type="button" role="tab" aria-controls="nav-tabpanel-1-1" aria-selected="true">
-  <h3 class="tab-header" id="nav-tab-heading-1-1">
+<nav><div id="nav-tab-3" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-3-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-1" type="button" role="tab" aria-controls="nav-tabpanel-3-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-3-1">
   Logs
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-2" type="button" role="tab" aria-controls="nav-tabpanel-1-2" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-2">
+<button class="nav-link" id="nav-tab-3-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-2" type="button" role="tab" aria-controls="nav-tabpanel-3-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-2">
   Inspect
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-3" type="button" role="tab" aria-controls="nav-tabpanel-1-3" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-3">
+<button class="nav-link" id="nav-tab-3-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-3" type="button" role="tab" aria-controls="nav-tabpanel-3-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-3">
   Bind mounts
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-4" type="button" role="tab" aria-controls="nav-tabpanel-1-4" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-4">
+<button class="nav-link" id="nav-tab-3-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-4" type="button" role="tab" aria-controls="nav-tabpanel-3-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-4">
   Exec
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-5" type="button" role="tab" aria-controls="nav-tabpanel-1-5" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-5">
+<button class="nav-link" id="nav-tab-3-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-5" type="button" role="tab" aria-controls="nav-tabpanel-3-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-5">
   Files
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-6" type="button" role="tab" aria-controls="nav-tabpanel-1-6" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-6">
+<button class="nav-link" id="nav-tab-3-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-6" type="button" role="tab" aria-controls="nav-tabpanel-3-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-6">
   Stats
   </h3>
 </button>
 </div>
-</nav><div id="nav-tabContent-1" class="tab-content">
-<div id="nav-tabpanel-1-1" class="tab-pane show active" role="tabpanel" aria-labelledby="nav-tab-1-1">
+</nav><div id="nav-tabContent-3" class="tab-content">
+<div id="nav-tabpanel-3-1" class="tab-pane show active" aria-labelledby="nav-tab-3-1" role="tabpanel">
 <figure><img src="../fig/docker-desktop/hello_log.png" alt="Logs tab in container from hello-world image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-1-2" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-2">
+<div id="nav-tabpanel-3-2" class="tab-pane" aria-labelledby="nav-tab-3-2" role="tabpanel">
 <figure><img src="../fig/docker-desktop/hello_inspect.png" alt="Inspect tab in container from hello-world image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-1-3" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-3">
+<div id="nav-tabpanel-3-3" class="tab-pane" aria-labelledby="nav-tab-3-3" role="tabpanel">
 <figure><img src="../fig/docker-desktop/hello_bind.png" alt="Bind mounts tab in container from hello-world image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-1-4" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-4">
+<div id="nav-tabpanel-3-4" class="tab-pane" aria-labelledby="nav-tab-3-4" role="tabpanel">
 <figure><img src="../fig/docker-desktop/hello_exec.png" alt="Exec tab in container from hello-world image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-1-5" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-5">
+<div id="nav-tabpanel-3-5" class="tab-pane" aria-labelledby="nav-tab-3-5" role="tabpanel">
 <figure><img src="../fig/docker-desktop/hello_files.png" alt="Files tab in container from hello-world image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-1-6" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-6">
+<div id="nav-tabpanel-3-6" class="tab-pane" aria-labelledby="nav-tab-3-6" role="tabpanel">
 <figure><img src="../fig/docker-desktop/hello_stats.png" alt="Stats tab in container from hello-world image." class="figure mx-auto d-block"></figure>
 </div>
 </div>
@@ -699,10 +775,62 @@ <h3 class="tab-header" id="nav-tab-heading-1-6">
 top-right corner. However, if we click on that button we will see the
 output duplicated in the logs, and the <code>Exited (0)</code> status
 again.</p>
-<figure><img src="../fig/docker-desktop/hello_start.gif" alt="Clicking Start on the already run hello-world container." class="figure mx-auto d-block"></figure><p>If we go back to the images tab and run the image again, we’ll see
+<div class="tabs">
+<nav><div id="nav-tab-4" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-4-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-4-1" type="button" role="tab" aria-controls="nav-tabpanel-4-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-4-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-4-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-4-2" type="button" role="tab" aria-controls="nav-tabpanel-4-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-4-2">
+  Step 2
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-4" class="tab-content">
+<div id="nav-tabpanel-4-1" class="tab-pane show active" aria-labelledby="nav-tab-4-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_start/DockerDesktop_17.png" alt="Clicking Start on the already run hello-world container - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-4-2" class="tab-pane" aria-labelledby="nav-tab-4-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_start/DockerDesktop_18.png" alt="Clicking Start on the already run hello-world container - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>If we go back to the images tab and run the image again, we’ll see
 that the same thing happens. We get the “Hello from Docker!”, and the
 container (with a new random name) exits.</p>
-<figure><img src="../fig/docker-desktop/hello_re-ran.gif" alt="Running hello-world image for a second time." class="figure mx-auto d-block"></figure><p>The nature of most containers is <em>ephemeral</em>.</p>
+<div class="tabs">
+<nav><div id="nav-tab-5" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-5-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-5-1" type="button" role="tab" aria-controls="nav-tabpanel-5-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-5-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-5-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-5-2" type="button" role="tab" aria-controls="nav-tabpanel-5-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-5-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-5-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-5-3" type="button" role="tab" aria-controls="nav-tabpanel-5-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-5-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-5" class="tab-content">
+<div id="nav-tabpanel-5-1" class="tab-pane show active" aria-labelledby="nav-tab-5-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_re-ran/DockerDesktop_19.png" alt="Running hello-world image for a second time - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-5-2" class="tab-pane" aria-labelledby="nav-tab-5-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_re-ran/DockerDesktop_20.png" alt="Running hello-world image for a second time - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-5-3" class="tab-pane" aria-labelledby="nav-tab-5-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_re-ran/DockerDesktop_21.png" alt="Running hello-world image for a second time - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>The nature of most containers is <em>ephemeral</em>.</p>
 <p>They are meant to execute a process, and when the process is
 completed, they exit. We can confirm this by clicking on the
 <code>Containers</code> tab on the left. This will exit the container
@@ -733,7 +861,37 @@ <h3 class="tab-header" id="nav-tab-heading-1-6">
 If you remember, we were instructed to run the container and configure a
 port. Lets add a map to the port <code>8321</code> in the local
 machine.</p>
-<figure><img src="../fig/docker-desktop/run_spuc_opt.gif" alt="Optional settings for spuc." class="figure mx-auto d-block"></figure><p>We are now ready to run it. You can immediately notice the status
+<div class="tabs">
+<nav><div id="nav-tab-6" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-6-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-6-1" type="button" role="tab" aria-controls="nav-tabpanel-6-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-6-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-6-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-6-2" type="button" role="tab" aria-controls="nav-tabpanel-6-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-6-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-6-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-6-3" type="button" role="tab" aria-controls="nav-tabpanel-6-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-6-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-6" class="tab-content">
+<div id="nav-tabpanel-6-1" class="tab-pane show active" aria-labelledby="nav-tab-6-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_opt/DockerDesktop_24.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-6-2" class="tab-pane" aria-labelledby="nav-tab-6-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_opt/DockerDesktop_25.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-6-3" class="tab-pane" aria-labelledby="nav-tab-6-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_opt/DockerDesktop_26.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>We are now ready to run it. You can immediately notice the status
 under the container name is <code>Running</code>, and instead of an
 option to start the container, we now get the option to stop it. The
 <code>Logs</code> tab is not too different, but the <code>Stats</code>
@@ -741,55 +899,55 @@ <h3 class="tab-header" id="nav-tab-heading-1-6">
 more interesting, we get access to a terminal inside the running
 container.</p>
 <div class="tabs">
-<nav><div id="nav-tab-2" class="nav nav-tabs" role="tablist">
-<button class="nav-link active" id="nav-tab-2-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-1" type="button" role="tab" aria-controls="nav-tabpanel-2-1" aria-selected="true">
-  <h3 class="tab-header" id="nav-tab-heading-2-1">
+<nav><div id="nav-tab-7" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-7-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-1" type="button" role="tab" aria-controls="nav-tabpanel-7-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-7-1">
   Logs
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-2" type="button" role="tab" aria-controls="nav-tabpanel-2-2" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-2">
+<button class="nav-link" id="nav-tab-7-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-2" type="button" role="tab" aria-controls="nav-tabpanel-7-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-2">
   Inspect
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-3" type="button" role="tab" aria-controls="nav-tabpanel-2-3" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-3">
+<button class="nav-link" id="nav-tab-7-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-3" type="button" role="tab" aria-controls="nav-tabpanel-7-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-3">
   Bind mounts
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-4" type="button" role="tab" aria-controls="nav-tabpanel-2-4" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-4">
+<button class="nav-link" id="nav-tab-7-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-4" type="button" role="tab" aria-controls="nav-tabpanel-7-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-4">
   Exec
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-5" type="button" role="tab" aria-controls="nav-tabpanel-2-5" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-5">
+<button class="nav-link" id="nav-tab-7-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-5" type="button" role="tab" aria-controls="nav-tabpanel-7-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-5">
   Files
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-6" type="button" role="tab" aria-controls="nav-tabpanel-2-6" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-6">
+<button class="nav-link" id="nav-tab-7-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-6" type="button" role="tab" aria-controls="nav-tabpanel-7-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-6">
   Stats
   </h3>
 </button>
 </div>
-</nav><div id="nav-tabContent-2" class="tab-content">
-<div id="nav-tabpanel-2-1" class="tab-pane show active" role="tabpanel" aria-labelledby="nav-tab-2-1">
+</nav><div id="nav-tabContent-7" class="tab-content">
+<div id="nav-tabpanel-7-1" class="tab-pane show active" aria-labelledby="nav-tab-7-1" role="tabpanel">
 <figure><img src="../fig/docker-desktop/spuc_log.png" alt="Logs tab in container from spuc image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-2-2" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-2">
+<div id="nav-tabpanel-7-2" class="tab-pane" aria-labelledby="nav-tab-7-2" role="tabpanel">
 <figure><img src="../fig/docker-desktop/spuc_inspect.png" alt="Inspect tab in container from spuc image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-2-3" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-3">
+<div id="nav-tabpanel-7-3" class="tab-pane" aria-labelledby="nav-tab-7-3" role="tabpanel">
 <figure><img src="../fig/docker-desktop/spuc_bind.png" alt="Bind mounts tab in container from spuc image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-2-4" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-4">
+<div id="nav-tabpanel-7-4" class="tab-pane" aria-labelledby="nav-tab-7-4" role="tabpanel">
 <figure><img src="../fig/docker-desktop/spuc_exec.png" alt="Exec tab in container from spuc image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-2-5" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-5">
+<div id="nav-tabpanel-7-5" class="tab-pane" aria-labelledby="nav-tab-7-5" role="tabpanel">
 <figure><img src="../fig/docker-desktop/spuc_files.png" alt="Files tab in container from spuc image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-2-6" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-6">
+<div id="nav-tabpanel-7-6" class="tab-pane" aria-labelledby="nav-tab-7-6" role="tabpanel">
 <figure><img src="../fig/docker-desktop/spuc_stats.png" alt="Stats tab in container from spuc image." class="figure mx-auto d-block"></figure>
 </div>
 </div>
@@ -836,7 +994,69 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <pre><code>::::: {time} Unicorn number {count} spotted at {location}!! Brightness: {brightness} {units}</code></pre>
 <p>Another curl now should show the changes we made to the
 <code>print.config</code> file.</p>
-<figure><img src="../fig/docker-desktop/spuc_exec.gif" alt="Interacting with spuc terminal in the Exec tab." class="figure mx-auto d-block"></figure><p>At this point, it seems like the container is very much like a
+<div class="tabs">
+<nav><div id="nav-tab-8" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-8-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-1" type="button" role="tab" aria-controls="nav-tabpanel-8-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-8-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-2" type="button" role="tab" aria-controls="nav-tabpanel-8-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-3" type="button" role="tab" aria-controls="nav-tabpanel-8-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-3">
+  Step 3
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-4" type="button" role="tab" aria-controls="nav-tabpanel-8-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-4">
+  Step 4
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-5" type="button" role="tab" aria-controls="nav-tabpanel-8-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-5">
+  Step 5
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-6" type="button" role="tab" aria-controls="nav-tabpanel-8-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-6">
+  Step 6
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-7" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-7" type="button" role="tab" aria-controls="nav-tabpanel-8-7" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-7">
+  Step 7
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-8" class="tab-content">
+<div id="nav-tabpanel-8-1" class="tab-pane show active" aria-labelledby="nav-tab-8-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_34.png" alt="Interacting with spuc terminal in the Exec tab - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-8-2" class="tab-pane" aria-labelledby="nav-tab-8-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_35.png" alt="Interacting with spuc terminal in the Exec tab - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-8-3" class="tab-pane" aria-labelledby="nav-tab-8-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_36.png" alt="Interacting with spuc terminal in the Exec tab - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-8-4" class="tab-pane" aria-labelledby="nav-tab-8-4" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_37.png" alt="Interacting with spuc terminal in the Exec tab - Step 4" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-8-5" class="tab-pane" aria-labelledby="nav-tab-8-5" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_38.png" alt="Interacting with spuc terminal in the Exec tab - Step 5" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-8-6" class="tab-pane" aria-labelledby="nav-tab-8-6" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_39.png" alt="Interacting with spuc terminal in the Exec tab - Step 6" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-8-7" class="tab-pane" aria-labelledby="nav-tab-8-7" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_40.png" alt="Interacting with spuc terminal in the Exec tab - Step 7" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>At this point, it seems like the container is very much like a
 virtual machine, and we can do whatever we want with it. However, as
 we’ve mentioned before, containers are <em>meant to be
 ephemeral</em>.</p>
@@ -844,13 +1064,81 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <code>Exec</code> and <code>Stats</code>. The <code>Containers</code>
 tab on the left will also show the container status as
 <code>Exited</code>.</p>
-<figure><img src="../fig/docker-desktop/spuc_stopping.gif" alt="Stop the spuc container." class="figure mx-auto d-block"></figure><p>Lets go back to the <code>Images</code> tab, and run the
+<div class="tabs">
+<nav><div id="nav-tab-9" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-9-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-9-1" type="button" role="tab" aria-controls="nav-tabpanel-9-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-9-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-9-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-9-2" type="button" role="tab" aria-controls="nav-tabpanel-9-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-9-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-9-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-9-3" type="button" role="tab" aria-controls="nav-tabpanel-9-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-9-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-9" class="tab-content">
+<div id="nav-tabpanel-9-1" class="tab-pane show active" aria-labelledby="nav-tab-9-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_stopping/DockerDesktop_41.png" alt="Stop the spuc container - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-9-2" class="tab-pane" aria-labelledby="nav-tab-9-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_stopping/DockerDesktop_42.png" alt="Stop the spuc container - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-9-3" class="tab-pane" aria-labelledby="nav-tab-9-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_stopping/DockerDesktop_43.png" alt="Stop the spuc container - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>Lets go back to the <code>Images</code> tab, and run the
 <code>spuc</code> image again. Now lets go to the <code>Exec</code> tab,
 and try and edit the <code>print.config</code> file again. You’ll notice
 that <code>nano</code> is not there anymore. If you look at the contents
 of the file, for example with <code>cat config/print.config</code>,
 you’ll see that the changes we made are gone.</p>
-<figure><img src="../fig/docker-desktop/spuc_exec_2.gif" alt="Exec in fresh spuc container." class="figure mx-auto d-block"></figure><p>When we re-ran the <em>image</em>, we created a <strong>new</strong>
+<div class="tabs">
+<nav><div id="nav-tab-10" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-10-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-1" type="button" role="tab" aria-controls="nav-tabpanel-10-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-10-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-10-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-2" type="button" role="tab" aria-controls="nav-tabpanel-10-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-10-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-10-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-3" type="button" role="tab" aria-controls="nav-tabpanel-10-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-10-3">
+  Step 3
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-10-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-4" type="button" role="tab" aria-controls="nav-tabpanel-10-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-10-4">
+  Step 4
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-10" class="tab-content">
+<div id="nav-tabpanel-10-1" class="tab-pane show active" aria-labelledby="nav-tab-10-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec_2/DockerDesktop_44.png" alt="Exec in fresh spuc container - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-10-2" class="tab-pane" aria-labelledby="nav-tab-10-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec_2/DockerDesktop_45.png" alt="Exec in fresh spuc container - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-10-3" class="tab-pane" aria-labelledby="nav-tab-10-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec_2/DockerDesktop_51.png" alt="Exec in fresh spuc container - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-10-4" class="tab-pane" aria-labelledby="nav-tab-10-4" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec_2/DockerDesktop_52.png" alt="Exec in fresh spuc container - Step 4" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>When we re-ran the <em>image</em>, we created a <strong>new</strong>
 <em>container</em>. The new container is created from the template saved
 in the image, and so our changes have banished. This becomes very clear
 when we go back to the <code>Containers</code> tab on the left. We can
@@ -865,7 +1153,27 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <p>In Docker Desktop, all we need to do is click on the
 <code>Start</code> button from the <code>Containers</code> list. The
 terminal will appear empty, because it is a new session, but you will be
-able to see the changes we made before. <img src="../fig/docker-desktop/spuc_revival.gif" alt="Reviving container spuc." class="figure"></p>
+able to see the changes we made before. ::: tab</p>
+<div class="section level3">
+<h3 id="step-1-8">Step 1<a class="anchor" aria-label="anchor" href="#step-1-8"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_revival/DockerDesktop_54.png" alt="Reviving container spuc - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-2-8">Step 2<a class="anchor" aria-label="anchor" href="#step-2-8"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_revival/DockerDesktop_55.png" alt="Reviving container spuc - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-3-7">Step 3<a class="anchor" aria-label="anchor" href="#step-3-7"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_revival/DockerDesktop_58.png" alt="Reviving container spuc - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-4-3">Step 4<a class="anchor" aria-label="anchor" href="#step-4-3"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_revival/DockerDesktop_61.png" alt="Reviving container spuc - Step 4" class="figure mx-auto d-block"></figure><p>:::</p>
+</div>
 </section><section><h2 class="section-heading" id="naming-containers">Naming containers<a class="anchor" aria-label="anchor" href="#naming-containers"></a>
 </h2>
 <hr class="half-width">
@@ -874,28 +1182,148 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 can be very useful. However, it can also cause us problems.</p>
 <p>Lets run the <code>spuc</code> image again, and name the container
 <code>SPUC</code>.</p>
-<figure><img src="../fig/docker-desktop/run_spuc_named.gif" alt="Optional settings for spuc." class="figure mx-auto d-block"></figure><p>If we look at the container list, it is much easier to find it, so
+<div class="tabs">
+<nav><div id="nav-tab-11" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-11-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-11-1" type="button" role="tab" aria-controls="nav-tabpanel-11-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-11-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-11-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-11-2" type="button" role="tab" aria-controls="nav-tabpanel-11-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-11-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-11-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-11-3" type="button" role="tab" aria-controls="nav-tabpanel-11-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-11-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-11" class="tab-content">
+<div id="nav-tabpanel-11-1" class="tab-pane show active" aria-labelledby="nav-tab-11-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_named/DockerDesktop_62.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-11-2" class="tab-pane" aria-labelledby="nav-tab-11-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_named/DockerDesktop_63.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-11-3" class="tab-pane" aria-labelledby="nav-tab-11-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_named/DockerDesktop_64.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>If we look at the container list, it is much easier to find it, so
 the name is useful!</p>
 <p>However, we forgot to map the port. So lets stop this container, and
 launch another one. This time we’ll map the port, and use the name we
-wanted. <img src="../fig/docker-desktop/run_spuc_name_conflict.gif" alt="Optional settings for spuc." class="figure"></p>
+wanted. ::: tab</p>
+<div class="section level3">
+<h3 id="step-1-10">Step 1<a class="anchor" aria-label="anchor" href="#step-1-10"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_65.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-2-10">Step 2<a class="anchor" aria-label="anchor" href="#step-2-10"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_66.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-3-9">Step 3<a class="anchor" aria-label="anchor" href="#step-3-9"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_67.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-4-4">Step 4<a class="anchor" aria-label="anchor" href="#step-4-4"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_68.png" alt="Optional settings for spuc - Step 4" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-5-2">Step 5<a class="anchor" aria-label="anchor" href="#step-5-2"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_69.png" alt="Optional settings for spuc - Step 5" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-6-1">Step 6<a class="anchor" aria-label="anchor" href="#step-6-1"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_70.png" alt="Optional settings for spuc - Step 6" class="figure mx-auto d-block"></figure><p>:::</p>
 <p>This time we got an error! This is because the name <code>SPUC</code>
 is already “in use” by another container. If we want the same name,
 we’ll have to delete the old container first.</p>
+</div>
 </section><section><h2 class="section-heading" id="cleaning-up">Cleaning up<a class="anchor" aria-label="anchor" href="#cleaning-up"></a>
 </h2>
 <hr class="half-width">
 <p>Lets go to the containers list, and delete the <code>SPUC</code>
 container. There is a very convenient bin icon on the right, which will
 prompt you for confirmation.</p>
-<figure><img src="../fig/docker-desktop/spuc_delete_container.gif" alt="Deleting container SPUC." class="figure mx-auto d-block"></figure><p>You should now be able to run the <code>spuc</code> image again, and
+<div class="tabs">
+<nav><div id="nav-tab-12" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-12-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-12-1" type="button" role="tab" aria-controls="nav-tabpanel-12-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-12-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-12-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-12-2" type="button" role="tab" aria-controls="nav-tabpanel-12-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-12-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-12-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-12-3" type="button" role="tab" aria-controls="nav-tabpanel-12-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-12-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-12" class="tab-content">
+<div id="nav-tabpanel-12-1" class="tab-pane show active" aria-labelledby="nav-tab-12-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_delete_container/DockerDesktop_71.png" alt="Deleting container SPUC - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-12-2" class="tab-pane" aria-labelledby="nav-tab-12-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_delete_container/DockerDesktop_72.png" alt="Deleting container SPUC - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-12-3" class="tab-pane" aria-labelledby="nav-tab-12-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_delete_container/DockerDesktop_73.png" alt="Deleting container SPUC - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>You should now be able to run the <code>spuc</code> image again, and
 name the container <code>SPUC</code>.</p>
 <p>Since we are deleting stuff, the <code>hello-world</code> image was
 nice and useful to test docker was working, but it is now rather
 useless. If I want to delete it, the <code>Images</code> tab on the left
 has a convenient bin icon to do so. Clicking on it will prompt you for
 confirmation, but it will fail.</p>
-<figure><img src="../fig/docker-desktop/images_delete_in_use_fail.gif" alt="Failing to delete image." class="figure mx-auto d-block"></figure><p>You’ll probably notice that the status of the image is
+<div class="tabs">
+<nav><div id="nav-tab-13" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-13-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-13-1" type="button" role="tab" aria-controls="nav-tabpanel-13-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-13-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-13-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-13-2" type="button" role="tab" aria-controls="nav-tabpanel-13-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-13-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-13-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-13-3" type="button" role="tab" aria-controls="nav-tabpanel-13-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-13-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-13" class="tab-content">
+<div id="nav-tabpanel-13-1" class="tab-pane show active" aria-labelledby="nav-tab-13-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_in_use_fail/DockerDesktop_73.png" alt="Failing to delete image - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-13-2" class="tab-pane" aria-labelledby="nav-tab-13-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_in_use_fail/DockerDesktop_74.png" alt="Failing to delete image - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div id="nav-tabpanel-13-3" class="tab-pane" aria-labelledby="nav-tab-13-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_in_use_fail/DockerDesktop_75.png" alt="Failing to delete image - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+</div>
+</div>
+<p>You’ll probably notice that the status of the image is
 <code>In use</code>. That seems strange though, given that all the
 containers from that image excited immediately.</p>
 <p>Lets have a look at the <code>Containers</code> tab. Some of the
@@ -909,7 +1337,26 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <p>Let’s try and get rid of the containers then. We can conveniently
 select them all with the tick-box at the top, and an option to
 <code>Delete</code> shows up. Clicking on it will prompt for
-confirmation, and we can go ahead and accept. <img src="../fig/docker-desktop/delete_all_containers.gif" alt="Deleting containers." class="figure"></p>
+confirmation, and we can go ahead and accept. ::: tab</p>
+<div class="section level3">
+<h3 id="step-1-13">Step 1<a class="anchor" aria-label="anchor" href="#step-1-13"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/delete_all_containers/DockerDesktop_76.png" alt="Deleting containers - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-2-13">Step 2<a class="anchor" aria-label="anchor" href="#step-2-13"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/delete_all_containers/DockerDesktop_77.png" alt="Deleting containers - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-3-12">Step 3<a class="anchor" aria-label="anchor" href="#step-3-12"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/delete_all_containers/DockerDesktop_78.png" alt="Deleting containers - Step 3" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-4-5">Step 4<a class="anchor" aria-label="anchor" href="#step-4-5"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/delete_all_containers/DockerDesktop_79.png" alt="Deleting containers - Step 4" class="figure mx-auto d-block"></figure><p>:::</p>
 <p>All our containers are now gone. Forever. We can’t get them back.
 This is fine though - they were meant to be ephemeral.</p>
 <p><strong><em>Warning:</em></strong> You have to be careful here, this
@@ -919,7 +1366,23 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <code>hello-world</code> image as <code>Unused</code> now. For docker,
 an image is <code>In use</code> as long as at least one container has
 been created from it. Since we have no containers from that image,
-Docker now knows the images can be safely deleted. <img src="../fig/docker-desktop/images_delete_hello.gif" alt="Successfully deleting images." class="figure"></p>
+Docker now knows the images can be safely deleted. ::: tab</p>
+</div>
+<div class="section level3">
+<h3 id="step-1-14">Step 1<a class="anchor" aria-label="anchor" href="#step-1-14"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_hello/DockerDesktop_80.png" alt="Successfully deleting images - Step 1" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-2-14">Step 2<a class="anchor" aria-label="anchor" href="#step-2-14"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_hello/DockerDesktop_81.png" alt="Successfully deleting images - Step 2" class="figure mx-auto d-block"></figure>
+</div>
+<div class="section level3">
+<h3 id="step-3-13">Step 3<a class="anchor" aria-label="anchor" href="#step-3-13"></a>
+</h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_hello/DockerDesktop_82.png" alt="Successfully deleting images - Step 3" class="figure mx-auto d-block"></figure><p>:::</p>
+</div>
 </section><section><h2 class="section-heading" id="limitations---why-not-docker-desktop">Limitations - Why not Docker Desktop?<a class="anchor" aria-label="anchor" href="#limitations---why-not-docker-desktop"></a>
 </h2>
 <hr class="half-width">
@@ -941,55 +1404,55 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <p>Nothing seems to have happened at all! Not even a single output to
 the <code>Logs</code>, and no way to open a terminal inside Alpine.</p>
 <div class="tabs">
-<nav><div id="nav-tab-3" class="nav nav-tabs" role="tablist">
-<button class="nav-link active" id="nav-tab-3-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-1" type="button" role="tab" aria-controls="nav-tabpanel-3-1" aria-selected="true">
-  <h3 class="tab-header" id="nav-tab-heading-3-1">
+<nav><div id="nav-tab-14" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-14-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-1" type="button" role="tab" aria-controls="nav-tabpanel-14-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-14-1">
   Logs
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-2" type="button" role="tab" aria-controls="nav-tabpanel-3-2" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-2">
+<button class="nav-link" id="nav-tab-14-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-2" type="button" role="tab" aria-controls="nav-tabpanel-14-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-2">
   Inspect
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-3" type="button" role="tab" aria-controls="nav-tabpanel-3-3" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-3">
+<button class="nav-link" id="nav-tab-14-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-3" type="button" role="tab" aria-controls="nav-tabpanel-14-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-3">
   Bind mounts
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-4" type="button" role="tab" aria-controls="nav-tabpanel-3-4" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-4">
+<button class="nav-link" id="nav-tab-14-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-4" type="button" role="tab" aria-controls="nav-tabpanel-14-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-4">
   Exec
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-5" type="button" role="tab" aria-controls="nav-tabpanel-3-5" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-5">
+<button class="nav-link" id="nav-tab-14-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-5" type="button" role="tab" aria-controls="nav-tabpanel-14-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-5">
   Files
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-6" type="button" role="tab" aria-controls="nav-tabpanel-3-6" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-6">
+<button class="nav-link" id="nav-tab-14-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-6" type="button" role="tab" aria-controls="nav-tabpanel-14-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-6">
   Stats
   </h3>
 </button>
 </div>
-</nav><div id="nav-tabContent-3" class="tab-content">
-<div id="nav-tabpanel-3-1" class="tab-pane show active" role="tabpanel" aria-labelledby="nav-tab-3-1">
+</nav><div id="nav-tabContent-14" class="tab-content">
+<div id="nav-tabpanel-14-1" class="tab-pane show active" aria-labelledby="nav-tab-14-1" role="tabpanel">
 <figure><img src="../fig/docker-desktop/alpine_logs.png" alt="Logs tab in container from alpine image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-3-2" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-2">
+<div id="nav-tabpanel-14-2" class="tab-pane" aria-labelledby="nav-tab-14-2" role="tabpanel">
 <figure><img src="../fig/docker-desktop/alpine_inspect.png" alt="Inspect tab in container from alpine image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-3-3" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-3">
+<div id="nav-tabpanel-14-3" class="tab-pane" aria-labelledby="nav-tab-14-3" role="tabpanel">
 <figure><img src="../fig/docker-desktop/alpine_bind.png" alt="Bind mounts tab in container from alpine image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-3-4" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-4">
+<div id="nav-tabpanel-14-4" class="tab-pane" aria-labelledby="nav-tab-14-4" role="tabpanel">
 <figure><img src="../fig/docker-desktop/alpine_exec.png" alt="Exec tab in container from alpine image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-3-5" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-5">
+<div id="nav-tabpanel-14-5" class="tab-pane" aria-labelledby="nav-tab-14-5" role="tabpanel">
 <figure><img src="../fig/docker-desktop/alpine_files.png" alt="Files tab in container from alpine image." class="figure mx-auto d-block"></figure>
 </div>
-<div id="nav-tabpanel-3-6" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-6">
+<div id="nav-tabpanel-14-6" class="tab-pane" aria-labelledby="nav-tab-14-6" role="tabpanel">
 <figure><img src="../fig/docker-desktop/alpine_stats.png" alt="Stats tab in container from alpine image." class="figure mx-auto d-block"></figure>
 </div>
 </div>
@@ -1035,7 +1498,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-docker-cli-toolkit"><p>Content from <a href="docker-cli-toolkit.html">Building our Docker CLI toolkit</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-cli-toolkit.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <p>Estimated time: <i aria-hidden="true" data-feather="clock"></i> 198 minutes</p>
@@ -2108,7 +2571,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-docker-volumes"><p>Content from <a href="docker-volumes.html">Sharing information with containers</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-volumes.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <p>Estimated time: <i aria-hidden="true" data-feather="clock"></i> 198 minutes</p>
@@ -2207,7 +2670,7 @@ <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"><
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler1" aria-expanded="false" aria-controls="collapseSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> Inspecting the volume </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <p>We can see more information about the volume using:</p>
 <div class="codewrapper sourceCode" id="cb5">
@@ -2503,7 +2966,7 @@ <h3 class="callout-title">Common mistakes with volumes</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <ol style="list-style-type: upper-alpha">
 <li><p><strong>Problem:</strong> We provided a volume name, but not a
@@ -2576,7 +3039,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-docker-hub"><p>Content from <a href="docker-hub.html">The Docker Hub</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-hub.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <p>Estimated time: <i aria-hidden="true" data-feather="clock"></i> 198 minutes</p>
@@ -2802,7 +3265,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-docker-run-configuration"><p>Content from <a href="docker-run-configuration.html">Configuring containers</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-run-configuration.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <p>Estimated time: <i aria-hidden="true" data-feather="clock"></i> 198 minutes</p>
@@ -3055,7 +3518,7 @@ <h3 class="callout-title">Challenge</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <p>These are all valid combinations! The best choice depends on the use
 case.</p>
@@ -3107,7 +3570,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-dockerfiles"><p>Content from <a href="dockerfiles.html">Creating Your Own Container Images</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/dockerfiles.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <p>Estimated time: <i aria-hidden="true" data-feather="clock"></i> 198 minutes</p>
@@ -3276,7 +3739,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Context
   </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
 <div class="accordion-body">
 <p>By default, the <code>docker build</code> command looks for a file
 called <code>Dockerfile</code> in the path specified by the last
@@ -3299,7 +3762,7 @@ <h3 class="accordion-header" id="headingSpoiler2">
   The Dockerfile name
   </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
 <div class="accordion-body">
 <p>As mentioned before, by default the <code>docker build</code> command
 looks for a file called <code>Dockerfile</code>.</p>
@@ -3508,7 +3971,7 @@ <h3 class="accordion-header" id="headingSpoiler3">
   Layers
   </h3>
 </button>
-<div id="collapseSpoiler3" class="accordion-collapse collapse" aria-labelledby="headingSpoiler3" data-bs-parent="#accordionSpoiler3">
+<div id="collapseSpoiler3" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler3" aria-labelledby="headingSpoiler3">
 <div class="accordion-body">
 <p>You might have now noticed that on every build we are getting
 messages like <code>CACHED [2/3]...</code> above.</p>
@@ -3662,7 +4125,7 @@ <h3 class="accordion-header" id="headingSpoiler4">
   Layers - continued
   </h3>
 </button>
-<div id="collapseSpoiler4" class="accordion-collapse collapse" aria-labelledby="headingSpoiler4" data-bs-parent="#accordionSpoiler4">
+<div id="collapseSpoiler4" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler4" aria-labelledby="headingSpoiler4">
 <div class="accordion-body">
 <p>You might have noticed that the <code>ENV</code> instruction did not
 create a new layer in the image.</p>
@@ -3860,7 +4323,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-docker-compose"><p>Content from <a href="docker-compose.html">Using Docker Compose</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-compose.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <p>Estimated time: <i aria-hidden="true" data-feather="clock"></i> 198 minutes</p>
@@ -4237,7 +4700,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Updating the compose file
   </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <p>You do not necessarily need to <code>down</code> your containers to
 update the configuration, Docker Compose can be <em>smart</em> like
@@ -4682,7 +5145,7 @@ <h3 class="accordion-header" id="headingSpoiler2">
   Simpler Dockerfile
   </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
 <div class="accordion-body">
 <p>You may have noticed that we ended up <em>duplicating</em> most of
 the configuration from the Dockerfile within the
@@ -4939,7 +5402,7 @@ <h3 class="accordion-header" id="headingSpoiler3">
   Network names
   </h3>
 </button>
-<div id="collapseSpoiler3" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler3" aria-labelledby="headingSpoiler3">
+<div id="collapseSpoiler3" class="accordion-collapse collapse" aria-labelledby="headingSpoiler3" data-bs-parent="#accordionSpoiler3">
 <div class="accordion-body">
 <p>You may have noticed that the network that Docker Compose created for
 our stack is named <code>docker_intro_default</code>. This is because
@@ -5104,7 +5567,7 @@ <h3 class="accordion-header" id="headingSpoiler4">
   Simulating a slow start
   </h3>
 </button>
-<div id="collapseSpoiler4" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler4" aria-labelledby="headingSpoiler4">
+<div id="collapseSpoiler4" class="accordion-collapse collapse" aria-labelledby="headingSpoiler4" data-bs-parent="#accordionSpoiler4">
 <div class="accordion-body">
 <p>This is a little hard to see in action as the SPUC service starts so
 quickly. To be able to see it, let’s add a <code>sleep</code> command to
@@ -5174,7 +5637,7 @@ <h3 class="accordion-header" id="headingSpoiler5">
   Simulating an unhealthy service
   </h3>
 </button>
-<div id="collapseSpoiler5" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler5" aria-labelledby="headingSpoiler5">
+<div id="collapseSpoiler5" class="accordion-collapse collapse" aria-labelledby="headingSpoiler5" data-bs-parent="#accordionSpoiler5">
 <div class="accordion-body">
 <p>To simulate a service that does not pass the healthcheck, we can set
 the <code>EXPORT</code> environment variable to <code>false</code> in
@@ -5276,7 +5739,7 @@ <h3 class="callout-title">Key Points</h3>
 </div>
 </section></section><section id="aio-docker-compose-microservices"><p>Content from <a href="docker-compose-microservices.html">And they lived happily ever after</a></p>
 <hr>
-<p>Last updated on 2024-11-06 |
+<p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-compose-microservices.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 <p>Estimated time: <i aria-hidden="true" data-feather="clock"></i> 198 minutes</p>
@@ -5535,8 +5998,8 @@ <h3 class="code-label">YML<i aria-hidden="true" data-feather="chevron-left"></i>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/aio.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/aio.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/docker-cli-toolkit.html b/instructor/docker-cli-toolkit.html
index ad47625..564c67b 100644
--- a/instructor/docker-cli-toolkit.html
+++ b/instructor/docker-cli-toolkit.html
@@ -361,7 +361,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Building our Docker CLI toolkit</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-cli-toolkit.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -1391,8 +1391,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/docker-cli-toolkit.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/docker-cli-toolkit.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/docker-compose-microservices.html b/instructor/docker-compose-microservices.html
index b931df1..f01dc32 100644
--- a/instructor/docker-compose-microservices.html
+++ b/instructor/docker-compose-microservices.html
@@ -355,7 +355,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>And they lived happily ever after</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-compose-microservices.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -615,8 +615,8 @@ <h3 class="code-label">YML<i aria-hidden="true" data-feather="chevron-left"></i>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/docker-compose-microservices.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/docker-compose-microservices.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/docker-compose.html b/instructor/docker-compose.html
index 3a7b797..5de03a6 100644
--- a/instructor/docker-compose.html
+++ b/instructor/docker-compose.html
@@ -354,7 +354,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Using Docker Compose</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-compose.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -697,7 +697,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Updating the compose file
   </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <p>You do not necessarily need to <code>down</code> your containers to
 update the configuration, Docker Compose can be <em>smart</em> like
@@ -1134,7 +1134,7 @@ <h3 class="accordion-header" id="headingSpoiler2">
   Simpler Dockerfile
   </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
 <div class="accordion-body">
 <p>You may have noticed that we ended up <em>duplicating</em> most of
 the configuration from the Dockerfile within the
@@ -1370,7 +1370,7 @@ <h3 class="accordion-header" id="headingSpoiler3">
   Network names
   </h3>
 </button>
-<div id="collapseSpoiler3" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler3" aria-labelledby="headingSpoiler3">
+<div id="collapseSpoiler3" class="accordion-collapse collapse" aria-labelledby="headingSpoiler3" data-bs-parent="#accordionSpoiler3">
 <div class="accordion-body">
 <p>You may have noticed that the network that Docker Compose created for
 our stack is named <code>docker_intro_default</code>. This is because
@@ -1534,7 +1534,7 @@ <h3 class="accordion-header" id="headingSpoiler4">
   Simulating a slow start
   </h3>
 </button>
-<div id="collapseSpoiler4" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler4" aria-labelledby="headingSpoiler4">
+<div id="collapseSpoiler4" class="accordion-collapse collapse" aria-labelledby="headingSpoiler4" data-bs-parent="#accordionSpoiler4">
 <div class="accordion-body">
 <p>This is a little hard to see in action as the SPUC service starts so
 quickly. To be able to see it, let’s add a <code>sleep</code> command to
@@ -1604,7 +1604,7 @@ <h3 class="accordion-header" id="headingSpoiler5">
   Simulating an unhealthy service
   </h3>
 </button>
-<div id="collapseSpoiler5" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler5" aria-labelledby="headingSpoiler5">
+<div id="collapseSpoiler5" class="accordion-collapse collapse" aria-labelledby="headingSpoiler5" data-bs-parent="#accordionSpoiler5">
 <div class="accordion-body">
 <p>To simulate a service that does not pass the healthcheck, we can set
 the <code>EXPORT</code> environment variable to <code>false</code> in
@@ -1760,8 +1760,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/docker-compose.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/docker-compose.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/docker-desktop.html b/instructor/docker-desktop.html
index d2ba796..2021e4e 100644
--- a/instructor/docker-desktop.html
+++ b/instructor/docker-desktop.html
@@ -358,7 +358,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Docker Desktop</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-desktop.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -439,7 +439,48 @@ <h3 class="card-title">Objectives</h3>
 image. If you click on the image you’ll be shown more information. You
 should be able to see the documentation, and it lets you select a tag
 (version) from the dropdown menu.</p>
-<figure><img src="../fig/docker-desktop/search_and_pull_spuc.gif" alt="Search and pull of SPUC container." class="figure mx-auto d-block"></figure><p>Once you find the image you were looking for, you can either download
+<div class="tabs">
+<nav><div id="nav-tab-1" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-1-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-1" type="button" role="tab" aria-controls="nav-tabpanel-1-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-1-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-2" type="button" role="tab" aria-controls="nav-tabpanel-1-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-3" type="button" role="tab" aria-controls="nav-tabpanel-1-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-3">
+  Step 3
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-4" type="button" role="tab" aria-controls="nav-tabpanel-1-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-4">
+  Step 4
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-1-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-5" type="button" role="tab" aria-controls="nav-tabpanel-1-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-1-5">
+  Step 5
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-1" class="tab-content">
+<div id="nav-tabpanel-1-1" class="tab-pane show active" aria-labelledby="nav-tab-1-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_00.png" alt="Search and pull of SPUC container - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-1-2" class="tab-pane" aria-labelledby="nav-tab-1-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_01.png" alt="Search and pull of SPUC container - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-1-3" class="tab-pane" aria-labelledby="nav-tab-1-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_03.png" alt="Search and pull of SPUC container - Step 3" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-1-4" class="tab-pane" aria-labelledby="nav-tab-1-4" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_04.png" alt="Search and pull of SPUC container - Step 4" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-1-5" class="tab-pane" aria-labelledby="nav-tab-1-5" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_05.png" alt="Search and pull of SPUC container - Step 5" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>Once you find the image you were looking for, you can either download
 it (pull), or directly run it.</p>
 <p>We’ll start by downloading the latest version. Go ahead and click on
 the <code>Pull</code> button.</p>
@@ -460,7 +501,34 @@ <h3 class="card-title">Objectives</h3>
 where they come from (Image hierarchy). For example, the vulnerabilities
 in the <code>spuc</code> image come from its base image,
 `python3-slim”.</p>
-<figure><img src="../fig/docker-desktop/image_inspect_spuc.gif" alt="Inspecting spuc image." class="figure mx-auto d-block"></figure><p>This all looks rather scary, and it is important that we are careful
+<div class="tabs">
+<nav><div id="nav-tab-2" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-2-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-1" type="button" role="tab" aria-controls="nav-tabpanel-2-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-2-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-2-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-2" type="button" role="tab" aria-controls="nav-tabpanel-2-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-2-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-2-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-3" type="button" role="tab" aria-controls="nav-tabpanel-2-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-2-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-2" class="tab-content">
+<div id="nav-tabpanel-2-1" class="tab-pane show active" aria-labelledby="nav-tab-2-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/image_inspect_spuc/DockerDesktop_06.png" alt="Inspecting spuc image - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-2-2" class="tab-pane" aria-labelledby="nav-tab-2-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/image_inspect_spuc/DockerDesktop_07.png" alt="Inspecting spuc image - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-2-3" class="tab-pane" aria-labelledby="nav-tab-2-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/image_inspect_spuc/DockerDesktop_08.png" alt="Inspecting spuc image - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>This all looks rather scary, and it is important that we are careful
 with the images that we download. It is therefore quite useful to be
 able to analyse them like this. The <code>python:3-slim</code> image, in
 particular, comes from a verified publisher, so it is unlikely to be
@@ -493,50 +561,50 @@ <h3 class="card-title">Objectives</h3>
 <code>Stats</code> tabs have to say. They both seem to indicate that we
 need to <em>run</em> or <em>start</em> the container.</p>
 <div class="tabs">
-<nav><div id="nav-tab-1" class="nav nav-tabs" role="tablist">
-<button class="nav-link active" id="nav-tab-1-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-1" type="button" role="tab" aria-controls="nav-tabpanel-1-1" aria-selected="true">
-  <h3 class="tab-header" id="nav-tab-heading-1-1">
+<nav><div id="nav-tab-3" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-3-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-1" type="button" role="tab" aria-controls="nav-tabpanel-3-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-3-1">
   Logs
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-2" type="button" role="tab" aria-controls="nav-tabpanel-1-2" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-2">
+<button class="nav-link" id="nav-tab-3-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-2" type="button" role="tab" aria-controls="nav-tabpanel-3-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-2">
   Inspect
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-3" type="button" role="tab" aria-controls="nav-tabpanel-1-3" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-3">
+<button class="nav-link" id="nav-tab-3-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-3" type="button" role="tab" aria-controls="nav-tabpanel-3-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-3">
   Bind mounts
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-4" type="button" role="tab" aria-controls="nav-tabpanel-1-4" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-4">
+<button class="nav-link" id="nav-tab-3-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-4" type="button" role="tab" aria-controls="nav-tabpanel-3-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-4">
   Exec
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-5" type="button" role="tab" aria-controls="nav-tabpanel-1-5" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-5">
+<button class="nav-link" id="nav-tab-3-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-5" type="button" role="tab" aria-controls="nav-tabpanel-3-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-5">
   Files
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-1-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-1-6" type="button" role="tab" aria-controls="nav-tabpanel-1-6" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-1-6">
+<button class="nav-link" id="nav-tab-3-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-6" type="button" role="tab" aria-controls="nav-tabpanel-3-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-3-6">
   Stats
   </h3>
 </button>
 </div>
-</nav><div id="nav-tabContent-1" class="tab-content">
-<div id="nav-tabpanel-1-1" class="tab-pane show active" role="tabpanel" aria-labelledby="nav-tab-1-1">
+</nav><div id="nav-tabContent-3" class="tab-content">
+<div id="nav-tabpanel-3-1" class="tab-pane show active" aria-labelledby="nav-tab-3-1" role="tabpanel">
 <figure><img src="../fig/docker-desktop/hello_log.png" alt="Logs tab in container from hello-world image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-1-2" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-2">
+<div id="nav-tabpanel-3-2" class="tab-pane" aria-labelledby="nav-tab-3-2" role="tabpanel">
 <figure><img src="../fig/docker-desktop/hello_inspect.png" alt="Inspect tab in container from hello-world image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-1-3" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-3">
+<div id="nav-tabpanel-3-3" class="tab-pane" aria-labelledby="nav-tab-3-3" role="tabpanel">
 <figure><img src="../fig/docker-desktop/hello_bind.png" alt="Bind mounts tab in container from hello-world image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-1-4" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-4">
+<div id="nav-tabpanel-3-4" class="tab-pane" aria-labelledby="nav-tab-3-4" role="tabpanel">
 <figure><img src="../fig/docker-desktop/hello_exec.png" alt="Exec tab in container from hello-world image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-1-5" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-5">
+<div id="nav-tabpanel-3-5" class="tab-pane" aria-labelledby="nav-tab-3-5" role="tabpanel">
 <figure><img src="../fig/docker-desktop/hello_files.png" alt="Files tab in container from hello-world image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-1-6" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-1-6">
+<div id="nav-tabpanel-3-6" class="tab-pane" aria-labelledby="nav-tab-3-6" role="tabpanel">
 <figure><img src="../fig/docker-desktop/hello_stats.png" alt="Stats tab in container from hello-world image." class="figure mx-auto d-block"></figure></div>
 </div>
 </div>
@@ -545,10 +613,57 @@ <h3 class="tab-header" id="nav-tab-heading-1-6">
 top-right corner. However, if we click on that button we will see the
 output duplicated in the logs, and the <code>Exited (0)</code> status
 again.</p>
-<figure><img src="../fig/docker-desktop/hello_start.gif" alt="Clicking Start on the already run hello-world container." class="figure mx-auto d-block"></figure><p>If we go back to the images tab and run the image again, we’ll see
+<div class="tabs">
+<nav><div id="nav-tab-4" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-4-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-4-1" type="button" role="tab" aria-controls="nav-tabpanel-4-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-4-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-4-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-4-2" type="button" role="tab" aria-controls="nav-tabpanel-4-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-4-2">
+  Step 2
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-4" class="tab-content">
+<div id="nav-tabpanel-4-1" class="tab-pane show active" aria-labelledby="nav-tab-4-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_start/DockerDesktop_17.png" alt="Clicking Start on the already run hello-world container - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-4-2" class="tab-pane" aria-labelledby="nav-tab-4-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_start/DockerDesktop_18.png" alt="Clicking Start on the already run hello-world container - Step 2" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>If we go back to the images tab and run the image again, we’ll see
 that the same thing happens. We get the “Hello from Docker!”, and the
 container (with a new random name) exits.</p>
-<figure><img src="../fig/docker-desktop/hello_re-ran.gif" alt="Running hello-world image for a second time." class="figure mx-auto d-block"></figure><p>The nature of most containers is <em>ephemeral</em>.</p>
+<div class="tabs">
+<nav><div id="nav-tab-5" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-5-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-5-1" type="button" role="tab" aria-controls="nav-tabpanel-5-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-5-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-5-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-5-2" type="button" role="tab" aria-controls="nav-tabpanel-5-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-5-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-5-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-5-3" type="button" role="tab" aria-controls="nav-tabpanel-5-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-5-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-5" class="tab-content">
+<div id="nav-tabpanel-5-1" class="tab-pane show active" aria-labelledby="nav-tab-5-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_re-ran/DockerDesktop_19.png" alt="Running hello-world image for a second time - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-5-2" class="tab-pane" aria-labelledby="nav-tab-5-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_re-ran/DockerDesktop_20.png" alt="Running hello-world image for a second time - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-5-3" class="tab-pane" aria-labelledby="nav-tab-5-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_re-ran/DockerDesktop_21.png" alt="Running hello-world image for a second time - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>The nature of most containers is <em>ephemeral</em>.</p>
 <p>They are meant to execute a process, and when the process is
 completed, they exit. We can confirm this by clicking on the
 <code>Containers</code> tab on the left. This will exit the container
@@ -577,7 +692,34 @@ <h3 class="tab-header" id="nav-tab-heading-1-6">
 If you remember, we were instructed to run the container and configure a
 port. Lets add a map to the port <code>8321</code> in the local
 machine.</p>
-<figure><img src="../fig/docker-desktop/run_spuc_opt.gif" alt="Optional settings for spuc." class="figure mx-auto d-block"></figure><p>We are now ready to run it. You can immediately notice the status
+<div class="tabs">
+<nav><div id="nav-tab-6" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-6-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-6-1" type="button" role="tab" aria-controls="nav-tabpanel-6-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-6-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-6-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-6-2" type="button" role="tab" aria-controls="nav-tabpanel-6-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-6-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-6-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-6-3" type="button" role="tab" aria-controls="nav-tabpanel-6-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-6-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-6" class="tab-content">
+<div id="nav-tabpanel-6-1" class="tab-pane show active" aria-labelledby="nav-tab-6-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_opt/DockerDesktop_24.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-6-2" class="tab-pane" aria-labelledby="nav-tab-6-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_opt/DockerDesktop_25.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-6-3" class="tab-pane" aria-labelledby="nav-tab-6-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_opt/DockerDesktop_26.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>We are now ready to run it. You can immediately notice the status
 under the container name is <code>Running</code>, and instead of an
 option to start the container, we now get the option to stop it. The
 <code>Logs</code> tab is not too different, but the <code>Stats</code>
@@ -585,50 +727,50 @@ <h3 class="tab-header" id="nav-tab-heading-1-6">
 more interesting, we get access to a terminal inside the running
 container.</p>
 <div class="tabs">
-<nav><div id="nav-tab-2" class="nav nav-tabs" role="tablist">
-<button class="nav-link active" id="nav-tab-2-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-1" type="button" role="tab" aria-controls="nav-tabpanel-2-1" aria-selected="true">
-  <h3 class="tab-header" id="nav-tab-heading-2-1">
+<nav><div id="nav-tab-7" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-7-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-1" type="button" role="tab" aria-controls="nav-tabpanel-7-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-7-1">
   Logs
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-2" type="button" role="tab" aria-controls="nav-tabpanel-2-2" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-2">
+<button class="nav-link" id="nav-tab-7-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-2" type="button" role="tab" aria-controls="nav-tabpanel-7-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-2">
   Inspect
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-3" type="button" role="tab" aria-controls="nav-tabpanel-2-3" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-3">
+<button class="nav-link" id="nav-tab-7-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-3" type="button" role="tab" aria-controls="nav-tabpanel-7-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-3">
   Bind mounts
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-4" type="button" role="tab" aria-controls="nav-tabpanel-2-4" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-4">
+<button class="nav-link" id="nav-tab-7-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-4" type="button" role="tab" aria-controls="nav-tabpanel-7-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-4">
   Exec
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-5" type="button" role="tab" aria-controls="nav-tabpanel-2-5" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-5">
+<button class="nav-link" id="nav-tab-7-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-5" type="button" role="tab" aria-controls="nav-tabpanel-7-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-5">
   Files
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-2-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-2-6" type="button" role="tab" aria-controls="nav-tabpanel-2-6" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-2-6">
+<button class="nav-link" id="nav-tab-7-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-7-6" type="button" role="tab" aria-controls="nav-tabpanel-7-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-7-6">
   Stats
   </h3>
 </button>
 </div>
-</nav><div id="nav-tabContent-2" class="tab-content">
-<div id="nav-tabpanel-2-1" class="tab-pane show active" role="tabpanel" aria-labelledby="nav-tab-2-1">
+</nav><div id="nav-tabContent-7" class="tab-content">
+<div id="nav-tabpanel-7-1" class="tab-pane show active" aria-labelledby="nav-tab-7-1" role="tabpanel">
 <figure><img src="../fig/docker-desktop/spuc_log.png" alt="Logs tab in container from spuc image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-2-2" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-2">
+<div id="nav-tabpanel-7-2" class="tab-pane" aria-labelledby="nav-tab-7-2" role="tabpanel">
 <figure><img src="../fig/docker-desktop/spuc_inspect.png" alt="Inspect tab in container from spuc image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-2-3" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-3">
+<div id="nav-tabpanel-7-3" class="tab-pane" aria-labelledby="nav-tab-7-3" role="tabpanel">
 <figure><img src="../fig/docker-desktop/spuc_bind.png" alt="Bind mounts tab in container from spuc image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-2-4" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-4">
+<div id="nav-tabpanel-7-4" class="tab-pane" aria-labelledby="nav-tab-7-4" role="tabpanel">
 <figure><img src="../fig/docker-desktop/spuc_exec.png" alt="Exec tab in container from spuc image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-2-5" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-5">
+<div id="nav-tabpanel-7-5" class="tab-pane" aria-labelledby="nav-tab-7-5" role="tabpanel">
 <figure><img src="../fig/docker-desktop/spuc_files.png" alt="Files tab in container from spuc image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-2-6" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-2-6">
+<div id="nav-tabpanel-7-6" class="tab-pane" aria-labelledby="nav-tab-7-6" role="tabpanel">
 <figure><img src="../fig/docker-desktop/spuc_stats.png" alt="Stats tab in container from spuc image." class="figure mx-auto d-block"></figure></div>
 </div>
 </div>
@@ -674,7 +816,62 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <pre><code>::::: {time} Unicorn number {count} spotted at {location}!! Brightness: {brightness} {units}</code></pre>
 <p>Another curl now should show the changes we made to the
 <code>print.config</code> file.</p>
-<figure><img src="../fig/docker-desktop/spuc_exec.gif" alt="Interacting with spuc terminal in the Exec tab." class="figure mx-auto d-block"></figure><p>At this point, it seems like the container is very much like a
+<div class="tabs">
+<nav><div id="nav-tab-8" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-8-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-1" type="button" role="tab" aria-controls="nav-tabpanel-8-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-8-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-2" type="button" role="tab" aria-controls="nav-tabpanel-8-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-3" type="button" role="tab" aria-controls="nav-tabpanel-8-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-3">
+  Step 3
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-4" type="button" role="tab" aria-controls="nav-tabpanel-8-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-4">
+  Step 4
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-5" type="button" role="tab" aria-controls="nav-tabpanel-8-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-5">
+  Step 5
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-6" type="button" role="tab" aria-controls="nav-tabpanel-8-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-6">
+  Step 6
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-8-7" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-8-7" type="button" role="tab" aria-controls="nav-tabpanel-8-7" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-8-7">
+  Step 7
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-8" class="tab-content">
+<div id="nav-tabpanel-8-1" class="tab-pane show active" aria-labelledby="nav-tab-8-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_34.png" alt="Interacting with spuc terminal in the Exec tab - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-8-2" class="tab-pane" aria-labelledby="nav-tab-8-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_35.png" alt="Interacting with spuc terminal in the Exec tab - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-8-3" class="tab-pane" aria-labelledby="nav-tab-8-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_36.png" alt="Interacting with spuc terminal in the Exec tab - Step 3" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-8-4" class="tab-pane" aria-labelledby="nav-tab-8-4" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_37.png" alt="Interacting with spuc terminal in the Exec tab - Step 4" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-8-5" class="tab-pane" aria-labelledby="nav-tab-8-5" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_38.png" alt="Interacting with spuc terminal in the Exec tab - Step 5" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-8-6" class="tab-pane" aria-labelledby="nav-tab-8-6" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_39.png" alt="Interacting with spuc terminal in the Exec tab - Step 6" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-8-7" class="tab-pane" aria-labelledby="nav-tab-8-7" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_40.png" alt="Interacting with spuc terminal in the Exec tab - Step 7" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>At this point, it seems like the container is very much like a
 virtual machine, and we can do whatever we want with it. However, as
 we’ve mentioned before, containers are <em>meant to be
 ephemeral</em>.</p>
@@ -682,13 +879,74 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <code>Exec</code> and <code>Stats</code>. The <code>Containers</code>
 tab on the left will also show the container status as
 <code>Exited</code>.</p>
-<figure><img src="../fig/docker-desktop/spuc_stopping.gif" alt="Stop the spuc container." class="figure mx-auto d-block"></figure><p>Lets go back to the <code>Images</code> tab, and run the
+<div class="tabs">
+<nav><div id="nav-tab-9" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-9-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-9-1" type="button" role="tab" aria-controls="nav-tabpanel-9-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-9-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-9-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-9-2" type="button" role="tab" aria-controls="nav-tabpanel-9-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-9-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-9-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-9-3" type="button" role="tab" aria-controls="nav-tabpanel-9-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-9-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-9" class="tab-content">
+<div id="nav-tabpanel-9-1" class="tab-pane show active" aria-labelledby="nav-tab-9-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_stopping/DockerDesktop_41.png" alt="Stop the spuc container - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-9-2" class="tab-pane" aria-labelledby="nav-tab-9-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_stopping/DockerDesktop_42.png" alt="Stop the spuc container - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-9-3" class="tab-pane" aria-labelledby="nav-tab-9-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_stopping/DockerDesktop_43.png" alt="Stop the spuc container - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>Lets go back to the <code>Images</code> tab, and run the
 <code>spuc</code> image again. Now lets go to the <code>Exec</code> tab,
 and try and edit the <code>print.config</code> file again. You’ll notice
 that <code>nano</code> is not there anymore. If you look at the contents
 of the file, for example with <code>cat config/print.config</code>,
 you’ll see that the changes we made are gone.</p>
-<figure><img src="../fig/docker-desktop/spuc_exec_2.gif" alt="Exec in fresh spuc container." class="figure mx-auto d-block"></figure><p>When we re-ran the <em>image</em>, we created a <strong>new</strong>
+<div class="tabs">
+<nav><div id="nav-tab-10" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-10-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-1" type="button" role="tab" aria-controls="nav-tabpanel-10-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-10-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-10-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-2" type="button" role="tab" aria-controls="nav-tabpanel-10-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-10-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-10-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-3" type="button" role="tab" aria-controls="nav-tabpanel-10-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-10-3">
+  Step 3
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-10-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-10-4" type="button" role="tab" aria-controls="nav-tabpanel-10-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-10-4">
+  Step 4
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-10" class="tab-content">
+<div id="nav-tabpanel-10-1" class="tab-pane show active" aria-labelledby="nav-tab-10-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec_2/DockerDesktop_44.png" alt="Exec in fresh spuc container - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-10-2" class="tab-pane" aria-labelledby="nav-tab-10-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec_2/DockerDesktop_45.png" alt="Exec in fresh spuc container - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-10-3" class="tab-pane" aria-labelledby="nav-tab-10-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec_2/DockerDesktop_51.png" alt="Exec in fresh spuc container - Step 3" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-10-4" class="tab-pane" aria-labelledby="nav-tab-10-4" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec_2/DockerDesktop_52.png" alt="Exec in fresh spuc container - Step 4" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>When we re-ran the <em>image</em>, we created a <strong>new</strong>
 <em>container</em>. The new container is created from the template saved
 in the image, and so our changes have banished. This becomes very clear
 when we go back to the <code>Containers</code> tab on the left. We can
@@ -701,33 +959,146 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <p>In Docker Desktop, all we need to do is click on the
 <code>Start</code> button from the <code>Containers</code> list. The
 terminal will appear empty, because it is a new session, but you will be
-able to see the changes we made before. <img src="../fig/docker-desktop/spuc_revival.gif" alt="Reviving container spuc." class="figure"></p>
+able to see the changes we made before. ::: tab</p>
+<div class="section level3">
+<h3 id="step-1-8">Step 1<a class="anchor" aria-label="anchor" href="#step-1-8"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_revival/DockerDesktop_54.png" alt="Reviving container spuc - Step 1" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-2-8">Step 2<a class="anchor" aria-label="anchor" href="#step-2-8"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_revival/DockerDesktop_55.png" alt="Reviving container spuc - Step 2" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-3-7">Step 3<a class="anchor" aria-label="anchor" href="#step-3-7"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_revival/DockerDesktop_58.png" alt="Reviving container spuc - Step 3" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-4-3">Step 4<a class="anchor" aria-label="anchor" href="#step-4-3"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_revival/DockerDesktop_61.png" alt="Reviving container spuc - Step 4" class="figure mx-auto d-block"></figure><p>:::</p>
+</div>
 </section><section><h2 class="section-heading" id="naming-containers">Naming containers<a class="anchor" aria-label="anchor" href="#naming-containers"></a></h2>
 <hr class="half-width"><p>We’ve been a bit sloppy with the containers, and they all have random
 names. It is possible to name the containers when we run them, and this
 can be very useful. However, it can also cause us problems.</p>
 <p>Lets run the <code>spuc</code> image again, and name the container
 <code>SPUC</code>.</p>
-<figure><img src="../fig/docker-desktop/run_spuc_named.gif" alt="Optional settings for spuc." class="figure mx-auto d-block"></figure><p>If we look at the container list, it is much easier to find it, so
+<div class="tabs">
+<nav><div id="nav-tab-11" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-11-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-11-1" type="button" role="tab" aria-controls="nav-tabpanel-11-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-11-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-11-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-11-2" type="button" role="tab" aria-controls="nav-tabpanel-11-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-11-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-11-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-11-3" type="button" role="tab" aria-controls="nav-tabpanel-11-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-11-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-11" class="tab-content">
+<div id="nav-tabpanel-11-1" class="tab-pane show active" aria-labelledby="nav-tab-11-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_named/DockerDesktop_62.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-11-2" class="tab-pane" aria-labelledby="nav-tab-11-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_named/DockerDesktop_63.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-11-3" class="tab-pane" aria-labelledby="nav-tab-11-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_named/DockerDesktop_64.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>If we look at the container list, it is much easier to find it, so
 the name is useful!</p>
 <p>However, we forgot to map the port. So lets stop this container, and
 launch another one. This time we’ll map the port, and use the name we
-wanted. <img src="../fig/docker-desktop/run_spuc_name_conflict.gif" alt="Optional settings for spuc." class="figure"></p>
+wanted. ::: tab</p>
+<div class="section level3">
+<h3 id="step-1-10">Step 1<a class="anchor" aria-label="anchor" href="#step-1-10"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_65.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-2-10">Step 2<a class="anchor" aria-label="anchor" href="#step-2-10"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_66.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-3-9">Step 3<a class="anchor" aria-label="anchor" href="#step-3-9"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_67.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-4-4">Step 4<a class="anchor" aria-label="anchor" href="#step-4-4"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_68.png" alt="Optional settings for spuc - Step 4" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-5-2">Step 5<a class="anchor" aria-label="anchor" href="#step-5-2"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_69.png" alt="Optional settings for spuc - Step 5" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-6-1">Step 6<a class="anchor" aria-label="anchor" href="#step-6-1"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_70.png" alt="Optional settings for spuc - Step 6" class="figure mx-auto d-block"></figure><p>:::</p>
 <p>This time we got an error! This is because the name <code>SPUC</code>
 is already “in use” by another container. If we want the same name,
 we’ll have to delete the old container first.</p>
+</div>
 </section><section><h2 class="section-heading" id="cleaning-up">Cleaning up<a class="anchor" aria-label="anchor" href="#cleaning-up"></a></h2>
 <hr class="half-width"><p>Lets go to the containers list, and delete the <code>SPUC</code>
 container. There is a very convenient bin icon on the right, which will
 prompt you for confirmation.</p>
-<figure><img src="../fig/docker-desktop/spuc_delete_container.gif" alt="Deleting container SPUC." class="figure mx-auto d-block"></figure><p>You should now be able to run the <code>spuc</code> image again, and
+<div class="tabs">
+<nav><div id="nav-tab-12" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-12-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-12-1" type="button" role="tab" aria-controls="nav-tabpanel-12-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-12-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-12-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-12-2" type="button" role="tab" aria-controls="nav-tabpanel-12-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-12-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-12-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-12-3" type="button" role="tab" aria-controls="nav-tabpanel-12-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-12-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-12" class="tab-content">
+<div id="nav-tabpanel-12-1" class="tab-pane show active" aria-labelledby="nav-tab-12-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_delete_container/DockerDesktop_71.png" alt="Deleting container SPUC - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-12-2" class="tab-pane" aria-labelledby="nav-tab-12-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_delete_container/DockerDesktop_72.png" alt="Deleting container SPUC - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-12-3" class="tab-pane" aria-labelledby="nav-tab-12-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_delete_container/DockerDesktop_73.png" alt="Deleting container SPUC - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>You should now be able to run the <code>spuc</code> image again, and
 name the container <code>SPUC</code>.</p>
 <p>Since we are deleting stuff, the <code>hello-world</code> image was
 nice and useful to test docker was working, but it is now rather
 useless. If I want to delete it, the <code>Images</code> tab on the left
 has a convenient bin icon to do so. Clicking on it will prompt you for
 confirmation, but it will fail.</p>
-<figure><img src="../fig/docker-desktop/images_delete_in_use_fail.gif" alt="Failing to delete image." class="figure mx-auto d-block"></figure><p>You’ll probably notice that the status of the image is
+<div class="tabs">
+<nav><div id="nav-tab-13" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-13-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-13-1" type="button" role="tab" aria-controls="nav-tabpanel-13-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-13-1">
+  Step 1
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-13-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-13-2" type="button" role="tab" aria-controls="nav-tabpanel-13-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-13-2">
+  Step 2
+  </h3>
+</button>
+<button class="nav-link" id="nav-tab-13-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-13-3" type="button" role="tab" aria-controls="nav-tabpanel-13-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-13-3">
+  Step 3
+  </h3>
+</button>
+</div>
+</nav><div id="nav-tabContent-13" class="tab-content">
+<div id="nav-tabpanel-13-1" class="tab-pane show active" aria-labelledby="nav-tab-13-1" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_in_use_fail/DockerDesktop_73.png" alt="Failing to delete image - Step 1" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-13-2" class="tab-pane" aria-labelledby="nav-tab-13-2" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_in_use_fail/DockerDesktop_74.png" alt="Failing to delete image - Step 2" class="figure mx-auto d-block"></figure></div>
+<div id="nav-tabpanel-13-3" class="tab-pane" aria-labelledby="nav-tab-13-3" role="tabpanel">
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_in_use_fail/DockerDesktop_75.png" alt="Failing to delete image - Step 3" class="figure mx-auto d-block"></figure></div>
+</div>
+</div>
+<p>You’ll probably notice that the status of the image is
 <code>In use</code>. That seems strange though, given that all the
 containers from that image excited immediately.</p>
 <p>Lets have a look at the <code>Containers</code> tab. Some of the
@@ -741,7 +1112,19 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <p>Let’s try and get rid of the containers then. We can conveniently
 select them all with the tick-box at the top, and an option to
 <code>Delete</code> shows up. Clicking on it will prompt for
-confirmation, and we can go ahead and accept. <img src="../fig/docker-desktop/delete_all_containers.gif" alt="Deleting containers." class="figure"></p>
+confirmation, and we can go ahead and accept. ::: tab</p>
+<div class="section level3">
+<h3 id="step-1-13">Step 1<a class="anchor" aria-label="anchor" href="#step-1-13"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/delete_all_containers/DockerDesktop_76.png" alt="Deleting containers - Step 1" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-2-13">Step 2<a class="anchor" aria-label="anchor" href="#step-2-13"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/delete_all_containers/DockerDesktop_77.png" alt="Deleting containers - Step 2" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-3-12">Step 3<a class="anchor" aria-label="anchor" href="#step-3-12"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/delete_all_containers/DockerDesktop_78.png" alt="Deleting containers - Step 3" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-4-5">Step 4<a class="anchor" aria-label="anchor" href="#step-4-5"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/delete_all_containers/DockerDesktop_79.png" alt="Deleting containers - Step 4" class="figure mx-auto d-block"></figure><p>:::</p>
 <p>All our containers are now gone. Forever. We can’t get them back.
 This is fine though - they were meant to be ephemeral.</p>
 <p><strong><em>Warning:</em></strong> You have to be careful here, this
@@ -751,7 +1134,18 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <code>hello-world</code> image as <code>Unused</code> now. For docker,
 an image is <code>In use</code> as long as at least one container has
 been created from it. Since we have no containers from that image,
-Docker now knows the images can be safely deleted. <img src="../fig/docker-desktop/images_delete_hello.gif" alt="Successfully deleting images." class="figure"></p>
+Docker now knows the images can be safely deleted. ::: tab</p>
+</div>
+<div class="section level3">
+<h3 id="step-1-14">Step 1<a class="anchor" aria-label="anchor" href="#step-1-14"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_hello/DockerDesktop_80.png" alt="Successfully deleting images - Step 1" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-2-14">Step 2<a class="anchor" aria-label="anchor" href="#step-2-14"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_hello/DockerDesktop_81.png" alt="Successfully deleting images - Step 2" class="figure mx-auto d-block"></figure></div>
+<div class="section level3">
+<h3 id="step-3-13">Step 3<a class="anchor" aria-label="anchor" href="#step-3-13"></a></h3>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_hello/DockerDesktop_82.png" alt="Successfully deleting images - Step 3" class="figure mx-auto d-block"></figure><p>:::</p>
+</div>
 </section><section><h2 class="section-heading" id="limitations---why-not-docker-desktop">Limitations - Why not Docker Desktop?<a class="anchor" aria-label="anchor" href="#limitations---why-not-docker-desktop"></a></h2>
 <hr class="half-width"><p>We have seen many of the neat and functional bits of Docker Desktop,
 and it can be mighty appealing, particularly so if you lean towards the
@@ -771,50 +1165,50 @@ <h3 class="code-label">BASH<i aria-hidden="true" data-feather="chevron-left"></i
 <p>Nothing seems to have happened at all! Not even a single output to
 the <code>Logs</code>, and no way to open a terminal inside Alpine.</p>
 <div class="tabs">
-<nav><div id="nav-tab-3" class="nav nav-tabs" role="tablist">
-<button class="nav-link active" id="nav-tab-3-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-1" type="button" role="tab" aria-controls="nav-tabpanel-3-1" aria-selected="true">
-  <h3 class="tab-header" id="nav-tab-heading-3-1">
+<nav><div id="nav-tab-14" class="nav nav-tabs" role="tablist">
+<button class="nav-link active" id="nav-tab-14-1" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-1" type="button" role="tab" aria-controls="nav-tabpanel-14-1" aria-selected="true">
+  <h3 class="tab-header" id="nav-tab-heading-14-1">
   Logs
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-2" type="button" role="tab" aria-controls="nav-tabpanel-3-2" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-2">
+<button class="nav-link" id="nav-tab-14-2" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-2" type="button" role="tab" aria-controls="nav-tabpanel-14-2" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-2">
   Inspect
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-3" type="button" role="tab" aria-controls="nav-tabpanel-3-3" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-3">
+<button class="nav-link" id="nav-tab-14-3" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-3" type="button" role="tab" aria-controls="nav-tabpanel-14-3" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-3">
   Bind mounts
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-4" type="button" role="tab" aria-controls="nav-tabpanel-3-4" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-4">
+<button class="nav-link" id="nav-tab-14-4" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-4" type="button" role="tab" aria-controls="nav-tabpanel-14-4" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-4">
   Exec
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-5" type="button" role="tab" aria-controls="nav-tabpanel-3-5" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-5">
+<button class="nav-link" id="nav-tab-14-5" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-5" type="button" role="tab" aria-controls="nav-tabpanel-14-5" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-5">
   Files
   </h3>
 </button>
-<button class="nav-link" id="nav-tab-3-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-3-6" type="button" role="tab" aria-controls="nav-tabpanel-3-6" aria-selected="false">
-  <h3 class="tab-header" id="nav-tab-heading-3-6">
+<button class="nav-link" id="nav-tab-14-6" data-bs-toggle="tab" data-bs-target="#nav-tabpanel-14-6" type="button" role="tab" aria-controls="nav-tabpanel-14-6" aria-selected="false">
+  <h3 class="tab-header" id="nav-tab-heading-14-6">
   Stats
   </h3>
 </button>
 </div>
-</nav><div id="nav-tabContent-3" class="tab-content">
-<div id="nav-tabpanel-3-1" class="tab-pane show active" role="tabpanel" aria-labelledby="nav-tab-3-1">
+</nav><div id="nav-tabContent-14" class="tab-content">
+<div id="nav-tabpanel-14-1" class="tab-pane show active" aria-labelledby="nav-tab-14-1" role="tabpanel">
 <figure><img src="../fig/docker-desktop/alpine_logs.png" alt="Logs tab in container from alpine image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-3-2" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-2">
+<div id="nav-tabpanel-14-2" class="tab-pane" aria-labelledby="nav-tab-14-2" role="tabpanel">
 <figure><img src="../fig/docker-desktop/alpine_inspect.png" alt="Inspect tab in container from alpine image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-3-3" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-3">
+<div id="nav-tabpanel-14-3" class="tab-pane" aria-labelledby="nav-tab-14-3" role="tabpanel">
 <figure><img src="../fig/docker-desktop/alpine_bind.png" alt="Bind mounts tab in container from alpine image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-3-4" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-4">
+<div id="nav-tabpanel-14-4" class="tab-pane" aria-labelledby="nav-tab-14-4" role="tabpanel">
 <figure><img src="../fig/docker-desktop/alpine_exec.png" alt="Exec tab in container from alpine image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-3-5" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-5">
+<div id="nav-tabpanel-14-5" class="tab-pane" aria-labelledby="nav-tab-14-5" role="tabpanel">
 <figure><img src="../fig/docker-desktop/alpine_files.png" alt="Files tab in container from alpine image." class="figure mx-auto d-block"></figure></div>
-<div id="nav-tabpanel-3-6" class="tab-pane" role="tabpanel" aria-labelledby="nav-tab-3-6">
+<div id="nav-tabpanel-14-6" class="tab-pane" aria-labelledby="nav-tab-14-6" role="tabpanel">
 <figure><img src="../fig/docker-desktop/alpine_stats.png" alt="Stats tab in container from alpine image." class="figure mx-auto d-block"></figure></div>
 </div>
 </div>
@@ -913,8 +1307,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/docker-desktop.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/docker-desktop.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/docker-hub.html b/instructor/docker-hub.html
index 9361ea9..88fd429 100644
--- a/instructor/docker-hub.html
+++ b/instructor/docker-hub.html
@@ -352,7 +352,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>The Docker Hub</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-hub.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -627,8 +627,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/docker-hub.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/docker-hub.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/docker-run-configuration.html b/instructor/docker-run-configuration.html
index a75e9b9..226ea58 100644
--- a/instructor/docker-run-configuration.html
+++ b/instructor/docker-run-configuration.html
@@ -353,7 +353,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Configuring containers</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-run-configuration.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -584,7 +584,7 @@ <h3 class="callout-title">Challenge</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <p>These are all valid combinations! The best choice depends on the use
 case.</p>
@@ -688,8 +688,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/docker-run-configuration.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/docker-run-configuration.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/docker-volumes.html b/instructor/docker-volumes.html
index a399f2b..c8948de 100644
--- a/instructor/docker-volumes.html
+++ b/instructor/docker-volumes.html
@@ -353,7 +353,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Sharing information with containers</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/docker-volumes.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -451,7 +451,7 @@ <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"><
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler1" aria-expanded="false" aria-controls="collapseSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> Inspecting the volume </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <p>We can see more information about the volume using:</p>
 <div class="codewrapper sourceCode" id="cb5">
@@ -742,7 +742,7 @@ <h3 class="callout-title">Common mistakes with volumes</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <ol style="list-style-type: upper-alpha"><li><p><strong>Problem:</strong> We provided a volume name, but not a
 path to mount it to. If the volume already existed, this will mount it
@@ -865,8 +865,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/docker-volumes.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/docker-volumes.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/dockerfiles.html b/instructor/dockerfiles.html
index 52662e2..0146fc2 100644
--- a/instructor/dockerfiles.html
+++ b/instructor/dockerfiles.html
@@ -355,7 +355,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Creating Your Own Container Images</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/dockerfiles.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -525,7 +525,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Context
   </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
 <div class="accordion-body">
 <p>By default, the <code>docker build</code> command looks for a file
 called <code>Dockerfile</code> in the path specified by the last
@@ -548,7 +548,7 @@ <h3 class="accordion-header" id="headingSpoiler2">
   The Dockerfile name
   </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
 <div class="accordion-body">
 <p>As mentioned before, by default the <code>docker build</code> command
 looks for a file called <code>Dockerfile</code>.</p>
@@ -755,7 +755,7 @@ <h3 class="accordion-header" id="headingSpoiler3">
   Layers
   </h3>
 </button>
-<div id="collapseSpoiler3" class="accordion-collapse collapse" aria-labelledby="headingSpoiler3" data-bs-parent="#accordionSpoiler3">
+<div id="collapseSpoiler3" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler3" aria-labelledby="headingSpoiler3">
 <div class="accordion-body">
 <p>You might have now noticed that on every build we are getting
 messages like <code>CACHED [2/3]...</code> above.</p>
@@ -907,7 +907,7 @@ <h3 class="accordion-header" id="headingSpoiler4">
   Layers - continued
   </h3>
 </button>
-<div id="collapseSpoiler4" class="accordion-collapse collapse" aria-labelledby="headingSpoiler4" data-bs-parent="#accordionSpoiler4">
+<div id="collapseSpoiler4" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler4" aria-labelledby="headingSpoiler4">
 <div class="accordion-body">
 <p>You might have noticed that the <code>ENV</code> instruction did not
 create a new layer in the image.</p>
@@ -1151,8 +1151,8 @@ <h3 class="callout-title">Key Points</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/dockerfiles.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/dockerfiles.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/images.html b/instructor/images.html
index 21fede1..c72cc75 100644
--- a/instructor/images.html
+++ b/instructor/images.html
@@ -410,139 +410,246 @@ <h3 id="docker-desktop-figure-1">Figure 1</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Docker Desktop being opened for the first time.’</p>
 <figure><img src="../fig/docker-desktop/docker_desktop_landing.png" alt="Docker Desktop being opened for the first time." class="figure mx-auto d-block"></figure><hr>
 <h3 id="docker-desktop-figure-2">Figure 2</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Search and pull of SPUC container.’</p>
-<figure><img src="../fig/docker-desktop/search_and_pull_spuc.gif" alt="Search and pull of SPUC container." class="figure mx-auto d-block"></figure><hr>
+<p aria-hidden="true">Image 1 of 1: ‘Search and pull of SPUC container - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_00.png" alt="Search and pull of SPUC container - Step 1" class="figure mx-auto d-block"></figure><hr>
 <h3 id="docker-desktop-figure-3">Figure 3</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Images list showing spuc, alpine and hello-world.’</p>
-<figure><img src="../fig/docker-desktop/images_spuc_alpine_hello.png" alt="Images list showing spuc, alpine and hello-world." class="figure mx-auto d-block"></figure><hr>
+<p aria-hidden="true">Image 1 of 1: ‘Search and pull of SPUC container - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_01.png" alt="Search and pull of SPUC container - Step 2" class="figure mx-auto d-block"></figure><hr>
 <h3 id="docker-desktop-figure-4">Figure 4</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Inspecting spuc image.’</p>
-<figure><img src="../fig/docker-desktop/image_inspect_spuc.gif" alt="Inspecting spuc image." class="figure mx-auto d-block"></figure><hr>
+<p aria-hidden="true">Image 1 of 1: ‘Search and pull of SPUC container - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_03.png" alt="Search and pull of SPUC container - Step 3" class="figure mx-auto d-block"></figure><hr>
 <h3 id="docker-desktop-figure-5">Figure 5</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Search and pull of SPUC container - Step 4’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_04.png" alt="Search and pull of SPUC container - Step 4" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-6">Figure 6</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Search and pull of SPUC container - Step 5’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/search_and_pull_spuc/DockerDesktop_05.png" alt="Search and pull of SPUC container - Step 5" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-7">Figure 7</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Images list showing spuc, alpine and hello-world.’</p>
+<figure><img src="../fig/docker-desktop/images_spuc_alpine_hello.png" alt="Images list showing spuc, alpine and hello-world." class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-8">Figure 8</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Inspecting spuc image - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/image_inspect_spuc/DockerDesktop_06.png" alt="Inspecting spuc image - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-9">Figure 9</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Inspecting spuc image - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/image_inspect_spuc/DockerDesktop_07.png" alt="Inspecting spuc image - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-10">Figure 10</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Inspecting spuc image - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/image_inspect_spuc/DockerDesktop_08.png" alt="Inspecting spuc image - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-11">Figure 11</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Run button from Images tab.’</p>
 <figure><img src="../fig/docker-desktop/image_run_hello.png" alt="Run button from Images tab." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-6">Figure 6</h3>
+<h3 id="docker-desktop-figure-12">Figure 12</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Run confirmation prompt.’</p>
 <figure><img src="../fig/docker-desktop/image_run_prompt.png" alt="Run confirmation prompt." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-7">Figure 7</h3>
+<h3 id="docker-desktop-figure-13">Figure 13</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Logs tab in container from hello-world image.’</p>
 <figure><img src="../fig/docker-desktop/hello_log.png" alt="Logs tab in container from hello-world image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-8">Figure 8</h3>
+<h3 id="docker-desktop-figure-14">Figure 14</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Inspect tab in container from hello-world image.’</p>
 <figure><img src="../fig/docker-desktop/hello_inspect.png" alt="Inspect tab in container from hello-world image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-9">Figure 9</h3>
+<h3 id="docker-desktop-figure-15">Figure 15</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Bind mounts tab in container from hello-world image.’</p>
 <figure><img src="../fig/docker-desktop/hello_bind.png" alt="Bind mounts tab in container from hello-world image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-10">Figure 10</h3>
+<h3 id="docker-desktop-figure-16">Figure 16</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Exec tab in container from hello-world image.’</p>
 <figure><img src="../fig/docker-desktop/hello_exec.png" alt="Exec tab in container from hello-world image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-11">Figure 11</h3>
+<h3 id="docker-desktop-figure-17">Figure 17</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Files tab in container from hello-world image.’</p>
 <figure><img src="../fig/docker-desktop/hello_files.png" alt="Files tab in container from hello-world image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-12">Figure 12</h3>
+<h3 id="docker-desktop-figure-18">Figure 18</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Stats tab in container from hello-world image.’</p>
 <figure><img src="../fig/docker-desktop/hello_stats.png" alt="Stats tab in container from hello-world image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-13">Figure 13</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Clicking Start on the already run hello-world container.’</p>
-<figure><img src="../fig/docker-desktop/hello_start.gif" alt="Clicking Start on the already run hello-world container." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-14">Figure 14</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Running hello-world image for a second time.’</p>
-<figure><img src="../fig/docker-desktop/hello_re-ran.gif" alt="Running hello-world image for a second time." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-15">Figure 15</h3>
+<h3 id="docker-desktop-figure-19">Figure 19</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Clicking Start on the already run hello-world container - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_start/DockerDesktop_17.png" alt="Clicking Start on the already run hello-world container - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-20">Figure 20</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Clicking Start on the already run hello-world container - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_start/DockerDesktop_18.png" alt="Clicking Start on the already run hello-world container - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-21">Figure 21</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Running hello-world image for a second time - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_re-ran/DockerDesktop_19.png" alt="Running hello-world image for a second time - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-22">Figure 22</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Running hello-world image for a second time - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_re-ran/DockerDesktop_20.png" alt="Running hello-world image for a second time - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-23">Figure 23</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Running hello-world image for a second time - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/hello_re-ran/DockerDesktop_21.png" alt="Running hello-world image for a second time - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-24">Figure 24</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Containers list.’</p>
 <figure><img src="../fig/docker-desktop/containers_list.png" alt="Containers list." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-16">Figure 16</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc.’</p>
-<figure><img src="../fig/docker-desktop/run_spuc_opt.gif" alt="Optional settings for spuc." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-17">Figure 17</h3>
+<h3 id="docker-desktop-figure-25">Figure 25</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_opt/DockerDesktop_24.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-26">Figure 26</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_opt/DockerDesktop_25.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-27">Figure 27</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_opt/DockerDesktop_26.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-28">Figure 28</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Logs tab in container from spuc image.’</p>
 <figure><img src="../fig/docker-desktop/spuc_log.png" alt="Logs tab in container from spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-18">Figure 18</h3>
+<h3 id="docker-desktop-figure-29">Figure 29</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Inspect tab in container from spuc image.’</p>
 <figure><img src="../fig/docker-desktop/spuc_inspect.png" alt="Inspect tab in container from spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-19">Figure 19</h3>
+<h3 id="docker-desktop-figure-30">Figure 30</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Bind mounts tab in container from spuc image.’</p>
 <figure><img src="../fig/docker-desktop/spuc_bind.png" alt="Bind mounts tab in container from spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-20">Figure 20</h3>
+<h3 id="docker-desktop-figure-31">Figure 31</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Exec tab in container from spuc image.’</p>
 <figure><img src="../fig/docker-desktop/spuc_exec.png" alt="Exec tab in container from spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-21">Figure 21</h3>
+<h3 id="docker-desktop-figure-32">Figure 32</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Files tab in container from spuc image.’</p>
 <figure><img src="../fig/docker-desktop/spuc_files.png" alt="Files tab in container from spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-22">Figure 22</h3>
+<h3 id="docker-desktop-figure-33">Figure 33</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Stats tab in container from spuc image.’</p>
 <figure><img src="../fig/docker-desktop/spuc_stats.png" alt="Stats tab in container from spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-23">Figure 23</h3>
+<h3 id="docker-desktop-figure-34">Figure 34</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Containers list, spuc still running.’</p>
 <figure><img src="../fig/docker-desktop/containers_list_spuc_running.png" alt="Containers list, spuc still running." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-24">Figure 24</h3>
+<h3 id="docker-desktop-figure-35">Figure 35</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Detecting a unicorn, spuc logs.’</p>
 <figure><img src="../fig/docker-desktop/spuc_unicorn_detected.png" alt="Detecting a unicorn, spuc logs." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-25">Figure 25</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab.’</p>
-<figure><img src="../fig/docker-desktop/spuc_exec.gif" alt="Interacting with spuc terminal in the Exec tab." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-26">Figure 26</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Stop the spuc container.’</p>
-<figure><img src="../fig/docker-desktop/spuc_stopping.gif" alt="Stop the spuc container." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-27">Figure 27</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Exec in fresh spuc container.’</p>
-<figure><img src="../fig/docker-desktop/spuc_exec_2.gif" alt="Exec in fresh spuc container." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-28">Figure 28</h3>
+<h3 id="docker-desktop-figure-36">Figure 36</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_34.png" alt="Interacting with spuc terminal in the Exec tab - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-37">Figure 37</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_35.png" alt="Interacting with spuc terminal in the Exec tab - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-38">Figure 38</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_36.png" alt="Interacting with spuc terminal in the Exec tab - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-39">Figure 39</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 4’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_37.png" alt="Interacting with spuc terminal in the Exec tab - Step 4" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-40">Figure 40</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 5’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_38.png" alt="Interacting with spuc terminal in the Exec tab - Step 5" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-41">Figure 41</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 6’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_39.png" alt="Interacting with spuc terminal in the Exec tab - Step 6" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-42">Figure 42</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Interacting with spuc terminal in the Exec tab - Step 7’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec/DockerDesktop_40.png" alt="Interacting with spuc terminal in the Exec tab - Step 7" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-43">Figure 43</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Stop the spuc container - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_stopping/DockerDesktop_41.png" alt="Stop the spuc container - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-44">Figure 44</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Stop the spuc container - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_stopping/DockerDesktop_42.png" alt="Stop the spuc container - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-45">Figure 45</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Stop the spuc container - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_stopping/DockerDesktop_43.png" alt="Stop the spuc container - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-46">Figure 46</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Exec in fresh spuc container - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec_2/DockerDesktop_44.png" alt="Exec in fresh spuc container - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-47">Figure 47</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Exec in fresh spuc container - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec_2/DockerDesktop_45.png" alt="Exec in fresh spuc container - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-48">Figure 48</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Exec in fresh spuc container - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec_2/DockerDesktop_51.png" alt="Exec in fresh spuc container - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-49">Figure 49</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Exec in fresh spuc container - Step 4’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_exec_2/DockerDesktop_52.png" alt="Exec in fresh spuc container - Step 4" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-50">Figure 50</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Containers list after new run of spuc image.’</p>
 <figure><img src="../fig/docker-desktop/containers_2_spuc_containers.png" alt="Containers list after new run of spuc image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-29">Figure 29</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Reviving container spuc.’</p>
-<p>In Docker Desktop, all we need to do is click on the
-<code>Start</code> button from the <code>Containers</code> list. The
-terminal will appear empty, because it is a new session, but you will be
-able to see the changes we made before. <img src="../fig/docker-desktop/spuc_revival.gif" alt="Reviving container spuc." class="figure"></p>
-<hr>
-<h3 id="docker-desktop-figure-30">Figure 30</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc.’</p>
-<figure><img src="../fig/docker-desktop/run_spuc_named.gif" alt="Optional settings for spuc." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-31">Figure 31</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc.’</p>
-<p>However, we forgot to map the port. So lets stop this container, and
-launch another one. This time we’ll map the port, and use the name we
-wanted. <img src="../fig/docker-desktop/run_spuc_name_conflict.gif" alt="Optional settings for spuc." class="figure"></p>
-<hr>
-<h3 id="docker-desktop-figure-32">Figure 32</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Deleting container SPUC.’</p>
-<figure><img src="../fig/docker-desktop/spuc_delete_container.gif" alt="Deleting container SPUC." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-33">Figure 33</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Failing to delete image.’</p>
-<figure><img src="../fig/docker-desktop/images_delete_in_use_fail.gif" alt="Failing to delete image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-34">Figure 34</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Deleting containers.’</p>
-<p>Let’s try and get rid of the containers then. We can conveniently
-select them all with the tick-box at the top, and an option to
-<code>Delete</code> shows up. Clicking on it will prompt for
-confirmation, and we can go ahead and accept. <img src="../fig/docker-desktop/delete_all_containers.gif" alt="Deleting containers." class="figure"></p>
-<hr>
-<h3 id="docker-desktop-figure-35">Figure 35</h3>
-<p aria-hidden="true">Image 1 of 1: ‘Successfully deleting images.’</p>
-<p>On the up-side, the <code>Images</code> tab shows the
-<code>hello-world</code> image as <code>Unused</code> now. For docker,
-an image is <code>In use</code> as long as at least one container has
-been created from it. Since we have no containers from that image,
-Docker now knows the images can be safely deleted. <img src="../fig/docker-desktop/images_delete_hello.gif" alt="Successfully deleting images." class="figure"></p>
-<hr>
-<h3 id="docker-desktop-figure-36">Figure 36</h3>
+<h3 id="docker-desktop-figure-51">Figure 51</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Reviving container spuc - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_revival/DockerDesktop_54.png" alt="Reviving container spuc - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-52">Figure 52</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Reviving container spuc - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_revival/DockerDesktop_55.png" alt="Reviving container spuc - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-53">Figure 53</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Reviving container spuc - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_revival/DockerDesktop_58.png" alt="Reviving container spuc - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-54">Figure 54</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Reviving container spuc - Step 4’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_revival/DockerDesktop_61.png" alt="Reviving container spuc - Step 4" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-55">Figure 55</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_named/DockerDesktop_62.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-56">Figure 56</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_named/DockerDesktop_63.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-57">Figure 57</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_named/DockerDesktop_64.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-58">Figure 58</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_65.png" alt="Optional settings for spuc - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-59">Figure 59</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_66.png" alt="Optional settings for spuc - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-60">Figure 60</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_67.png" alt="Optional settings for spuc - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-61">Figure 61</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 4’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_68.png" alt="Optional settings for spuc - Step 4" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-62">Figure 62</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 5’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_69.png" alt="Optional settings for spuc - Step 5" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-63">Figure 63</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Optional settings for spuc - Step 6’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/run_spuc_name_conflict/DockerDesktop_70.png" alt="Optional settings for spuc - Step 6" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-64">Figure 64</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting container SPUC - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_delete_container/DockerDesktop_71.png" alt="Deleting container SPUC - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-65">Figure 65</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting container SPUC - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_delete_container/DockerDesktop_72.png" alt="Deleting container SPUC - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-66">Figure 66</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting container SPUC - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/spuc_delete_container/DockerDesktop_73.png" alt="Deleting container SPUC - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-67">Figure 67</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Failing to delete image - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_in_use_fail/DockerDesktop_73.png" alt="Failing to delete image - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-68">Figure 68</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Failing to delete image - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_in_use_fail/DockerDesktop_74.png" alt="Failing to delete image - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-69">Figure 69</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Failing to delete image - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_in_use_fail/DockerDesktop_75.png" alt="Failing to delete image - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-70">Figure 70</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting containers - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/delete_all_containers/DockerDesktop_76.png" alt="Deleting containers - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-71">Figure 71</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting containers - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/delete_all_containers/DockerDesktop_77.png" alt="Deleting containers - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-72">Figure 72</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting containers - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/delete_all_containers/DockerDesktop_78.png" alt="Deleting containers - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-73">Figure 73</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Deleting containers - Step 4’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/delete_all_containers/DockerDesktop_79.png" alt="Deleting containers - Step 4" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-74">Figure 74</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Successfully deleting images - Step 1’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_hello/DockerDesktop_80.png" alt="Successfully deleting images - Step 1" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-75">Figure 75</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Successfully deleting images - Step 2’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_hello/DockerDesktop_81.png" alt="Successfully deleting images - Step 2" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-76">Figure 76</h3>
+<p aria-hidden="true">Image 1 of 1: ‘Successfully deleting images - Step 3’</p>
+<figure><img src="../fig/docker-desktop/cropped_screenshots/gifs/images_delete_hello/DockerDesktop_82.png" alt="Successfully deleting images - Step 3" class="figure mx-auto d-block"></figure><hr>
+<h3 id="docker-desktop-figure-77">Figure 77</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Logs tab in container from alpine image.’</p>
 <figure><img src="../fig/docker-desktop/alpine_logs.png" alt="Logs tab in container from alpine image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-37">Figure 37</h3>
+<h3 id="docker-desktop-figure-78">Figure 78</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Inspect tab in container from alpine image.’</p>
 <figure><img src="../fig/docker-desktop/alpine_inspect.png" alt="Inspect tab in container from alpine image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-38">Figure 38</h3>
+<h3 id="docker-desktop-figure-79">Figure 79</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Bind mounts tab in container from alpine image.’</p>
 <figure><img src="../fig/docker-desktop/alpine_bind.png" alt="Bind mounts tab in container from alpine image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-39">Figure 39</h3>
+<h3 id="docker-desktop-figure-80">Figure 80</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Exec tab in container from alpine image.’</p>
 <figure><img src="../fig/docker-desktop/alpine_exec.png" alt="Exec tab in container from alpine image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-40">Figure 40</h3>
+<h3 id="docker-desktop-figure-81">Figure 81</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Files tab in container from alpine image.’</p>
 <figure><img src="../fig/docker-desktop/alpine_files.png" alt="Files tab in container from alpine image." class="figure mx-auto d-block"></figure><hr>
-<h3 id="docker-desktop-figure-41">Figure 41</h3>
+<h3 id="docker-desktop-figure-82">Figure 82</h3>
 <p aria-hidden="true">Image 1 of 1: ‘Stats tab in container from alpine image.’</p>
 <figure><img src="../fig/docker-desktop/alpine_stats.png" alt="Stats tab in container from alpine image." class="figure mx-auto d-block"></figure><hr></section><section id="docker-cli-toolkit"><h2 class="section-heading"><a href="docker-cli-toolkit.html">Building our Docker CLI toolkit</a></h2>
 <hr class="half-width">
@@ -638,8 +745,8 @@ <h3 id="docker-compose-microservices-figure-4">Figure 4</h3>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/images.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/images.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/index.html b/instructor/index.html
index 6e6aaa1..6b4c6ec 100644
--- a/instructor/index.html
+++ b/instructor/index.html
@@ -663,8 +663,8 @@ <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"><
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/index.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/index.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/instructor-notes.html b/instructor/instructor-notes.html
index 39b4c32..4f91258 100644
--- a/instructor/instructor-notes.html
+++ b/instructor/instructor-notes.html
@@ -466,8 +466,8 @@ <h1>Instructor Notes</h1>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/instructor-notes.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/instructor-notes.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/introduction.html b/instructor/introduction.html
index 7e8fca1..9d6af9c 100644
--- a/instructor/introduction.html
+++ b/instructor/introduction.html
@@ -352,7 +352,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>The adventures of Docker and the Space Purple Unicorn Association</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/introduction.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -503,8 +503,8 @@ <h3 id="why-docker">Why Docker?<a class="anchor" aria-label="anchor" href="#why-
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/introduction.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/introduction.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/key-points.html b/instructor/key-points.html
index 8a26fc8..5d98619 100644
--- a/instructor/key-points.html
+++ b/instructor/key-points.html
@@ -705,8 +705,8 @@ <h2 class="accordion-header" id="flush-headingTwelve">
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/key-points.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/key-points.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/instructor/profiles.html b/instructor/profiles.html
index dfda64f..8f2fa6c 100644
--- a/instructor/profiles.html
+++ b/instructor/profiles.html
@@ -371,8 +371,8 @@ <h1>Learner Profiles</h1>
   "url": "https://uomresearchit.github.io/docker-introduction/instructor/profiles.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/instructor/profiles.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/introduction.html b/introduction.html
index 4ae1b6f..b7c7796 100644
--- a/introduction.html
+++ b/introduction.html
@@ -353,7 +353,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>The adventures of Docker and the Space Purple Unicorn Association</h1>
-        <p>Last updated on 2024-11-06 |
+        <p>Last updated on 2024-11-08 |
 
         <a href="https://github.com/UoMResearchIT/docker-introduction/edit/main/episodes/introduction.Rmd" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -502,8 +502,8 @@ <h3 id="why-docker">Why Docker?<a class="anchor" aria-label="anchor" href="#why-
   "url": "https://uomresearchit.github.io/docker-introduction/introduction.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/introduction.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/key-points.html b/key-points.html
index b2f4645..10d2df8 100644
--- a/key-points.html
+++ b/key-points.html
@@ -705,8 +705,8 @@ <h2 class="accordion-header" id="flush-headingTwelve">
   "url": "https://uomresearchit.github.io/docker-introduction/key-points.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/key-points.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>
diff --git a/md5sum.txt b/md5sum.txt
index d5c2033..7d4b4cf 100644
--- a/md5sum.txt
+++ b/md5sum.txt
@@ -1,18 +1,18 @@
 "file" "checksum" "built" "date"
-"CODE_OF_CONDUCT.md" "c93c83c630db2fe2462240bf72552548" "site/built/CODE_OF_CONDUCT.md" "2024-11-06"
-"LICENSE.md" "b24ebbb41b14ca25cf6b8216dda83e5f" "site/built/LICENSE.md" "2024-11-06"
-"config.yaml" "b7d1eb78e16127db4410987ce19e1956" "site/built/config.yaml" "2024-11-06"
-"index.md" "21107af9e64902e529737a4b8d27d13d" "site/built/index.md" "2024-11-06"
-"episodes/introduction.Rmd" "1603c83f8eca9cec0f1a71d9198b5999" "site/built/introduction.md" "2024-11-06"
-"episodes/docker-desktop.Rmd" "82d1d3a1fe21fbc1c309908bf025ef26" "site/built/docker-desktop.md" "2024-11-06"
-"episodes/docker-cli-toolkit.Rmd" "3482e849b70ac177ef1e2fb0d52b7055" "site/built/docker-cli-toolkit.md" "2024-11-06"
-"episodes/docker-volumes.Rmd" "82e70f8ce69609e10c7b416056b68a89" "site/built/docker-volumes.md" "2024-11-06"
-"episodes/docker-hub.Rmd" "96c1a5944df8006ceda602e9ba16b0f5" "site/built/docker-hub.md" "2024-11-06"
-"episodes/docker-run-configuration.Rmd" "196721cce2ad47a15ed252a6c4c0ca6c" "site/built/docker-run-configuration.md" "2024-11-06"
-"episodes/dockerfiles.Rmd" "e5801afa22656fe80e9bfdd9e34b4e36" "site/built/dockerfiles.md" "2024-11-06"
-"episodes/docker-compose.Rmd" "ec23da75b788e5e79f542da86a10f30a" "site/built/docker-compose.md" "2024-11-06"
-"episodes/docker-compose-microservices.Rmd" "fdb23ae83debf0ff58bd905ff83564ff" "site/built/docker-compose-microservices.md" "2024-11-06"
-"instructors/instructor-notes.md" "fcee6075930831d9bb66fa7f6b944aa7" "site/built/instructor-notes.md" "2024-11-06"
-"learners/setup.md" "deed63c9ba25ea089c474717ccbea121" "site/built/setup.md" "2024-11-06"
-"profiles/learner-profiles.md" "60b93493cf1da06dfd63255d73854461" "site/built/learner-profiles.md" "2024-11-06"
-"renv/profiles/lesson-requirements/renv.lock" "a8e606bfd968ba4a9d9afbf7ee524a40" "site/built/renv.lock" "2024-11-06"
+"CODE_OF_CONDUCT.md" "c93c83c630db2fe2462240bf72552548" "site/built/CODE_OF_CONDUCT.md" "2024-11-08"
+"LICENSE.md" "b24ebbb41b14ca25cf6b8216dda83e5f" "site/built/LICENSE.md" "2024-11-08"
+"config.yaml" "b7d1eb78e16127db4410987ce19e1956" "site/built/config.yaml" "2024-11-08"
+"index.md" "21107af9e64902e529737a4b8d27d13d" "site/built/index.md" "2024-11-08"
+"episodes/introduction.Rmd" "1603c83f8eca9cec0f1a71d9198b5999" "site/built/introduction.md" "2024-11-08"
+"episodes/docker-desktop.Rmd" "ea6c0b36a043916cab2f551033ab617f" "site/built/docker-desktop.md" "2024-11-08"
+"episodes/docker-cli-toolkit.Rmd" "3482e849b70ac177ef1e2fb0d52b7055" "site/built/docker-cli-toolkit.md" "2024-11-08"
+"episodes/docker-volumes.Rmd" "82e70f8ce69609e10c7b416056b68a89" "site/built/docker-volumes.md" "2024-11-08"
+"episodes/docker-hub.Rmd" "96c1a5944df8006ceda602e9ba16b0f5" "site/built/docker-hub.md" "2024-11-08"
+"episodes/docker-run-configuration.Rmd" "196721cce2ad47a15ed252a6c4c0ca6c" "site/built/docker-run-configuration.md" "2024-11-08"
+"episodes/dockerfiles.Rmd" "e5801afa22656fe80e9bfdd9e34b4e36" "site/built/dockerfiles.md" "2024-11-08"
+"episodes/docker-compose.Rmd" "ec23da75b788e5e79f542da86a10f30a" "site/built/docker-compose.md" "2024-11-08"
+"episodes/docker-compose-microservices.Rmd" "fdb23ae83debf0ff58bd905ff83564ff" "site/built/docker-compose-microservices.md" "2024-11-08"
+"instructors/instructor-notes.md" "fcee6075930831d9bb66fa7f6b944aa7" "site/built/instructor-notes.md" "2024-11-08"
+"learners/setup.md" "deed63c9ba25ea089c474717ccbea121" "site/built/setup.md" "2024-11-08"
+"profiles/learner-profiles.md" "60b93493cf1da06dfd63255d73854461" "site/built/learner-profiles.md" "2024-11-08"
+"renv/profiles/lesson-requirements/renv.lock" "5e10bb4149168a09412960af1502c477" "site/built/renv.lock" "2024-11-08"
diff --git a/pkgdown.yml b/pkgdown.yml
index ada1372..f6d5aa3 100644
--- a/pkgdown.yml
+++ b/pkgdown.yml
@@ -2,4 +2,4 @@ pandoc: 3.1.11
 pkgdown: 2.1.1
 pkgdown_sha: ~
 articles: {}
-last_built: 2024-11-06T17:48Z
+last_built: 2024-11-08T11:31Z
diff --git a/profiles.html b/profiles.html
index 34406cf..70b7bbb 100644
--- a/profiles.html
+++ b/profiles.html
@@ -372,8 +372,8 @@ <h1>Learner Profiles</h1>
   "url": "https://uomresearchit.github.io/docker-introduction/profiles.html",
   "identifier": "https://uomresearchit.github.io/docker-introduction/profiles.html",
   "dateCreated": "2015-04-18",
-  "dateModified": "2024-11-06",
-  "datePublished": "2024-11-06"
+  "dateModified": "2024-11-08",
+  "datePublished": "2024-11-08"
 }
 
   </script><script>