From 403320b9c0d089e046ff5718f0ffc16d8fd27523 Mon Sep 17 00:00:00 2001
From: GitHub Actions <actions@github.com>
Date: Tue, 12 Dec 2023 00:07:32 +0000
Subject: [PATCH] site deploy

Auto-generated via {sandpaper}
Source  : 9cc0929a02c6b367f7dab53cc21d259ea9c1c661
Branch  : md-outputs
Author  : GitHub Actions <actions@github.com>
Time    : 2023-12-11 10:03:37 +0000
Message : markdown source builds

Auto-generated via {sandpaper}
Source  : 49112f939f14e98feff9bedb952c2c5ea6472dfd
Branch  : main
Author  : Toby Hodges <tobyhodges@carpentries.org>
Time    : 2023-12-11 10:01:03 +0000
Message : Merge pull request #311 from mkcor/add-loading-section

Create section about image loading.
---
 01-introduction.html                    |  2 +-
 02-image-basics.html                    | 16 +++----
 03-skimage-images.html                  |  8 ++--
 04-drawing.html                         | 12 ++---
 05-creating-histograms.html             |  2 +-
 06-blurring.html                        |  2 +-
 07-thresholding.html                    | 12 ++---
 08-connected-components.html            | 18 +++----
 09-challenges.html                      |  4 +-
 404.html                                |  4 +-
 CODE_OF_CONDUCT.html                    |  2 +-
 LICENSE.html                            |  2 +-
 aio.html                                | 62 ++++++++++++-------------
 discuss.html                            |  2 +-
 edge-detection.html                     |  6 +--
 images.html                             |  4 +-
 index.html                              | 10 ++--
 instructor-notes.html                   |  4 +-
 instructor/01-introduction.html         |  2 +-
 instructor/02-image-basics.html         | 16 +++----
 instructor/03-skimage-images.html       |  8 ++--
 instructor/04-drawing.html              | 12 ++---
 instructor/05-creating-histograms.html  |  2 +-
 instructor/06-blurring.html             |  2 +-
 instructor/07-thresholding.html         | 12 ++---
 instructor/08-connected-components.html | 18 +++----
 instructor/09-challenges.html           |  4 +-
 instructor/404.html                     |  4 +-
 instructor/CODE_OF_CONDUCT.html         |  2 +-
 instructor/LICENSE.html                 |  2 +-
 instructor/aio.html                     | 62 ++++++++++++-------------
 instructor/discuss.html                 |  2 +-
 instructor/edge-detection.html          |  6 +--
 instructor/images.html                  |  4 +-
 instructor/index.html                   | 10 ++--
 instructor/instructor-notes.html        |  4 +-
 instructor/key-points.html              |  4 +-
 instructor/prereqs.html                 |  2 +-
 instructor/profiles.html                |  4 +-
 instructor/reference.html               |  2 +-
 key-points.html                         |  4 +-
 pkgdown.yml                             |  2 +-
 prereqs.html                            |  2 +-
 profiles.html                           |  4 +-
 reference.html                          |  2 +-
 45 files changed, 185 insertions(+), 185 deletions(-)

diff --git a/01-introduction.html b/01-introduction.html
index 04cbdf15..ba7e8024 100644
--- a/01-introduction.html
+++ b/01-introduction.html
@@ -482,7 +482,7 @@ <h3 class="callout-title">Keypoints<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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/02-image-basics.html b/02-image-basics.html
index 63bb48a3..3fb8c13d 100644
--- a/02-image-basics.html
+++ b/02-image-basics.html
@@ -519,7 +519,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Further explanation
   </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>In the example above, form 1 loads the entire scikit-image library
 into the program as an object. Individual modules of the library are
@@ -694,7 +694,7 @@ <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>There are many possible solutions, but one method would be . . .</p>
 <div class="codewrapper sourceCode" id="cb12">
@@ -927,7 +927,7 @@ <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">
 <ol style="list-style-type: decimal"><li>(255, 0, 0) represents red, because the red channel is maximised,
 while the other two channels have the minimum values.</li>
@@ -975,7 +975,7 @@ <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>There are 24 total bits in an RGB colour of this type, and each bit
 can be on or off, and so there are 2<sup>24</sup> = 16,777,216 possible
@@ -1125,7 +1125,7 @@ <h4 class="accordion-header" id="headingSolution4">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>In such an image, there are 5,000 × 5,000 = 25,000,000 pixels, and 24
 bits for each pixel, leading to 25,000,000 × 24 = 600,000,000 bits, or
