From c25b7ae3cbf96fb4ec49d542f76c6837d3cd812e Mon Sep 17 00:00:00 2001
From: GitHub Actions <actions@github.com>
Date: Tue, 13 Aug 2024 00:07:12 +0000
Subject: [PATCH] site deploy

Auto-generated via {sandpaper}
Source  : 15121d24c168e6a04679cb8a1edcb497e2d43b38
Branch  : md-outputs
Author  : GitHub Actions <actions@github.com>
Time    : 2024-06-18 14:12:00 +0000
Message : markdown source builds

Auto-generated via {sandpaper}
Source  : d36a93e1745bc64829d3b035e12198a8b81592f8
Branch  : main
Author  : Toby Hodges <tobyhodges@carpentries.org>
Time    : 2024-06-18 14:10:35 +0000
Message : Merge pull request #326 from marcodallavecchia/mdv/cheatsheet

Cheat Sheet Poster
---
 01-introduction.html                    |  2 +-
 02-image-basics.html                    |  2 +-
 03-skimage-images.html                  |  2 +-
 04-drawing.html                         |  2 +-
 05-creating-histograms.html             |  6 ++---
 06-blurring.html                        |  6 ++---
 07-thresholding.html                    | 14 +++++------
 08-connected-components.html            |  2 +-
 09-challenges.html                      |  6 ++---
 404.html                                |  4 ++--
 CODE_OF_CONDUCT.html                    |  2 +-
 LICENSE.html                            |  2 +-
 aio.html                                | 28 +++++++++++-----------
 discuss.html                            |  2 +-
 edge-detection.html                     |  6 ++---
 images.html                             |  4 ++--
 index.html                              | 10 ++++----
 instructor-notes.html                   |  4 ++--
 instructor/01-introduction.html         |  2 +-
 instructor/02-image-basics.html         |  2 +-
 instructor/03-skimage-images.html       |  2 +-
 instructor/04-drawing.html              |  2 +-
 instructor/05-creating-histograms.html  |  6 ++---
 instructor/06-blurring.html             |  8 +++----
 instructor/07-thresholding.html         | 16 ++++++-------
 instructor/08-connected-components.html |  2 +-
 instructor/09-challenges.html           |  6 ++---
 instructor/404.html                     |  4 ++--
 instructor/CODE_OF_CONDUCT.html         |  2 +-
 instructor/LICENSE.html                 |  2 +-
 instructor/aio.html                     | 32 ++++++++++++-------------
 instructor/discuss.html                 |  2 +-
 instructor/edge-detection.html          |  6 ++---
 instructor/images.html                  |  4 ++--
 instructor/index.html                   | 10 ++++----
 instructor/instructor-notes.html        |  4 ++--
 instructor/key-points.html              |  4 ++--
 instructor/prereqs.html                 |  2 +-
 instructor/profiles.html                |  4 ++--
 instructor/reference.html               |  2 +-
 key-points.html                         |  4 ++--
 pkgdown.yml                             |  2 +-
 prereqs.html                            |  2 +-
 profiles.html                           |  4 ++--
 reference.html                          |  2 +-
 45 files changed, 121 insertions(+), 121 deletions(-)

diff --git a/01-introduction.html b/01-introduction.html
index 61aa2aca8..ea83d0282 100644
--- a/01-introduction.html
+++ b/01-introduction.html
@@ -538,7 +538,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/01-introduction.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-07-26",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/02-image-basics.html b/02-image-basics.html
index 7aa96dc0c..74aee2b00 100644
--- a/02-image-basics.html
+++ b/02-image-basics.html
@@ -1586,7 +1586,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/02-image-basics.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-06-18",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/03-skimage-images.html b/03-skimage-images.html
index 985fcfb91..1e6e86728 100644
--- a/03-skimage-images.html
+++ b/03-skimage-images.html
@@ -1080,7 +1080,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/03-skimage-images.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-06-07",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/04-drawing.html b/04-drawing.html
index 32c3323cb..01acc88dd 100644
--- a/04-drawing.html
+++ b/04-drawing.html
@@ -1033,7 +1033,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/04-drawing.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-06-07",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/05-creating-histograms.html b/05-creating-histograms.html
index ff4342a47..fe78d6bc7 100644
--- a/05-creating-histograms.html
+++ b/05-creating-histograms.html
@@ -554,7 +554,7 @@ <h3 class="callout-title">Using a mask for a histogram (15 min)<a class="anchor"
 <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" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb5">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -752,7 +752,7 @@ <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"><
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb11">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -880,7 +880,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/05-creating-histograms.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-03-14",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/06-blurring.html b/06-blurring.html
index 57cb5e000..9860ac485 100644
--- a/06-blurring.html
+++ b/06-blurring.html
@@ -784,7 +784,7 @@ <h3 class="callout-title">Experimenting with sigma values (10 min)<a class="anch
 <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>Generally speaking, the larger the sigma value, the more blurry the
 result. A larger sigma will tend to get rid of more noise in the image,
