diff --git a/01-introduction.html b/01-introduction.html
index c9d6ce7c..a7ec6b17 100644
--- a/01-introduction.html
+++ b/01-introduction.html
@@ -481,7 +481,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-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/02-image-basics.html b/02-image-basics.html
index 14f85fec..69d430c6 100644
--- a/02-image-basics.html
+++ b/02-image-basics.html
@@ -1519,7 +1519,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": "2023-12-19",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/03-skimage-images.html b/03-skimage-images.html
index 5ce33469..c1a28662 100644
--- a/03-skimage-images.html
+++ b/03-skimage-images.html
@@ -520,7 +520,7 @@ <h3 class="callout-title">Callout<a class="anchor" aria-label="anchor" href="#ca
 <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>Here is what your Python script might look like.</p>
 <div class="codewrapper sourceCode" id="cb6">
@@ -754,7 +754,7 @@ <h3 class="callout-title">Keeping only low intensity pixels (10
 <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>First, load the image file <code>data/sudoku.png</code> as a
 grayscale image. Note we may want to create a copy of the image array to
@@ -913,7 +913,7 @@ <h3 class="callout-title">Practicing with slices (10 min - optional, not
 <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>Here is the completed Python program to select only the plant and
 roots in the image.</p>
@@ -1028,7 +1028,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": "2023-12-19",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/04-drawing.html b/04-drawing.html
index 8858cf6b..3ce259ab 100644
--- a/04-drawing.html
+++ b/04-drawing.html
@@ -975,7 +975,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": "2023-09-05",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/05-creating-histograms.html b/05-creating-histograms.html
index d72656d0..e9c2f467 100644
--- a/05-creating-histograms.html
+++ b/05-creating-histograms.html
@@ -497,7 +497,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>
@@ -694,7 +694,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>
@@ -819,7 +819,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": "2023-12-08",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/06-blurring.html b/06-blurring.html
index e51f2e1c..d2a31b32 100644
--- a/06-blurring.html
+++ b/06-blurring.html
@@ -725,7 +725,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,
@@ -758,7 +758,7 @@ <h3 class="callout-title">Experimenting with kernel shape (10 min -
 <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>
@@ -871,7 +871,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": "2023-12-08",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/07-thresholding.html b/07-thresholding.html
index b678c3bd..22ad450c 100644
--- a/07-thresholding.html
+++ b/07-thresholding.html
@@ -526,7 +526,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="#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">
 <p>The histogram for the <code>data/shapes-02.jpg</code> image can be
 shown with</p>
@@ -577,7 +577,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" 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">
 <p>Here are the commands to create and view the binary mask</p>
 <div class="codewrapper sourceCode" id="cb8">
@@ -856,7 +856,7 @@ <h3 class="callout-title">Ignoring more of the images – brainstorming
 <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" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
 <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
@@ -915,7 +915,7 @@ <h3 class="callout-title">Ignoring more of the images – implementation
 <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" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
 <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
@@ -998,7 +998,7 @@ <h3 class="callout-title">Thresholding a bacteria colony image (15
 <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" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
 <div class="accordion-body">
 <p>Here is the code to create the grayscale histogram:</p>
 <div class="codewrapper sourceCode" id="cb23">
@@ -1118,7 +1118,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": "2023-12-15",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/08-connected-components.html b/08-connected-components.html
index a9a63d7d..508e4348 100644
--- a/08-connected-components.html
+++ b/08-connected-components.html
@@ -473,7 +473,7 @@ <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"><
 <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">
 <ol start="2" style="list-style-type: lower-alpha"><li>5</li>
 </ol></div>
@@ -501,7 +501,7 @@ <h3 class="callout-title">Object counting (optional, not included in
 <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">
 <ol style="list-style-type: lower-alpha"><li>2</li>
 </ol></div>
@@ -643,7 +643,7 @@ <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"><
   <h3 class="accordion-header" id="headingSpoiler1">
 <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div>Do you see an empty image?</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>If you are using an older version of Matplotlib you might get a
 warning
@@ -749,7 +749,7 @@ <h3 class="callout-title">How many objects are in that image (15
 <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" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
 <div class="accordion-body">
 <p>As you might have guessed, the return value <code>count</code>
 already contains the number of objects found in the image. So it can
@@ -863,7 +863,7 @@ <h3 class="callout-title">Plot a histogram of the object area
 <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" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
 <div class="accordion-body">
 <p>The histogram can be plotted with</p>
 <div class="codewrapper sourceCode" id="cb22">
@@ -917,7 +917,7 @@ <h3 class="callout-title">Filter objects by area (10 min)<a class="anchor" aria-
 <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" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
 <div class="accordion-body">
 <p>One way to count only objects above a certain area is to first create
 a list of those objects, and then take the length of that list as the
@@ -1008,7 +1008,7 @@ <h3 class="callout-title">Remove small objects (20 min)<a class="anchor" aria-la
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution6" aria-expanded="false" aria-controls="collapseSolution6">
   <h4 class="accordion-header" id="headingSolution6">Show me the solution</h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
 <div class="accordion-body">
 <p>To remove the small objects from the labeled image, we change the
 value of all pixels that belong to the small objects to the background
@@ -1114,7 +1114,7 @@ <h3 class="callout-title">Colour objects by area (optional, not included
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution7" aria-expanded="false" aria-controls="collapseSolution7">
   <h4 class="accordion-header" id="headingSolution7">Show me the solution</h4>
 </button>
-<div id="collapseSolution7" class="accordion-collapse collapse" aria-labelledby="headingSolution7" data-bs-parent="#accordionSolution7">
+<div id="collapseSolution7" class="accordion-collapse collapse" data-bs-parent="#accordionSolution7" aria-labelledby="headingSolution7">
 <div class="accordion-body">
 <p>We already know how to get the areas of the objects from the
 <code>regionprops</code>. We just need to insert a zero area value for
@@ -1247,7 +1247,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": "2023-12-19",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/09-challenges.html b/09-challenges.html
index 467ed66e..4a522411 100644
--- a/09-challenges.html
+++ b/09-challenges.html
@@ -610,7 +610,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": "2023-12-15",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/404.html b/404.html
index 6658e4a4..eefe5711 100644
--- a/404.html
+++ b/404.html
@@ -345,8 +345,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/CODE_OF_CONDUCT.html b/CODE_OF_CONDUCT.html
index dc8c969a..ae79fa25 100644
--- a/CODE_OF_CONDUCT.html
+++ b/CODE_OF_CONDUCT.html
@@ -355,7 +355,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-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/LICENSE.html b/LICENSE.html
index 72ab57f5..281d4593 100644
--- a/LICENSE.html
+++ b/LICENSE.html
@@ -406,7 +406,7 @@ <h1>Licenses</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/LICENSE.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-25",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/aio.html b/aio.html
index ffa52a2f..e319d270 100644
--- a/aio.html
+++ b/aio.html
@@ -1946,7 +1946,7 @@ <h3 class="callout-title">Callout<a class="anchor" aria-label="anchor" href="#ca
 <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>Here is what your Python script might look like.</p>
 <div class="codewrapper sourceCode" id="cb6">
@@ -2182,7 +2182,7 @@ <h3 class="callout-title">Keeping only low intensity pixels (10
 <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>First, load the image file <code>data/sudoku.png</code> as a
 grayscale image. Note we may want to create a copy of the image array to
@@ -2342,7 +2342,7 @@ <h3 class="callout-title">Practicing with slices (10 min - optional, not
 <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>Here is the completed Python program to select only the plant and
 roots in the image.</p>
@@ -3247,7 +3247,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>
@@ -3447,7 +3447,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>
@@ -3954,7 +3954,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,
@@ -3987,7 +3987,7 @@ <h3 class="callout-title">Experimenting with kernel shape (10 min -
 <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>
@@ -4283,7 +4283,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="#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">
 <p>The histogram for the <code>data/shapes-02.jpg</code> image can be
 shown with</p>
@@ -4334,7 +4334,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" 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">
 <p>Here are the commands to create and view the binary mask</p>
 <div class="codewrapper sourceCode" id="cb8">
@@ -4618,7 +4618,7 @@ <h3 class="callout-title">Ignoring more of the images – brainstorming
 <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" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
 <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
@@ -4679,7 +4679,7 @@ <h3 class="callout-title">Ignoring more of the images – implementation
 <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" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
 <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
@@ -4765,7 +4765,7 @@ <h3 class="callout-title">Thresholding a bacteria colony image (15
 <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" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
 <div class="accordion-body">
 <p>Here is the code to create the grayscale histogram:</p>
 <div class="codewrapper sourceCode" id="cb23">
@@ -5016,7 +5016,7 @@ <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"><
 <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">
 <ol start="2" style="list-style-type: lower-alpha">
 <li>5</li>
@@ -5048,7 +5048,7 @@ <h3 class="callout-title">Object counting (optional, not included in
 <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">
 <ol style="list-style-type: lower-alpha">
 <li>2</li>
@@ -5193,7 +5193,7 @@ <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"><
   <h3 class="accordion-header" id="headingSpoiler1">
 <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div>Do you see an empty image?</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>If you are using an older version of Matplotlib you might get a
 warning
@@ -5299,7 +5299,7 @@ <h3 class="callout-title">How many objects are in that image (15
 <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" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
 <div class="accordion-body">
 <p>As you might have guessed, the return value <code>count</code>
 already contains the number of objects found in the image. So it can
@@ -5416,7 +5416,7 @@ <h3 class="callout-title">Plot a histogram of the object area
 <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" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
 <div class="accordion-body">
 <p>The histogram can be plotted with</p>
 <div class="codewrapper sourceCode" id="cb22">
@@ -5472,7 +5472,7 @@ <h3 class="callout-title">Filter objects by area (10 min)<a class="anchor" aria-
 <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" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
 <div class="accordion-body">
 <p>One way to count only objects above a certain area is to first create
 a list of those objects, and then take the length of that list as the
@@ -5565,7 +5565,7 @@ <h3 class="callout-title">Remove small objects (20 min)<a class="anchor" aria-la
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution6" aria-expanded="false" aria-controls="collapseSolution6">
   <h4 class="accordion-header" id="headingSolution6">Show me the solution</h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
 <div class="accordion-body">
 <p>To remove the small objects from the labeled image, we change the
 value of all pixels that belong to the small objects to the background
@@ -5671,7 +5671,7 @@ <h3 class="callout-title">Colour objects by area (optional, not included
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution7" aria-expanded="false" aria-controls="collapseSolution7">
   <h4 class="accordion-header" id="headingSolution7">Show me the solution</h4>
 </button>
-<div id="collapseSolution7" class="accordion-collapse collapse" aria-labelledby="headingSolution7" data-bs-parent="#accordionSolution7">
+<div id="collapseSolution7" class="accordion-collapse collapse" data-bs-parent="#accordionSolution7" aria-labelledby="headingSolution7">
 <div class="accordion-body">
 <p>We already know how to get the areas of the objects from the
 <code>regionprops</code>. We just need to insert a zero area value for
@@ -6063,8 +6063,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/discuss.html b/discuss.html
index 4b582463..902f6041 100644
--- a/discuss.html
+++ b/discuss.html
@@ -377,7 +377,7 @@ <h1>Discussion</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/discuss.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-07-26",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/edge-detection.html b/edge-detection.html
index 33823137..76aa1d67 100644
--- a/edge-detection.html
+++ b/edge-detection.html
@@ -801,7 +801,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-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/images.html b/images.html
index 4df0581f..22f4b54c 100644
--- a/images.html
+++ b/images.html
@@ -708,8 +708,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/index.html b/index.html
index 94b14d8c..ae69f589 100644
--- a/index.html
+++ b/index.html
@@ -394,7 +394,7 @@ <h3 class="callout-title">Older
   <h3 class="accordion-header" id="headingSpoiler1">
 <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div>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>
@@ -407,7 +407,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler2">
 <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div>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
@@ -454,7 +454,7 @@ <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"><
   <h3 class="accordion-header" id="headingSpoiler3">
 <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div>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
@@ -522,8 +522,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor-notes.html b/instructor-notes.html
index 80431611..e0fa2029 100644
--- a/instructor-notes.html
+++ b/instructor-notes.html
@@ -516,8 +516,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/01-introduction.html b/instructor/01-introduction.html
index 870eeb08..9d62dfba 100644
--- a/instructor/01-introduction.html
+++ b/instructor/01-introduction.html
@@ -483,7 +483,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-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/02-image-basics.html b/instructor/02-image-basics.html
index d5423ea3..2958efdf 100644
--- a/instructor/02-image-basics.html
+++ b/instructor/02-image-basics.html
@@ -1521,7 +1521,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": "2023-12-19",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/03-skimage-images.html b/instructor/03-skimage-images.html
index 6250fd23..d5789ecb 100644
--- a/instructor/03-skimage-images.html
+++ b/instructor/03-skimage-images.html
@@ -522,7 +522,7 @@ <h3 class="callout-title">Callout<a class="anchor" aria-label="anchor" href="#ca
 <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>Here is what your Python script might look like.</p>
 <div class="codewrapper sourceCode" id="cb6">
@@ -756,7 +756,7 @@ <h3 class="callout-title">Keeping only low intensity pixels (10
 <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>First, load the image file <code>data/sudoku.png</code> as a
 grayscale image. Note we may want to create a copy of the image array to
@@ -915,7 +915,7 @@ <h3 class="callout-title">Practicing with slices (10 min - optional, not
 <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>Here is the completed Python program to select only the plant and
 roots in the image.</p>
@@ -1030,7 +1030,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": "2023-12-19",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/04-drawing.html b/instructor/04-drawing.html
index a23e7eb7..9e600218 100644
--- a/instructor/04-drawing.html
+++ b/instructor/04-drawing.html
@@ -977,7 +977,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": "2023-09-05",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/05-creating-histograms.html b/instructor/05-creating-histograms.html
index d85fc473..9670f530 100644
--- a/instructor/05-creating-histograms.html
+++ b/instructor/05-creating-histograms.html
@@ -499,7 +499,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>
@@ -696,7 +696,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>
@@ -821,7 +821,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": "2023-12-08",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/06-blurring.html b/instructor/06-blurring.html
index 5bef99af..84caa166 100644
--- a/instructor/06-blurring.html
+++ b/instructor/06-blurring.html
@@ -473,7 +473,7 @@ <h3 class="callout-title">Kernels<a class="anchor" aria-label="anchor" href="#ke
   <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
@@ -742,7 +742,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,
@@ -775,7 +775,7 @@ <h3 class="callout-title">Experimenting with kernel shape (10 min -
 <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>
@@ -888,7 +888,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": "2023-12-08",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/07-thresholding.html b/instructor/07-thresholding.html
index e5a2a134..bbf3a6f4 100644
--- a/instructor/07-thresholding.html
+++ b/instructor/07-thresholding.html
@@ -528,7 +528,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="#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">
 <p>The histogram for the <code>data/shapes-02.jpg</code> image can be
 shown with</p>
@@ -579,7 +579,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" 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">
 <p>Here are the commands to create and view the binary mask</p>
 <div class="codewrapper sourceCode" id="cb8">
@@ -858,7 +858,7 @@ <h3 class="callout-title">Ignoring more of the images – brainstorming
 <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" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
 <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
@@ -917,7 +917,7 @@ <h3 class="callout-title">Ignoring more of the images – implementation
 <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" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
 <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
@@ -1000,7 +1000,7 @@ <h3 class="callout-title">Thresholding a bacteria colony image (15
 <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" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
 <div class="accordion-body">
 <p>Here is the code to create the grayscale histogram:</p>
 <div class="codewrapper sourceCode" id="cb23">
@@ -1120,7 +1120,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": "2023-12-15",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/08-connected-components.html b/instructor/08-connected-components.html
index 5fc9b249..5fbcfeb7 100644
--- a/instructor/08-connected-components.html
+++ b/instructor/08-connected-components.html
@@ -475,7 +475,7 @@ <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"><
 <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">
 <ol start="2" style="list-style-type: lower-alpha"><li>5</li>
 </ol></div>
@@ -503,7 +503,7 @@ <h3 class="callout-title">Object counting (optional, not included in
 <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">
 <ol style="list-style-type: lower-alpha"><li>2</li>
 </ol></div>
@@ -645,7 +645,7 @@ <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"><
   <h3 class="accordion-header" id="headingSpoiler1">
 <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div>Do you see an empty image?</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>If you are using an older version of Matplotlib you might get a
 warning
@@ -751,7 +751,7 @@ <h3 class="callout-title">How many objects are in that image (15
 <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" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
 <div class="accordion-body">
 <p>As you might have guessed, the return value <code>count</code>
 already contains the number of objects found in the image. So it can
@@ -865,7 +865,7 @@ <h3 class="callout-title">Plot a histogram of the object area
 <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" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
 <div class="accordion-body">
 <p>The histogram can be plotted with</p>
 <div class="codewrapper sourceCode" id="cb22">
@@ -919,7 +919,7 @@ <h3 class="callout-title">Filter objects by area (10 min)<a class="anchor" aria-
 <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" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
 <div class="accordion-body">
 <p>One way to count only objects above a certain area is to first create
 a list of those objects, and then take the length of that list as the
@@ -1010,7 +1010,7 @@ <h3 class="callout-title">Remove small objects (20 min)<a class="anchor" aria-la
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution6" aria-expanded="false" aria-controls="collapseSolution6">
   <h4 class="accordion-header" id="headingSolution6">Show me the solution</h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
 <div class="accordion-body">
 <p>To remove the small objects from the labeled image, we change the
 value of all pixels that belong to the small objects to the background
@@ -1116,7 +1116,7 @@ <h3 class="callout-title">Colour objects by area (optional, not included
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution7" aria-expanded="false" aria-controls="collapseSolution7">
   <h4 class="accordion-header" id="headingSolution7">Show me the solution</h4>
 </button>
-<div id="collapseSolution7" class="accordion-collapse collapse" aria-labelledby="headingSolution7" data-bs-parent="#accordionSolution7">
+<div id="collapseSolution7" class="accordion-collapse collapse" data-bs-parent="#accordionSolution7" aria-labelledby="headingSolution7">
 <div class="accordion-body">
 <p>We already know how to get the areas of the objects from the
 <code>regionprops</code>. We just need to insert a zero area value for
@@ -1249,7 +1249,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": "2023-12-19",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/09-challenges.html b/instructor/09-challenges.html
index ba573b0b..131dc5da 100644
--- a/instructor/09-challenges.html
+++ b/instructor/09-challenges.html
@@ -612,7 +612,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": "2023-12-15",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/404.html b/instructor/404.html
index 151e19b9..b9e8885b 100644
--- a/instructor/404.html
+++ b/instructor/404.html
@@ -345,8 +345,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/CODE_OF_CONDUCT.html b/instructor/CODE_OF_CONDUCT.html
index 49664416..b0dddc5b 100644
--- a/instructor/CODE_OF_CONDUCT.html
+++ b/instructor/CODE_OF_CONDUCT.html
@@ -357,7 +357,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-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/LICENSE.html b/instructor/LICENSE.html
index 2d3872ba..6b058757 100644
--- a/instructor/LICENSE.html
+++ b/instructor/LICENSE.html
@@ -408,7 +408,7 @@ <h1>Licenses</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/LICENSE.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-25",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/aio.html b/instructor/aio.html
index 490e68f5..543528a9 100644
--- a/instructor/aio.html
+++ b/instructor/aio.html
@@ -1951,7 +1951,7 @@ <h3 class="callout-title">Callout<a class="anchor" aria-label="anchor" href="#ca
 <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>Here is what your Python script might look like.</p>
 <div class="codewrapper sourceCode" id="cb6">
@@ -2187,7 +2187,7 @@ <h3 class="callout-title">Keeping only low intensity pixels (10
 <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>First, load the image file <code>data/sudoku.png</code> as a
 grayscale image. Note we may want to create a copy of the image array to
@@ -2347,7 +2347,7 @@ <h3 class="callout-title">Practicing with slices (10 min - optional, not
 <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>Here is the completed Python program to select only the plant and
 roots in the image.</p>
@@ -3254,7 +3254,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>
@@ -3454,7 +3454,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>
@@ -3707,7 +3707,7 @@ <h3 class="callout-title">Kernels<a class="anchor" aria-label="anchor" href="#ke
   <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
@@ -3977,7 +3977,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,
@@ -4010,7 +4010,7 @@ <h3 class="callout-title">Experimenting with kernel shape (10 min -
 <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>
@@ -4307,7 +4307,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="#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">
 <p>The histogram for the <code>data/shapes-02.jpg</code> image can be
 shown with</p>
@@ -4358,7 +4358,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" 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">
 <p>Here are the commands to create and view the binary mask</p>
 <div class="codewrapper sourceCode" id="cb8">
@@ -4642,7 +4642,7 @@ <h3 class="callout-title">Ignoring more of the images – brainstorming
 <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" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
 <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
@@ -4703,7 +4703,7 @@ <h3 class="callout-title">Ignoring more of the images – implementation
 <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" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
 <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
@@ -4789,7 +4789,7 @@ <h3 class="callout-title">Thresholding a bacteria colony image (15
 <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" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
 <div class="accordion-body">
 <p>Here is the code to create the grayscale histogram:</p>
 <div class="codewrapper sourceCode" id="cb23">
@@ -5041,7 +5041,7 @@ <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"><
 <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">
 <ol start="2" style="list-style-type: lower-alpha">
 <li>5</li>
@@ -5073,7 +5073,7 @@ <h3 class="callout-title">Object counting (optional, not included in
 <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">
 <ol style="list-style-type: lower-alpha">
 <li>2</li>
@@ -5218,7 +5218,7 @@ <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"><
   <h3 class="accordion-header" id="headingSpoiler1">
 <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div>Do you see an empty image?</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>If you are using an older version of Matplotlib you might get a
 warning
@@ -5324,7 +5324,7 @@ <h3 class="callout-title">How many objects are in that image (15
 <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" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
 <div class="accordion-body">
 <p>As you might have guessed, the return value <code>count</code>
 already contains the number of objects found in the image. So it can
@@ -5441,7 +5441,7 @@ <h3 class="callout-title">Plot a histogram of the object area
 <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" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
 <div class="accordion-body">
 <p>The histogram can be plotted with</p>
 <div class="codewrapper sourceCode" id="cb22">
@@ -5497,7 +5497,7 @@ <h3 class="callout-title">Filter objects by area (10 min)<a class="anchor" aria-
 <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" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
 <div class="accordion-body">
 <p>One way to count only objects above a certain area is to first create
 a list of those objects, and then take the length of that list as the
@@ -5590,7 +5590,7 @@ <h3 class="callout-title">Remove small objects (20 min)<a class="anchor" aria-la
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution6" aria-expanded="false" aria-controls="collapseSolution6">
   <h4 class="accordion-header" id="headingSolution6">Show me the solution</h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
 <div class="accordion-body">
 <p>To remove the small objects from the labeled image, we change the
 value of all pixels that belong to the small objects to the background
@@ -5696,7 +5696,7 @@ <h3 class="callout-title">Colour objects by area (optional, not included
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution7" aria-expanded="false" aria-controls="collapseSolution7">
   <h4 class="accordion-header" id="headingSolution7">Show me the solution</h4>
 </button>
-<div id="collapseSolution7" class="accordion-collapse collapse" aria-labelledby="headingSolution7" data-bs-parent="#accordionSolution7">
+<div id="collapseSolution7" class="accordion-collapse collapse" data-bs-parent="#accordionSolution7" aria-labelledby="headingSolution7">
 <div class="accordion-body">
 <p>We already know how to get the areas of the objects from the
 <code>regionprops</code>. We just need to insert a zero area value for
@@ -6089,8 +6089,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/discuss.html b/instructor/discuss.html
index 343dd06c..d2867a96 100644
--- a/instructor/discuss.html
+++ b/instructor/discuss.html
@@ -379,7 +379,7 @@ <h1>Discussion</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/discuss.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-07-26",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/edge-detection.html b/instructor/edge-detection.html
index 141d149a..700314ff 100644
--- a/instructor/edge-detection.html
+++ b/instructor/edge-detection.html
@@ -803,7 +803,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-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/images.html b/instructor/images.html
index eaad538e..c91a40a5 100644
--- a/instructor/images.html
+++ b/instructor/images.html
@@ -710,8 +710,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/index.html b/instructor/index.html
index b12ed5b6..1fa031b6 100644
--- a/instructor/index.html
+++ b/instructor/index.html
@@ -485,7 +485,7 @@ <h3 class="callout-title">Older
   <h3 class="accordion-header" id="headingSpoiler1">
 <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div>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>
@@ -498,7 +498,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler2">
 <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div>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
@@ -545,7 +545,7 @@ <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"><
   <h3 class="accordion-header" id="headingSpoiler3">
 <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div>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
@@ -613,8 +613,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/instructor-notes.html b/instructor/instructor-notes.html
index 01fadcc1..83733f03 100644
--- a/instructor/instructor-notes.html
+++ b/instructor/instructor-notes.html
@@ -536,8 +536,8 @@ <h3 id="06-blurring-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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/key-points.html b/instructor/key-points.html
index b75e1aa5..e267e5f7 100644
--- a/instructor/key-points.html
+++ b/instructor/key-points.html
@@ -510,8 +510,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/prereqs.html b/instructor/prereqs.html
index 5afe2b8a..b8e2e463 100644
--- a/instructor/prereqs.html
+++ b/instructor/prereqs.html
@@ -413,7 +413,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-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/profiles.html b/instructor/profiles.html
index 391d03a9..97d08f09 100644
--- a/instructor/profiles.html
+++ b/instructor/profiles.html
@@ -306,8 +306,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/instructor/reference.html b/instructor/reference.html
index 0320c9d8..84195167 100644
--- a/instructor/reference.html
+++ b/instructor/reference.html
@@ -526,7 +526,7 @@ <h1>Reference</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/reference.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-26",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/key-points.html b/key-points.html
index 8b2341f1..e5caa8fd 100644
--- a/key-points.html
+++ b/key-points.html
@@ -508,8 +508,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/pkgdown.yml b/pkgdown.yml
index f3335f08..8367b504 100644
--- a/pkgdown.yml
+++ b/pkgdown.yml
@@ -2,5 +2,5 @@ pandoc: 2.19.2
 pkgdown: 2.0.7
 pkgdown_sha: ~
 articles: {}
-last_built: 2024-01-16T00:06Z
+last_built: 2024-01-23T00:06Z
 
diff --git a/prereqs.html b/prereqs.html
index 6bdcbbef..f2e6f29f 100644
--- a/prereqs.html
+++ b/prereqs.html
@@ -411,7 +411,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-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/profiles.html b/profiles.html
index ce707b51..749118c8 100644
--- a/profiles.html
+++ b/profiles.html
@@ -306,8 +306,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-01-16",
-  "datePublished": "2024-01-16"
+  "dateModified": "2024-01-23",
+  "datePublished": "2024-01-23"
 }
 
   </script><script>
diff --git a/reference.html b/reference.html
index d21a927f..e1729824 100644
--- a/reference.html
+++ b/reference.html
@@ -524,7 +524,7 @@ <h1>Reference</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/reference.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-26",
-  "datePublished": "2024-01-16"
+  "datePublished": "2024-01-23"
 }
 
   </script><script>