@@ -1230,7 +1230,7 @@ <h4 class="accordion-header" id="headingSolution5">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>The BMP file, <code>ws.bmp</code>, is 75,000,054 bytes, which matches
 our prediction very nicely. The JPEG file, <code>ws.jpg</code>, is
@@ -1276,7 +1276,7 @@ <h4 class="accordion-header" id="headingSolution6">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
 <div class="accordion-body">
 <p>Here is a partial directory listing, showing the sizes of the
 relevant files there:</p>
@@ -1533,7 +1533,7 @@ <h3 class="callout-title">Keypoints<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-11",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/03-skimage-images.html b/03-skimage-images.html
index e4055ffe..a570766e 100644
--- a/03-skimage-images.html
+++ b/03-skimage-images.html
@@ -521,7 +521,7 @@ <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>Here is what your Python script might look like.</p>
 <div class="codewrapper sourceCode" id="cb6">
@@ -753,7 +753,7 @@ <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>First, load the image file <code>data/sudoku.png</code> as a
 grayscale image. Remember that we use
@@ -912,7 +912,7 @@ <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>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">Keypoints<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-08",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/04-drawing.html b/04-drawing.html
index 3b8e5639..354b9b08 100644
--- a/04-drawing.html
+++ b/04-drawing.html
@@ -515,7 +515,7 @@ <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>Drawing a circle:</p>
 <div class="codewrapper sourceCode" id="cb6">
@@ -650,7 +650,7 @@ <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>When indexing the image using the mask, we access only those pixels
 at positions where the mask is <code>True</code>. So, when indexing with
@@ -720,7 +720,7 @@ <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 a Python program to produce the cropped remote control image
 shown above. Of course, your program should be tailored to your
@@ -790,7 +790,7 @@ <h4 class="accordion-header" id="headingSolution4">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb16">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -859,7 +859,7 @@ <h4 class="accordion-header" id="headingSolution5">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>Here is a Python program that is able to create the masked image
 without having to read in the <code>centers.txt</code> file.</p>
@@ -986,7 +986,7 @@ <h3 class="callout-title">Keypoints<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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/05-creating-histograms.html b/05-creating-histograms.html
index a574be2b..fc062a78 100644
--- a/05-creating-histograms.html
+++ b/05-creating-histograms.html
@@ -825,7 +825,7 @@ <h3 class="callout-title">Keypoints<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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/06-blurring.html b/06-blurring.html
index 002b63d1..c43cc95f 100644
--- a/06-blurring.html
+++ b/06-blurring.html
@@ -876,7 +876,7 @@ <h3 class="callout-title">Keypoints<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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/07-thresholding.html b/07-thresholding.html
index 7a30d224..37dfc2e1 100644
--- a/07-thresholding.html
+++ b/07-thresholding.html
@@ -528,7 +528,7 @@ <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>
@@ -580,7 +580,7 @@ <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">
@@ -861,7 +861,7 @@ <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
@@ -922,7 +922,7 @@ <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
@@ -1007,7 +1007,7 @@ <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">
@@ -1128,7 +1128,7 @@ <h3 class="callout-title">Keypoints<a class="anchor" aria-label="anchor" href="#
   "identifier": "https://datacarpentry.github.io/image-processing/07-thresholding.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-09-05",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/08-connected-components.html b/08-connected-components.html
index 8c36234b..44199158 100644
--- a/08-connected-components.html
+++ b/08-connected-components.html
@@ -475,7 +475,7 @@ <h4 class="accordion-header" id="headingSolution1">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <ol start="2" style="list-style-type: lower-alpha"><li>5</li>
 </ol></div>
@@ -505,7 +505,7 @@ <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">
 <ol style="list-style-type: lower-alpha"><li>2</li>
 </ol></div>
@@ -649,7 +649,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Color mappings
   </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>Here you might get a warning
 <code>UserWarning: Low image data range; displaying image with stretched contrast.</code>
@@ -732,7 +732,7 @@ <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>As you might have guessed, the return value <code>count</code>
 already contains the number of found images. So it can simply be printed
@@ -848,7 +848,7 @@ <h4 class="accordion-header" id="headingSolution4">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>The histogram can be plotted with</p>
 <div class="codewrapper sourceCode" id="cb21">
@@ -904,7 +904,7 @@ <h4 class="accordion-header" id="headingSolution5">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>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
@@ -997,7 +997,7 @@ <h4 class="accordion-header" id="headingSolution6">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
 <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
