Update title and captions in index.html

cjxthecoder · web-flow · commit 66eff64871cd · 2025-12-13T22:48:40.000-08:00
diff --git a/project-5/index.html b/project-5/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
 <meta charset="UTF-8" />
-<title>CS180 Project 5</title>
+<title>Project 5: Fun with Diffusion Models</title>
 <style>
 body {
 font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
@@ -686,42 +686,50 @@ <h4>Campanile Inpainting</h4>
 <div class="image-row">
 <figure>
 <img src="images/campanile.png" alt="campanile.png" />
-<figcaption>Original Campanile</figcaption>
+<figcaption>Original</figcaption>
 </figure>
 <figure>
 <img src="images/inpaint/campanile_mask.png" alt="campanile_mask.png" />
 <figcaption>Mask</figcaption>
 </figure>
 <figure>
 <img src="images/inpaint/campanile_inpaint.png" alt="campanile_inpaint.png" />
-<figcaption>Inpainted Campanile</figcaption>
+<figcaption>Inpainted</figcaption>
 </figure>
 </div>
 
-<h4>Inpainting on test images</h4>
-<h5>Test Image 1</h5>
+Below are 2 other examples of inpainting similar images:
+
+<h4>Eiffel Tower Inpainting</h4>
 <div class="image-row">
 <figure>
-<img src="images/part1_7_own1_inpaint_mask.png" alt="Own image 1 inpaint mask" />
-<figcaption>Own image 1 – mask</figcaption>
+<img src="images/eiffel.png" alt="eiffel.png" />
+<figcaption>Original</figcaption>
+</figure>
+<figure>
+<img src="images/inpaint/eiffel_mask.png" alt="eiffel_mask.png" />
+<figcaption>Mask</figcaption>
 </figure>
 <figure>
-<img src="images/part1_7_own1_inpaint_result.png" alt="Own image 1 inpaint result" />
-<figcaption>Own image 1 – inpainted</figcaption>
+<img src="images/inpaint/eiffel_inpaint.png" alt="eiffel_inpaint.png" />
+<figcaption>Inpainted</figcaption>
 </figure>
 </div>
 
-<h5>Test Image 2</h5>
+<h4>St. Basil's Cathedral Inpainting</h4>
 <div class="image-row">
 <figure>
-<img src="images/part1_7_own2_inpaint_mask.png" alt="Own image 2 inpaint mask" />
-<figcaption>Own image 2 – mask</figcaption>
+<img src="images/stbasil.png" alt="stbasil.png" />
+<figcaption>Original</figcaption>
 </figure>
 <figure>
-<img src="images/part1_7_own2_inpaint_result.png" alt="Own image 2 inpaint result" />
-<figcaption>Own image 2 – inpainted</figcaption>
+<img src="images/inpaint/stbasil_mask.png" alt="stbasil_mask.png" />
+<figcaption>Mask</figcaption>
+</figure>
+<figure>
+<img src="images/inpaint/stbasil_inpaint.png" alt="stbasil_inpaint.png" />
+<figcaption>Inpainted</figcaption>
 </figure>
-</div>
 </div>
 
 <h3>1.7.3 – Text-Conditioned Image-to-image Translation</h3>