@@ -816,7 +816,7 @@ <h3 class="callout-title">Experimenting with kernel shape (10 min - optional, no
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb13">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -929,7 +929,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/06-blurring.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-06-18",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/07-thresholding.html b/07-thresholding.html
index ecbf58351..d9773dde5 100644
--- a/07-thresholding.html
+++ b/07-thresholding.html
@@ -582,7 +582,7 @@ <h3 class="callout-title">More practice with simple thresholding (15 min)<a clas
 <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>The histogram for the <code>data/shapes-02.jpg</code> image can be
 shown with</p>
@@ -633,7 +633,7 @@ <h3 class="callout-title">More practice with simple thresholding (15
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <p>Here are the commands to create and view the binary mask</p>
 <div class="codewrapper sourceCode" id="cb8">
@@ -915,7 +915,7 @@ <h3 class="callout-title">Ignoring more of the images – brainstorming (10 min)
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution3" aria-expanded="false" aria-controls="collapseSolution3">
   <h4 class="accordion-header" id="headingSolution3"> Show me the solution </h4>
 </button>
-<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
 <div class="accordion-body">
 <p>One approach we might take is to try to completely mask out a region
 from each image, particularly, the area containing the white circle and
@@ -973,7 +973,7 @@ <h3 class="callout-title">Ignoring more of the images – implementation (30 min
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution4" aria-expanded="false" aria-controls="collapseSolution4">
   <h4 class="accordion-header" id="headingSolution4"> Show me the solution </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>We can apply a simple binary thresholding with a threshold
 <code>t=0.95</code> to remove the label and circle from the image. We
@@ -1029,7 +1029,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> What is &amp; doing in the example above? </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>The <code>&amp;</code> operator above means that we have defined a
 logical AND statement. This combines the two tests of pixel intensities
@@ -1089,7 +1089,7 @@ <h3 class="callout-title">Thresholding a bacteria colony image (15 min)<a class=
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution5" aria-expanded="false" aria-controls="collapseSolution5">
   <h4 class="accordion-header" id="headingSolution5"> Show me the solution </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>Here is the code to create the grayscale histogram:</p>
 <div class="codewrapper sourceCode" id="cb23">
@@ -1209,7 +1209,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/07-thresholding.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-03-12",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/08-connected-components.html b/08-connected-components.html
index 90d1c2733..b77acf1ac 100644
--- a/08-connected-components.html
+++ b/08-connected-components.html
@@ -1298,7 +1298,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/08-connected-components.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-03-12",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/09-challenges.html b/09-challenges.html
index c396619da..4a2bbc1be 100644
--- a/09-challenges.html
+++ b/09-challenges.html
@@ -413,7 +413,7 @@ <h3 class="callout-title">Morphometrics for bacterial colonies<a class="anchor"
 <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>First, let’s work through the process for one image:</p>
 <div class="codewrapper sourceCode" id="cb1">
@@ -556,7 +556,7 @@ <h3 class="callout-title">Colony counting with minimum size and automated thresh
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <p>Here is a modified function with the requested features. Note when
 calculating the Otsu threshold we don’t include the very bright pixels
@@ -666,7 +666,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/09-challenges.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-03-12",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/404.html b/404.html
index 7d154cc55..4b72f2d83 100644
--- a/404.html
+++ b/404.html
@@ -402,8 +402,8 @@ <h1>Page not found</h1>
   "url": "https://datacarpentry.github.io/image-processing/404.html",
   "identifier": "https://datacarpentry.github.io/image-processing/404.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/CODE_OF_CONDUCT.html b/CODE_OF_CONDUCT.html
index 845d524fe..fd0785ed3 100644
--- a/CODE_OF_CONDUCT.html
+++ b/CODE_OF_CONDUCT.html
@@ -412,7 +412,7 @@ <h1>Contributor Code of Conduct</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/CODE_OF_CONDUCT.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-25",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/LICENSE.html b/LICENSE.html
index 0156bdc0a..8a1e40cc9 100644
--- a/LICENSE.html
+++ b/LICENSE.html
@@ -463,7 +463,7 @@ <h1>Licenses</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/LICENSE.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-25",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/aio.html b/aio.html
index 0f8a89d9a..2c8676596 100644
--- a/aio.html
+++ b/aio.html
@@ -3339,7 +3339,7 @@ <h3 class="callout-title">Using a mask for a histogram (15 min)<a class="anchor"
 <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" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb5">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -3541,7 +3541,7 @@ <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"><
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb11">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -4055,7 +4055,7 @@ <h3 class="callout-title">Experimenting with sigma values (10 min)<a class="anch
 <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>Generally speaking, the larger the sigma value, the more blurry the
 result. A larger sigma will tend to get rid of more noise in the image,
@@ -4087,7 +4087,7 @@ <h3 class="callout-title">Experimenting with kernel shape (10 min - optional, no
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb13">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -4385,7 +4385,7 @@ <h3 class="callout-title">More practice with simple thresholding (15 min)<a clas
 <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>The histogram for the <code>data/shapes-02.jpg</code> image can be
 shown with</p>
@@ -4436,7 +4436,7 @@ <h3 class="callout-title">More practice with simple thresholding (15
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <p>Here are the commands to create and view the binary mask</p>
 <div class="codewrapper sourceCode" id="cb8">
@@ -4725,7 +4725,7 @@ <h3 class="callout-title">Ignoring more of the images – brainstorming (10 min)
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution3" aria-expanded="false" aria-controls="collapseSolution3">
   <h4 class="accordion-header" id="headingSolution3"> Show me the solution </h4>
 </button>
-<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
 <div class="accordion-body">
 <p>One approach we might take is to try to completely mask out a region
 from each image, particularly, the area containing the white circle and
@@ -4785,7 +4785,7 @@ <h3 class="callout-title">Ignoring more of the images – implementation (30 min
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution4" aria-expanded="false" aria-controls="collapseSolution4">
   <h4 class="accordion-header" id="headingSolution4"> Show me the solution </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>We can apply a simple binary thresholding with a threshold
 <code>t=0.95</code> to remove the label and circle from the image. We
@@ -4841,7 +4841,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> What is &amp; doing in the example above? </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>The <code>&amp;</code> operator above means that we have defined a
 logical AND statement. This combines the two tests of pixel intensities
@@ -4921,7 +4921,7 @@ <h3 class="callout-title">Thresholding a bacteria colony image (15 min)<a class=
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution5" aria-expanded="false" aria-controls="collapseSolution5">
   <h4 class="accordion-header" id="headingSolution5"> Show me the solution </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>Here is the code to create the grayscale histogram:</p>
 <div class="codewrapper sourceCode" id="cb23">
@@ -5973,7 +5973,7 @@ <h3 class="callout-title">Morphometrics for bacterial colonies<a class="anchor"
 <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>First, let’s work through the process for one image:</p>
 <div class="codewrapper sourceCode" id="cb1">
@@ -6116,7 +6116,7 @@ <h3 class="callout-title">Colony counting with minimum size and automated thresh
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <p>Here is a modified function with the requested features. Note when
 calculating the Otsu threshold we don’t include the very bright pixels
@@ -6217,8 +6217,8 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "url": "https://datacarpentry.github.io/image-processing/aio.html",
   "identifier": "https://datacarpentry.github.io/image-processing/aio.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/discuss.html b/discuss.html
index f6badcac9..799641ddd 100644
--- a/discuss.html
+++ b/discuss.html
@@ -434,7 +434,7 @@ <h1>Discussion</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/discuss.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-07-26",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/edge-detection.html b/edge-detection.html
index 5a1b01437..3f3931116 100644
--- a/edge-detection.html
+++ b/edge-detection.html
@@ -678,7 +678,7 @@ <h3 class="callout-title">Applying Canny edge detection to another image (5 min)
 <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>The coloured shape edge image above was produced with a low threshold
 value of 0.05 and a high threshold value of 0.07. You may be able to
@@ -714,7 +714,7 @@ <h3 class="callout-title">Using sliders for thresholding (30 min)<a class="ancho
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <p>Here is a program that uses a slider to vary the threshold value used
 in a simple, fixed-level thresholding process.</p>
@@ -856,7 +856,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/edge-detection.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-08-16",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/images.html b/images.html
index ae817d701..d8ae969c8 100644
--- a/images.html
+++ b/images.html
@@ -774,8 +774,8 @@ <h3 id="09-challenges-figure-10">Figure 10</h3>
   "url": "https://datacarpentry.github.io/image-processing/images.html",
   "identifier": "https://datacarpentry.github.io/image-processing/images.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/index.html b/index.html
index fcd6175ef..b49fb4ef0 100644
--- a/index.html
+++ b/index.html
@@ -453,7 +453,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Instructions for Linux &amp; Mac
   </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>Open a terminal and type <code>jupyter lab</code>.</p>
 </div>
@@ -468,7 +468,7 @@ <h3 class="accordion-header" id="headingSpoiler2">
   Instructions for Windows
   </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>Launch the Anaconda Prompt program and type <code>jupyter lab</code>.
 (Running this command on the standard Command Prompt will return an
@@ -517,7 +517,7 @@ <h3 class="accordion-header" id="headingSpoiler3">
   Running Cells in a Notebook
   </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><img src="fig/jupyter_overview.png" alt="Overview of the Jupyter Notebook graphical user interface" class="figure"> To
 run Python code in a Jupyter notebook cell, click on a cell in the
@@ -585,8 +585,8 @@ <h3 class="accordion-header" id="headingSpoiler3">
   "url": "https://datacarpentry.github.io/image-processing/index.html",
   "identifier": "https://datacarpentry.github.io/image-processing/index.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor-notes.html b/instructor-notes.html
index f7986b8d7..579ab4636 100644
--- a/instructor-notes.html
+++ b/instructor-notes.html
@@ -596,8 +596,8 @@ <h3 id="q-can-you-blur-while-retaining-edges">Q: Can you blur while retaining ed
   "url": "https://datacarpentry.github.io/image-processing/instructor-notes.html",
   "identifier": "https://datacarpentry.github.io/image-processing/instructor-notes.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/01-introduction.html b/instructor/01-introduction.html
index 6a9a0389b..160ad77b2 100644
--- a/instructor/01-introduction.html
+++ b/instructor/01-introduction.html
@@ -540,7 +540,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/01-introduction.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-07-26",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/02-image-basics.html b/instructor/02-image-basics.html
index 208207d0f..2202cbd2c 100644
--- a/instructor/02-image-basics.html
+++ b/instructor/02-image-basics.html
@@ -1588,7 +1588,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/02-image-basics.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-06-18",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/03-skimage-images.html b/instructor/03-skimage-images.html
index 02d0c11f1..b26331db0 100644
--- a/instructor/03-skimage-images.html
+++ b/instructor/03-skimage-images.html
@@ -1082,7 +1082,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/03-skimage-images.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-06-07",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/04-drawing.html b/instructor/04-drawing.html
index feca503a0..72c2426fa 100644
--- a/instructor/04-drawing.html
+++ b/instructor/04-drawing.html
@@ -1035,7 +1035,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/04-drawing.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-06-07",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/05-creating-histograms.html b/instructor/05-creating-histograms.html
index 06830d104..581a9dc77 100644
--- a/instructor/05-creating-histograms.html
+++ b/instructor/05-creating-histograms.html
@@ -556,7 +556,7 @@ <h3 class="callout-title">Using a mask for a histogram (15 min)<a class="anchor"
 <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" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb5">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -754,7 +754,7 @@ <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"><
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb11">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -882,7 +882,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/05-creating-histograms.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-03-14",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/06-blurring.html b/instructor/06-blurring.html
index 97e0b4b24..45552f940 100644
--- a/instructor/06-blurring.html
+++ b/instructor/06-blurring.html
@@ -529,7 +529,7 @@ <h3 class="callout-title">Kernels<a class="anchor" aria-label="anchor" href="#ke
 <button class="accordion-button instructor-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInstructor1" aria-expanded="false" aria-controls="collapseInstructor1">
   <h3 class="accordion-header" id="headingInstructor1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="edit-2"></i></div> Terminology about image boundaries </h3>
 </button>
-<div id="collapseInstructor1" class="accordion-collapse collapse" data-bs-parent="#accordionInstructor1" aria-labelledby="headingInstructor1">
+<div id="collapseInstructor1" class="accordion-collapse collapse" aria-labelledby="headingInstructor1" data-bs-parent="#accordionInstructor1">
 <div class="accordion-body">
 <p>Take care to avoid mixing up the term “edge” to describe the edges of
 objects <em>within</em> an image and the outer boundaries of the images
@@ -800,7 +800,7 @@ <h3 class="callout-title">Experimenting with sigma values (10 min)<a class="anch
 <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>Generally speaking, the larger the sigma value, the more blurry the
 result. A larger sigma will tend to get rid of more noise in the image,
@@ -832,7 +832,7 @@ <h3 class="callout-title">Experimenting with kernel shape (10 min - optional, no
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb13">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -945,7 +945,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/06-blurring.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-06-18",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/07-thresholding.html b/instructor/07-thresholding.html
index 0b10c1061..f5ee4fe3a 100644
--- a/instructor/07-thresholding.html
+++ b/instructor/07-thresholding.html
@@ -584,7 +584,7 @@ <h3 class="callout-title">More practice with simple thresholding (15 min)<a clas
 <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>The histogram for the <code>data/shapes-02.jpg</code> image can be
 shown with</p>
@@ -635,7 +635,7 @@ <h3 class="callout-title">More practice with simple thresholding (15
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <p>Here are the commands to create and view the binary mask</p>
 <div class="codewrapper sourceCode" id="cb8">
@@ -732,7 +732,7 @@ <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"><
 <button class="accordion-button instructor-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInstructor1" aria-expanded="false" aria-controls="collapseInstructor1">
   <h3 class="accordion-header" id="headingInstructor1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="edit-2"></i></div> Instructor Note </h3>
 </button>
-<div id="collapseInstructor1" class="accordion-collapse collapse" data-bs-parent="#accordionInstructor1" aria-labelledby="headingInstructor1">
+<div id="collapseInstructor1" class="accordion-collapse collapse" aria-labelledby="headingInstructor1" data-bs-parent="#accordionInstructor1">
 <div class="accordion-body">
 <p>The histogram of the maize root image may prompt questions from
 learners about the interpretation of the peaks and the broader region
@@ -937,7 +937,7 @@ <h3 class="callout-title">Ignoring more of the images – brainstorming (10 min)
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution3" aria-expanded="false" aria-controls="collapseSolution3">
   <h4 class="accordion-header" id="headingSolution3"> Show me the solution </h4>
 </button>
-<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
 <div class="accordion-body">
 <p>One approach we might take is to try to completely mask out a region
 from each image, particularly, the area containing the white circle and
@@ -995,7 +995,7 @@ <h3 class="callout-title">Ignoring more of the images – implementation (30 min
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution4" aria-expanded="false" aria-controls="collapseSolution4">
   <h4 class="accordion-header" id="headingSolution4"> Show me the solution </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>We can apply a simple binary thresholding with a threshold
 <code>t=0.95</code> to remove the label and circle from the image. We
@@ -1051,7 +1051,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> What is &amp; doing in the example above? </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>The <code>&amp;</code> operator above means that we have defined a
 logical AND statement. This combines the two tests of pixel intensities
@@ -1111,7 +1111,7 @@ <h3 class="callout-title">Thresholding a bacteria colony image (15 min)<a class=
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution5" aria-expanded="false" aria-controls="collapseSolution5">
   <h4 class="accordion-header" id="headingSolution5"> Show me the solution </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>Here is the code to create the grayscale histogram:</p>
 <div class="codewrapper sourceCode" id="cb23">
@@ -1231,7 +1231,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/07-thresholding.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-03-12",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/08-connected-components.html b/instructor/08-connected-components.html
index 88844b7c1..8e3bd9f77 100644
--- a/instructor/08-connected-components.html
+++ b/instructor/08-connected-components.html
@@ -1300,7 +1300,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/08-connected-components.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-03-12",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/09-challenges.html b/instructor/09-challenges.html
index 3670aba90..736f8028d 100644
--- a/instructor/09-challenges.html
+++ b/instructor/09-challenges.html
@@ -415,7 +415,7 @@ <h3 class="callout-title">Morphometrics for bacterial colonies<a class="anchor"
 <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>First, let’s work through the process for one image:</p>
 <div class="codewrapper sourceCode" id="cb1">
@@ -558,7 +558,7 @@ <h3 class="callout-title">Colony counting with minimum size and automated thresh
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <p>Here is a modified function with the requested features. Note when
 calculating the Otsu threshold we don’t include the very bright pixels
@@ -668,7 +668,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/09-challenges.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2024-03-12",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/404.html b/instructor/404.html
index e8254e963..3d759e8ff 100644
--- a/instructor/404.html
+++ b/instructor/404.html
@@ -402,8 +402,8 @@ <h1>Page not found</h1>
   "url": "https://datacarpentry.github.io/image-processing/instructor/404.html",
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/404.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/CODE_OF_CONDUCT.html b/instructor/CODE_OF_CONDUCT.html
index 593a6cd3c..553eca62f 100644
--- a/instructor/CODE_OF_CONDUCT.html
+++ b/instructor/CODE_OF_CONDUCT.html
@@ -414,7 +414,7 @@ <h1>Contributor Code of Conduct</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/CODE_OF_CONDUCT.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-25",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/LICENSE.html b/instructor/LICENSE.html
index 4336396b3..c59f9a16d 100644
--- a/instructor/LICENSE.html
+++ b/instructor/LICENSE.html
@@ -465,7 +465,7 @@ <h1>Licenses</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/LICENSE.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-25",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/aio.html b/instructor/aio.html
index 9d589817d..d2eec5406 100644
--- a/instructor/aio.html
+++ b/instructor/aio.html
@@ -3346,7 +3346,7 @@ <h3 class="callout-title">Using a mask for a histogram (15 min)<a class="anchor"
 <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" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb5">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -3548,7 +3548,7 @@ <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"><
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb11">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -3804,7 +3804,7 @@ <h3 class="callout-title">Kernels<a class="anchor" aria-label="anchor" href="#ke
 <button class="accordion-button instructor-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInstructor1" aria-expanded="false" aria-controls="collapseInstructor1">
   <h3 class="accordion-header" id="headingInstructor1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="edit-2"></i></div> Terminology about image boundaries </h3>
 </button>
-<div id="collapseInstructor1" class="accordion-collapse collapse" data-bs-parent="#accordionInstructor1" aria-labelledby="headingInstructor1">
+<div id="collapseInstructor1" class="accordion-collapse collapse" aria-labelledby="headingInstructor1" data-bs-parent="#accordionInstructor1">
 <div class="accordion-body">
 <p>Take care to avoid mixing up the term “edge” to describe the edges of
 objects <em>within</em> an image and the outer boundaries of the images
@@ -4077,7 +4077,7 @@ <h3 class="callout-title">Experimenting with sigma values (10 min)<a class="anch
 <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>Generally speaking, the larger the sigma value, the more blurry the
 result. A larger sigma will tend to get rid of more noise in the image,
@@ -4109,7 +4109,7 @@ <h3 class="callout-title">Experimenting with kernel shape (10 min - optional, no
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb13">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -4408,7 +4408,7 @@ <h3 class="callout-title">More practice with simple thresholding (15 min)<a clas
 <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>The histogram for the <code>data/shapes-02.jpg</code> image can be
 shown with</p>
@@ -4459,7 +4459,7 @@ <h3 class="callout-title">More practice with simple thresholding (15
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <p>Here are the commands to create and view the binary mask</p>
 <div class="codewrapper sourceCode" id="cb8">
@@ -4559,7 +4559,7 @@ <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"><
 <button class="accordion-button instructor-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInstructor1" aria-expanded="false" aria-controls="collapseInstructor1">
   <h3 class="accordion-header" id="headingInstructor1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="edit-2"></i></div> Instructor Note </h3>
 </button>
-<div id="collapseInstructor1" class="accordion-collapse collapse" data-bs-parent="#accordionInstructor1" aria-labelledby="headingInstructor1">
+<div id="collapseInstructor1" class="accordion-collapse collapse" aria-labelledby="headingInstructor1" data-bs-parent="#accordionInstructor1">
 <div class="accordion-body">
 <p>The histogram of the maize root image may prompt questions from
 learners about the interpretation of the peaks and the broader region
@@ -4768,7 +4768,7 @@ <h3 class="callout-title">Ignoring more of the images – brainstorming (10 min)
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution3" aria-expanded="false" aria-controls="collapseSolution3">
   <h4 class="accordion-header" id="headingSolution3"> Show me the solution </h4>
 </button>
-<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
 <div class="accordion-body">
 <p>One approach we might take is to try to completely mask out a region
 from each image, particularly, the area containing the white circle and
@@ -4828,7 +4828,7 @@ <h3 class="callout-title">Ignoring more of the images – implementation (30 min
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution4" aria-expanded="false" aria-controls="collapseSolution4">
   <h4 class="accordion-header" id="headingSolution4"> Show me the solution </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>We can apply a simple binary thresholding with a threshold
 <code>t=0.95</code> to remove the label and circle from the image. We
@@ -4884,7 +4884,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> What is &amp; doing in the example above? </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>The <code>&amp;</code> operator above means that we have defined a
 logical AND statement. This combines the two tests of pixel intensities
@@ -4964,7 +4964,7 @@ <h3 class="callout-title">Thresholding a bacteria colony image (15 min)<a class=
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution5" aria-expanded="false" aria-controls="collapseSolution5">
   <h4 class="accordion-header" id="headingSolution5"> Show me the solution </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>Here is the code to create the grayscale histogram:</p>
 <div class="codewrapper sourceCode" id="cb23">
@@ -6018,7 +6018,7 @@ <h3 class="callout-title">Morphometrics for bacterial colonies<a class="anchor"
 <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>First, let’s work through the process for one image:</p>
 <div class="codewrapper sourceCode" id="cb1">
@@ -6161,7 +6161,7 @@ <h3 class="callout-title">Colony counting with minimum size and automated thresh
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <p>Here is a modified function with the requested features. Note when
 calculating the Otsu threshold we don’t include the very bright pixels
@@ -6262,8 +6262,8 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "url": "https://datacarpentry.github.io/image-processing/instructor/aio.html",
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/aio.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/discuss.html b/instructor/discuss.html
index e3b9a32b0..ab7dc2164 100644
--- a/instructor/discuss.html
+++ b/instructor/discuss.html
@@ -436,7 +436,7 @@ <h1>Discussion</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/discuss.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-07-26",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/edge-detection.html b/instructor/edge-detection.html
index 987e0b5b2..348164dc8 100644
--- a/instructor/edge-detection.html
+++ b/instructor/edge-detection.html
@@ -680,7 +680,7 @@ <h3 class="callout-title">Applying Canny edge detection to another image (5 min)
 <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>The coloured shape edge image above was produced with a low threshold
 value of 0.05 and a high threshold value of 0.07. You may be able to
@@ -716,7 +716,7 @@ <h3 class="callout-title">Using sliders for thresholding (30 min)<a class="ancho
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <p>Here is a program that uses a slider to vary the threshold value used
 in a simple, fixed-level thresholding process.</p>
@@ -858,7 +858,7 @@ <h3 class="callout-title">Key Points<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/edge-detection.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-08-16",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/images.html b/instructor/images.html
index 1861e898c..2e8986e4f 100644
--- a/instructor/images.html
+++ b/instructor/images.html
@@ -776,8 +776,8 @@ <h3 id="09-challenges-figure-10">Figure 10</h3>
   "url": "https://datacarpentry.github.io/image-processing/instructor/images.html",
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/images.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/index.html b/instructor/index.html
index f092999a7..9400b7b36 100644
--- a/instructor/index.html
+++ b/instructor/index.html
@@ -544,7 +544,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Instructions for Linux &amp; Mac
   </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>Open a terminal and type <code>jupyter lab</code>.</p>
 </div>
@@ -559,7 +559,7 @@ <h3 class="accordion-header" id="headingSpoiler2">
   Instructions for Windows
   </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>Launch the Anaconda Prompt program and type <code>jupyter lab</code>.
 (Running this command on the standard Command Prompt will return an
@@ -608,7 +608,7 @@ <h3 class="accordion-header" id="headingSpoiler3">
   Running Cells in a Notebook
   </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><img src="../fig/jupyter_overview.png" alt="Overview of the Jupyter Notebook graphical user interface" class="figure"> To
 run Python code in a Jupyter notebook cell, click on a cell in the
@@ -676,8 +676,8 @@ <h3 class="accordion-header" id="headingSpoiler3">
   "url": "https://datacarpentry.github.io/image-processing/instructor/index.html",
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/index.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/instructor-notes.html b/instructor/instructor-notes.html
index e12cc3bc6..90e96dca1 100644
--- a/instructor/instructor-notes.html
+++ b/instructor/instructor-notes.html
@@ -631,8 +631,8 @@ <h3 id="07-thresholding-headingInstructor1">
   "url": "https://datacarpentry.github.io/image-processing/instructor/instructor-notes.html",
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/instructor-notes.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/key-points.html b/instructor/key-points.html
index 80dcaa5a8..02836b9f6 100644
--- a/instructor/key-points.html
+++ b/instructor/key-points.html
@@ -573,8 +573,8 @@ <h2 class="accordion-header" id="flush-headingTwelve">
   "url": "https://datacarpentry.github.io/image-processing/instructor/key-points.html",
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/key-points.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/prereqs.html b/instructor/prereqs.html
index a99eff3db..4bad83031 100644
--- a/instructor/prereqs.html
+++ b/instructor/prereqs.html
@@ -470,7 +470,7 @@ <h3 id="python-skills">Python skills<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/prereqs.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-07-26",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/profiles.html b/instructor/profiles.html
index 37d72f488..9170a8069 100644
--- a/instructor/profiles.html
+++ b/instructor/profiles.html
@@ -363,8 +363,8 @@ <h1>Learner Profiles</h1>
   "url": "https://datacarpentry.github.io/image-processing/instructor/profiles.html",
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/profiles.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/instructor/reference.html b/instructor/reference.html
index 9f866b30e..11dec032c 100644
--- a/instructor/reference.html
+++ b/instructor/reference.html
@@ -583,7 +583,7 @@ <h1>Reference</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/reference.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-26",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/key-points.html b/key-points.html
index 738221b20..39df875bc 100644
--- a/key-points.html
+++ b/key-points.html
@@ -571,8 +571,8 @@ <h2 class="accordion-header" id="flush-headingTwelve">
   "url": "https://datacarpentry.github.io/image-processing/key-points.html",
   "identifier": "https://datacarpentry.github.io/image-processing/key-points.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/pkgdown.yml b/pkgdown.yml
index 7e27e7ba2..0a82aec45 100644
--- a/pkgdown.yml
+++ b/pkgdown.yml
@@ -2,4 +2,4 @@ pandoc: 3.1.11
 pkgdown: 2.1.0
 pkgdown_sha: ~
 articles: {}
-last_built: 2024-08-06T00:06Z
+last_built: 2024-08-13T00:06Z
diff --git a/prereqs.html b/prereqs.html
index 652a8d04f..f30d8dd20 100644
--- a/prereqs.html
+++ b/prereqs.html
@@ -468,7 +468,7 @@ <h3 id="python-skills">Python skills<a class="anchor" aria-label="anchor" href="
   "identifier": "https://datacarpentry.github.io/image-processing/prereqs.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-07-26",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/profiles.html b/profiles.html
index 685bfd79d..6199c40f4 100644
--- a/profiles.html
+++ b/profiles.html
@@ -363,8 +363,8 @@ <h1>Learner Profiles</h1>
   "url": "https://datacarpentry.github.io/image-processing/profiles.html",
   "identifier": "https://datacarpentry.github.io/image-processing/profiles.html",
   "dateCreated": "2017-03-14",
-  "dateModified": "2024-08-06",
-  "datePublished": "2024-08-06"
+  "dateModified": "2024-08-13",
+  "datePublished": "2024-08-13"
 }
 
   </script><script>
diff --git a/reference.html b/reference.html
index ebe96b44c..571f1f405 100644
--- a/reference.html
+++ b/reference.html
@@ -581,7 +581,7 @@ <h1>Reference</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/reference.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-26",
-  "datePublished": "2024-08-06"
+  "datePublished": "2024-08-13"
 }
 
   </script><script>