@@ -1105,7 +1105,7 @@ <h4 class="accordion-header" id="headingSolution7">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution7" class="accordion-collapse collapse" data-bs-parent="#accordionSolution7" aria-labelledby="headingSolution7">
+<div id="collapseSolution7" class="accordion-collapse collapse" aria-labelledby="headingSolution7" data-bs-parent="#accordionSolution7">
 <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
@@ -1237,7 +1237,7 @@ <h3 class="callout-title">Keypoints<a class="anchor" aria-label="anchor" href="#
   "identifier": "https://datacarpentry.github.io/image-processing/08-connected-components.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-09-09",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/09-challenges.html b/09-challenges.html
index eaa8dbdf..4316f324 100644
--- a/09-challenges.html
+++ b/09-challenges.html
@@ -358,7 +358,7 @@ <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>First, let’s work through the process for one image:</p>
 <div class="codewrapper sourceCode" id="cb1">
@@ -557,7 +557,7 @@ <h3 class="callout-title">Keypoints<a class="anchor" aria-label="anchor" href="#
   "identifier": "https://datacarpentry.github.io/image-processing/09-challenges.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-09-05",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/404.html b/404.html
index 7d109257..c05991f0 100644
--- a/404.html
+++ b/404.html
@@ -346,8 +346,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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/CODE_OF_CONDUCT.html b/CODE_OF_CONDUCT.html
index a422de32..62043655 100644
--- a/CODE_OF_CONDUCT.html
+++ b/CODE_OF_CONDUCT.html
@@ -356,7 +356,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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/LICENSE.html b/LICENSE.html
index 8f860c5d..45ce6d6f 100644
--- a/LICENSE.html
+++ b/LICENSE.html
@@ -407,7 +407,7 @@ <h1>Licenses</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/LICENSE.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-25",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/aio.html b/aio.html
index 1aa8ce2a..88900524 100644
--- a/aio.html
+++ b/aio.html
@@ -707,7 +707,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Further explanation
   </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>In the example above, form 1 loads the entire scikit-image library
 into the program as an object. Individual modules of the library are
@@ -882,7 +882,7 @@ <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>There are many possible solutions, but one method would be . . .</p>
 <div class="codewrapper sourceCode" id="cb12">
@@ -1121,7 +1121,7 @@ <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">
 <ol style="list-style-type: decimal">
 <li>(255, 0, 0) represents red, because the red channel is maximised,
@@ -1171,7 +1171,7 @@ <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>There are 24 total bits in an RGB colour of this type, and each bit
 can be on or off, and so there are 2<sup>24</sup> = 16,777,216 possible
@@ -1349,7 +1349,7 @@ <h4 class="accordion-header" id="headingSolution4">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>In such an image, there are 5,000 × 5,000 = 25,000,000 pixels, and 24
 bits for each pixel, leading to 25,000,000 × 24 = 600,000,000 bits, or
@@ -1457,7 +1457,7 @@ <h4 class="accordion-header" id="headingSolution5">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>The BMP file, <code>ws.bmp</code>, is 75,000,054 bytes, which matches
 our prediction very nicely. The JPEG file, <code>ws.jpg</code>, is
@@ -1503,7 +1503,7 @@ <h4 class="accordion-header" id="headingSolution6">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
 <div class="accordion-body">
 <p>Here is a partial directory listing, showing the sizes of the
 relevant files there:</p>
@@ -1960,7 +1960,7 @@ <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>Here is what your Python script might look like.</p>
 <div class="codewrapper sourceCode" id="cb6">
@@ -2194,7 +2194,7 @@ <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>First, load the image file <code>data/sudoku.png</code> as a
 grayscale image. Remember that we use
@@ -2354,7 +2354,7 @@ <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>Here is the completed Python program to select only the plant and
 roots in the image.</p>
@@ -2642,7 +2642,7 @@ <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>Drawing a circle:</p>
 <div class="codewrapper sourceCode" id="cb6">
@@ -2778,7 +2778,7 @@ <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>When indexing the image using the mask, we access only those pixels
 at positions where the mask is <code>True</code>. So, when indexing with
@@ -2849,7 +2849,7 @@ <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 a Python program to produce the cropped remote control image
 shown above. Of course, your program should be tailored to your
@@ -2920,7 +2920,7 @@ <h4 class="accordion-header" id="headingSolution4">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb16">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -2989,7 +2989,7 @@ <h4 class="accordion-header" id="headingSolution5">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>Here is a Python program that is able to create the masked image
 without having to read in the <code>centers.txt</code> file.</p>
@@ -4316,7 +4316,7 @@ <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>
@@ -4368,7 +4368,7 @@ <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">
@@ -4654,7 +4654,7 @@ <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
@@ -4717,7 +4717,7 @@ <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
@@ -4805,7 +4805,7 @@ <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">
@@ -5058,7 +5058,7 @@ <h4 class="accordion-header" id="headingSolution1">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <ol start="2" style="list-style-type: lower-alpha">
 <li>5</li>
@@ -5092,7 +5092,7 @@ <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">
 <ol style="list-style-type: lower-alpha">
 <li>2</li>
@@ -5239,7 +5239,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Color mappings
   </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>Here you might get a warning
 <code>UserWarning: Low image data range; displaying image with stretched contrast.</code>
@@ -5322,7 +5322,7 @@ <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>As you might have guessed, the return value <code>count</code>
 already contains the number of found images. So it can simply be printed
@@ -5441,7 +5441,7 @@ <h4 class="accordion-header" id="headingSolution4">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>The histogram can be plotted with</p>
 <div class="codewrapper sourceCode" id="cb21">
@@ -5499,7 +5499,7 @@ <h4 class="accordion-header" id="headingSolution5">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>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
@@ -5594,7 +5594,7 @@ <h4 class="accordion-header" id="headingSolution6">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
 <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
@@ -5702,7 +5702,7 @@ <h4 class="accordion-header" id="headingSolution7">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution7" class="accordion-collapse collapse" data-bs-parent="#accordionSolution7" aria-labelledby="headingSolution7">
+<div id="collapseSolution7" class="accordion-collapse collapse" aria-labelledby="headingSolution7" data-bs-parent="#accordionSolution7">
 <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
@@ -5849,7 +5849,7 @@ <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>First, let’s work through the process for one image:</p>
 <div class="codewrapper sourceCode" id="cb1">
@@ -6039,8 +6039,8 @@ <h3 class="callout-title">Keypoints<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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/discuss.html b/discuss.html
index f5782b72..e2f0cd77 100644
--- a/discuss.html
+++ b/discuss.html
@@ -378,7 +378,7 @@ <h1>Discussion</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/discuss.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-07-26",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/edge-detection.html b/edge-detection.html
index 47b6a0ac..f5326aa1 100644
--- a/edge-detection.html
+++ b/edge-detection.html
@@ -625,7 +625,7 @@ <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 coloured shape edge image above was produced with a low threshold
 value of 0.05 and a high threshold value of 0.07. You may be able to
@@ -663,7 +663,7 @@ <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 is a program that uses a slider to vary the threshold value used
 in a simple, fixed-level thresholding process.</p>
@@ -806,7 +806,7 @@ <h3 class="callout-title">Keypoints<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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/images.html b/images.html
index 61ee78f2..02fba40b 100644
--- a/images.html
+++ b/images.html
@@ -709,8 +709,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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/index.html b/index.html
index 1f679562..3cf572c3 100644
--- a/index.html
+++ b/index.html
@@ -396,7 +396,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Instructions for Linux &amp; Mac
   </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <p>Open a terminal and type <code>jupyter lab</code>.</p>
 </div>
@@ -411,7 +411,7 @@ <h3 class="accordion-header" id="headingSpoiler2">
   Instructions for Windows
   </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
 <div class="accordion-body">
 <p>Launch the Anaconda Prompt program and type <code>jupyter lab</code>.
 (Running this command on the standard Command Prompt will return an
@@ -460,7 +460,7 @@ <h3 class="accordion-header" id="headingSpoiler3">
   Running Cells in a Notebook
   </h3>
 </button>
-<div id="collapseSpoiler3" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler3" aria-labelledby="headingSpoiler3">
+<div id="collapseSpoiler3" class="accordion-collapse collapse" aria-labelledby="headingSpoiler3" data-bs-parent="#accordionSpoiler3">
 <div class="accordion-body">
 <p><img src="fig/jupyter_overview.png" alt="Overview of the Jupyter Notebook graphical user interface" class="figure"> To
 run Python code in a Jupyter notebook cell, click on a cell in the
@@ -525,8 +525,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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor-notes.html b/instructor-notes.html
index 62de05d9..69c145b1 100644
--- a/instructor-notes.html
+++ b/instructor-notes.html
@@ -517,8 +517,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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/01-introduction.html b/instructor/01-introduction.html
index 9c9fa803..1c5a5ded 100644
--- a/instructor/01-introduction.html
+++ b/instructor/01-introduction.html
@@ -484,7 +484,7 @@ <h3 class="callout-title">Keypoints<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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/02-image-basics.html b/instructor/02-image-basics.html
index 87dbf506..0a40b9a1 100644
--- a/instructor/02-image-basics.html
+++ b/instructor/02-image-basics.html
@@ -521,7 +521,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Further explanation
   </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>In the example above, form 1 loads the entire scikit-image library
 into the program as an object. Individual modules of the library are
@@ -696,7 +696,7 @@ <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>There are many possible solutions, but one method would be . . .</p>
 <div class="codewrapper sourceCode" id="cb12">
@@ -929,7 +929,7 @@ <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">
 <ol style="list-style-type: decimal"><li>(255, 0, 0) represents red, because the red channel is maximised,
 while the other two channels have the minimum values.</li>
@@ -977,7 +977,7 @@ <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>There are 24 total bits in an RGB colour of this type, and each bit
 can be on or off, and so there are 2<sup>24</sup> = 16,777,216 possible
@@ -1127,7 +1127,7 @@ <h4 class="accordion-header" id="headingSolution4">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>In such an image, there are 5,000 × 5,000 = 25,000,000 pixels, and 24
 bits for each pixel, leading to 25,000,000 × 24 = 600,000,000 bits, or
@@ -1232,7 +1232,7 @@ <h4 class="accordion-header" id="headingSolution5">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>The BMP file, <code>ws.bmp</code>, is 75,000,054 bytes, which matches
 our prediction very nicely. The JPEG file, <code>ws.jpg</code>, is
@@ -1278,7 +1278,7 @@ <h4 class="accordion-header" id="headingSolution6">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
 <div class="accordion-body">
 <p>Here is a partial directory listing, showing the sizes of the
 relevant files there:</p>
@@ -1535,7 +1535,7 @@ <h3 class="callout-title">Keypoints<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-11",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/03-skimage-images.html b/instructor/03-skimage-images.html
index 8f38df08..c41f22c2 100644
--- a/instructor/03-skimage-images.html
+++ b/instructor/03-skimage-images.html
@@ -523,7 +523,7 @@ <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>Here is what your Python script might look like.</p>
 <div class="codewrapper sourceCode" id="cb6">
@@ -755,7 +755,7 @@ <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>First, load the image file <code>data/sudoku.png</code> as a
 grayscale image. Remember that we use
@@ -914,7 +914,7 @@ <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>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">Keypoints<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-08",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/04-drawing.html b/instructor/04-drawing.html
index 0dfb5d1d..6f2a8659 100644
--- a/instructor/04-drawing.html
+++ b/instructor/04-drawing.html
@@ -517,7 +517,7 @@ <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>Drawing a circle:</p>
 <div class="codewrapper sourceCode" id="cb6">
@@ -652,7 +652,7 @@ <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>When indexing the image using the mask, we access only those pixels
 at positions where the mask is <code>True</code>. So, when indexing with
@@ -722,7 +722,7 @@ <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 a Python program to produce the cropped remote control image
 shown above. Of course, your program should be tailored to your
@@ -792,7 +792,7 @@ <h4 class="accordion-header" id="headingSolution4">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb16">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -861,7 +861,7 @@ <h4 class="accordion-header" id="headingSolution5">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>Here is a Python program that is able to create the masked image
 without having to read in the <code>centers.txt</code> file.</p>
@@ -988,7 +988,7 @@ <h3 class="callout-title">Keypoints<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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/05-creating-histograms.html b/instructor/05-creating-histograms.html
index 46028152..e8bd6edf 100644
--- a/instructor/05-creating-histograms.html
+++ b/instructor/05-creating-histograms.html
@@ -827,7 +827,7 @@ <h3 class="callout-title">Keypoints<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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/06-blurring.html b/instructor/06-blurring.html
index 04375561..141a2518 100644
--- a/instructor/06-blurring.html
+++ b/instructor/06-blurring.html
@@ -895,7 +895,7 @@ <h3 class="callout-title">Keypoints<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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/07-thresholding.html b/instructor/07-thresholding.html
index afcaff42..e8ba93b5 100644
--- a/instructor/07-thresholding.html
+++ b/instructor/07-thresholding.html
@@ -530,7 +530,7 @@ <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>
@@ -582,7 +582,7 @@ <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">
@@ -863,7 +863,7 @@ <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
@@ -924,7 +924,7 @@ <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
@@ -1009,7 +1009,7 @@ <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">
@@ -1130,7 +1130,7 @@ <h3 class="callout-title">Keypoints<a class="anchor" aria-label="anchor" href="#
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/07-thresholding.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-09-05",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/08-connected-components.html b/instructor/08-connected-components.html
index 4359174b..d373b881 100644
--- a/instructor/08-connected-components.html
+++ b/instructor/08-connected-components.html
@@ -477,7 +477,7 @@ <h4 class="accordion-header" id="headingSolution1">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <ol start="2" style="list-style-type: lower-alpha"><li>5</li>
 </ol></div>
@@ -507,7 +507,7 @@ <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">
 <ol style="list-style-type: lower-alpha"><li>2</li>
 </ol></div>
@@ -651,7 +651,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Color mappings
   </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>Here you might get a warning
 <code>UserWarning: Low image data range; displaying image with stretched contrast.</code>
@@ -734,7 +734,7 @@ <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>As you might have guessed, the return value <code>count</code>
 already contains the number of found images. So it can simply be printed
@@ -850,7 +850,7 @@ <h4 class="accordion-header" id="headingSolution4">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>The histogram can be plotted with</p>
 <div class="codewrapper sourceCode" id="cb21">
@@ -906,7 +906,7 @@ <h4 class="accordion-header" id="headingSolution5">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>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
@@ -999,7 +999,7 @@ <h4 class="accordion-header" id="headingSolution6">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
 <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
@@ -1107,7 +1107,7 @@ <h4 class="accordion-header" id="headingSolution7">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution7" class="accordion-collapse collapse" data-bs-parent="#accordionSolution7" aria-labelledby="headingSolution7">
+<div id="collapseSolution7" class="accordion-collapse collapse" aria-labelledby="headingSolution7" data-bs-parent="#accordionSolution7">
 <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
@@ -1239,7 +1239,7 @@ <h3 class="callout-title">Keypoints<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-09-09",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/09-challenges.html b/instructor/09-challenges.html
index 7a0d7f0f..f02bf8cf 100644
--- a/instructor/09-challenges.html
+++ b/instructor/09-challenges.html
@@ -360,7 +360,7 @@ <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>First, let’s work through the process for one image:</p>
 <div class="codewrapper sourceCode" id="cb1">
@@ -559,7 +559,7 @@ <h3 class="callout-title">Keypoints<a class="anchor" aria-label="anchor" href="#
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/09-challenges.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-09-05",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/404.html b/instructor/404.html
index 6097ba18..3e6873d9 100644
--- a/instructor/404.html
+++ b/instructor/404.html
@@ -346,8 +346,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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/CODE_OF_CONDUCT.html b/instructor/CODE_OF_CONDUCT.html
index b67a4d08..7f322030 100644
--- a/instructor/CODE_OF_CONDUCT.html
+++ b/instructor/CODE_OF_CONDUCT.html
@@ -358,7 +358,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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/LICENSE.html b/instructor/LICENSE.html
index 96ec6199..78882a23 100644
--- a/instructor/LICENSE.html
+++ b/instructor/LICENSE.html
@@ -409,7 +409,7 @@ <h1>Licenses</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/LICENSE.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-25",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/aio.html b/instructor/aio.html
index 940cdd65..a97ed6b2 100644
--- a/instructor/aio.html
+++ b/instructor/aio.html
@@ -711,7 +711,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Further explanation
   </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>In the example above, form 1 loads the entire scikit-image library
 into the program as an object. Individual modules of the library are
@@ -886,7 +886,7 @@ <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>There are many possible solutions, but one method would be . . .</p>
 <div class="codewrapper sourceCode" id="cb12">
@@ -1125,7 +1125,7 @@ <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">
 <ol style="list-style-type: decimal">
 <li>(255, 0, 0) represents red, because the red channel is maximised,
@@ -1175,7 +1175,7 @@ <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>There are 24 total bits in an RGB colour of this type, and each bit
 can be on or off, and so there are 2<sup>24</sup> = 16,777,216 possible
@@ -1353,7 +1353,7 @@ <h4 class="accordion-header" id="headingSolution4">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>In such an image, there are 5,000 × 5,000 = 25,000,000 pixels, and 24
 bits for each pixel, leading to 25,000,000 × 24 = 600,000,000 bits, or
@@ -1461,7 +1461,7 @@ <h4 class="accordion-header" id="headingSolution5">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>The BMP file, <code>ws.bmp</code>, is 75,000,054 bytes, which matches
 our prediction very nicely. The JPEG file, <code>ws.jpg</code>, is
@@ -1507,7 +1507,7 @@ <h4 class="accordion-header" id="headingSolution6">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
 <div class="accordion-body">
 <p>Here is a partial directory listing, showing the sizes of the
 relevant files there:</p>
@@ -1965,7 +1965,7 @@ <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>Here is what your Python script might look like.</p>
 <div class="codewrapper sourceCode" id="cb6">
@@ -2199,7 +2199,7 @@ <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>First, load the image file <code>data/sudoku.png</code> as a
 grayscale image. Remember that we use
@@ -2359,7 +2359,7 @@ <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>Here is the completed Python program to select only the plant and
 roots in the image.</p>
@@ -2648,7 +2648,7 @@ <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>Drawing a circle:</p>
 <div class="codewrapper sourceCode" id="cb6">
@@ -2784,7 +2784,7 @@ <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>When indexing the image using the mask, we access only those pixels
 at positions where the mask is <code>True</code>. So, when indexing with
@@ -2855,7 +2855,7 @@ <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 a Python program to produce the cropped remote control image
 shown above. Of course, your program should be tailored to your
@@ -2926,7 +2926,7 @@ <h4 class="accordion-header" id="headingSolution4">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <div class="codewrapper sourceCode" id="cb16">
 <h3 class="code-label">PYTHON<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -2995,7 +2995,7 @@ <h4 class="accordion-header" id="headingSolution5">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>Here is a Python program that is able to create the masked image
 without having to read in the <code>centers.txt</code> file.</p>
@@ -4342,7 +4342,7 @@ <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>
@@ -4394,7 +4394,7 @@ <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">
@@ -4680,7 +4680,7 @@ <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
@@ -4743,7 +4743,7 @@ <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
@@ -4831,7 +4831,7 @@ <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">
@@ -5085,7 +5085,7 @@ <h4 class="accordion-header" id="headingSolution1">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <ol start="2" style="list-style-type: lower-alpha">
 <li>5</li>
@@ -5119,7 +5119,7 @@ <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">
 <ol style="list-style-type: lower-alpha">
 <li>2</li>
@@ -5266,7 +5266,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Color mappings
   </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>Here you might get a warning
 <code>UserWarning: Low image data range; displaying image with stretched contrast.</code>
@@ -5349,7 +5349,7 @@ <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>As you might have guessed, the return value <code>count</code>
 already contains the number of found images. So it can simply be printed
@@ -5468,7 +5468,7 @@ <h4 class="accordion-header" id="headingSolution4">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>The histogram can be plotted with</p>
 <div class="codewrapper sourceCode" id="cb21">
@@ -5526,7 +5526,7 @@ <h4 class="accordion-header" id="headingSolution5">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>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
@@ -5621,7 +5621,7 @@ <h4 class="accordion-header" id="headingSolution6">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
 <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
@@ -5729,7 +5729,7 @@ <h4 class="accordion-header" id="headingSolution7">
   Show me the solution
   </h4>
 </button>
-<div id="collapseSolution7" class="accordion-collapse collapse" data-bs-parent="#accordionSolution7" aria-labelledby="headingSolution7">
+<div id="collapseSolution7" class="accordion-collapse collapse" aria-labelledby="headingSolution7" data-bs-parent="#accordionSolution7">
 <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
@@ -5877,7 +5877,7 @@ <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>First, let’s work through the process for one image:</p>
 <div class="codewrapper sourceCode" id="cb1">
@@ -6067,8 +6067,8 @@ <h3 class="callout-title">Keypoints<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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/discuss.html b/instructor/discuss.html
index fdd614ba..4419749a 100644
--- a/instructor/discuss.html
+++ b/instructor/discuss.html
@@ -380,7 +380,7 @@ <h1>Discussion</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/discuss.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-07-26",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/edge-detection.html b/instructor/edge-detection.html
index 3257f157..022da99e 100644
--- a/instructor/edge-detection.html
+++ b/instructor/edge-detection.html
@@ -627,7 +627,7 @@ <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 coloured shape edge image above was produced with a low threshold
 value of 0.05 and a high threshold value of 0.07. You may be able to
@@ -665,7 +665,7 @@ <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 is a program that uses a slider to vary the threshold value used
 in a simple, fixed-level thresholding process.</p>
@@ -808,7 +808,7 @@ <h3 class="callout-title">Keypoints<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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/images.html b/instructor/images.html
index f91768ae..b0c87f66 100644
--- a/instructor/images.html
+++ b/instructor/images.html
@@ -711,8 +711,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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/index.html b/instructor/index.html
index d70e8967..d8bdf6d8 100644
--- a/instructor/index.html
+++ b/instructor/index.html
@@ -487,7 +487,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   Instructions for Linux &amp; Mac
   </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <p>Open a terminal and type <code>jupyter lab</code>.</p>
 </div>
@@ -502,7 +502,7 @@ <h3 class="accordion-header" id="headingSpoiler2">
   Instructions for Windows
   </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
 <div class="accordion-body">
 <p>Launch the Anaconda Prompt program and type <code>jupyter lab</code>.
 (Running this command on the standard Command Prompt will return an
@@ -551,7 +551,7 @@ <h3 class="accordion-header" id="headingSpoiler3">
   Running Cells in a Notebook
   </h3>
 </button>
-<div id="collapseSpoiler3" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler3" aria-labelledby="headingSpoiler3">
+<div id="collapseSpoiler3" class="accordion-collapse collapse" aria-labelledby="headingSpoiler3" data-bs-parent="#accordionSpoiler3">
 <div class="accordion-body">
 <p><img src="../fig/jupyter_overview.png" alt="Overview of the Jupyter Notebook graphical user interface" class="figure"> To
 run Python code in a Jupyter notebook cell, click on a cell in the
@@ -616,8 +616,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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/instructor-notes.html b/instructor/instructor-notes.html
index 94edfab1..1c35585e 100644
--- a/instructor/instructor-notes.html
+++ b/instructor/instructor-notes.html
@@ -537,8 +537,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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/key-points.html b/instructor/key-points.html
index 35b32e68..3d60404b 100644
--- a/instructor/key-points.html
+++ b/instructor/key-points.html
@@ -511,8 +511,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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/prereqs.html b/instructor/prereqs.html
index b0151869..0500a2af 100644
--- a/instructor/prereqs.html
+++ b/instructor/prereqs.html
@@ -414,7 +414,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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/profiles.html b/instructor/profiles.html
index 761a994d..edb3d82c 100644
--- a/instructor/profiles.html
+++ b/instructor/profiles.html
@@ -307,8 +307,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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/instructor/reference.html b/instructor/reference.html
index 350256a7..221b979c 100644
--- a/instructor/reference.html
+++ b/instructor/reference.html
@@ -527,7 +527,7 @@ <h1>Reference</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/instructor/reference.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-26",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/key-points.html b/key-points.html
index eaf8ddb7..5250885c 100644
--- a/key-points.html
+++ b/key-points.html
@@ -509,8 +509,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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/pkgdown.yml b/pkgdown.yml
index f4909e02..ff13ee57 100644
--- a/pkgdown.yml
+++ b/pkgdown.yml
@@ -2,5 +2,5 @@ pandoc: 2.19.2
 pkgdown: 2.0.7
 pkgdown_sha: ~
 articles: {}
-last_built: 2023-12-11T10:03Z
+last_built: 2023-12-12T00:07Z
 
diff --git a/prereqs.html b/prereqs.html
index 304027a6..8382d21b 100644
--- a/prereqs.html
+++ b/prereqs.html
@@ -412,7 +412,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": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/profiles.html b/profiles.html
index 620b7141..69992013 100644
--- a/profiles.html
+++ b/profiles.html
@@ -307,8 +307,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": "2023-12-11",
-  "datePublished": "2023-12-11"
+  "dateModified": "2023-12-12",
+  "datePublished": "2023-12-12"
 }
 
   </script><script>
diff --git a/reference.html b/reference.html
index ee99609e..b74f4f66 100644
--- a/reference.html
+++ b/reference.html
@@ -525,7 +525,7 @@ <h1>Reference</h1>
   "identifier": "https://datacarpentry.github.io/image-processing/reference.html",
   "dateCreated": "2017-03-14",
   "dateModified": "2023-04-26",
-  "datePublished": "2023-12-11"
+  "datePublished": "2023-12-12"
 }
 
   </script><script>