Update captions and headings in index.html

Author: cjxthecoder

project-5/index.html

@@ -367,7 +367,7 @@ <h4>Final predicted clean images</h4>
 <div class="image-row">
 <figure>
 <img src="images/ddpm/final_ddpm.png" alt="final_ddpm.png" />
-<figcaption>Iterative denoising clean image</figcaption>
+<figcaption>Iterative denoising</figcaption>
 </figure>
 <figure>
 <img src="images/ddpm/final_onestep.png" alt="final_onestep.png" />
@@ -466,45 +466,43 @@ <h2>Part 1.7 – Image-to-image Translation</h2>
 
 <!-- 1.7: Edits of Campanile -->
 <div class="subsection">
-<h3>1.7.1 – Edits of the Campanile (Noise Levels [1, 3, 5, 7, 10, 20])</h3>
-<p>Conditional text prompt: <strong>"a high quality photo"</strong></p>
-
+<h3>Edits of the Campanile (Noise Levels [1, 3, 5, 7, 10, 20])</h3>
 <div class="image-row">
 <figure>
 <img src="images/campanile.png" alt="campanile.png" />
-<figcaption>Noise level index 1</figcaption>
+<figcaption>Original Campanile</figcaption>
 </figure>
 <figure>
-<img src="images/part1_7_campanile_edit_level1.png" alt="Campanile edit level 1" />
-<figcaption>Noise level index 1</figcaption>
+<img src="images/campanile_noise1.png" alt="campanile_noise1.png" />
+<figcaption>i_start = 1</figcaption>
 </figure>
 <figure>
-<img src="images/part1_7_campanile_edit_level3.png" alt="Campanile edit level 3" />
-<figcaption>Noise level index 3</figcaption>
+<img src="images/campanile_noise3.png" alt="campanile_noise3.png" />
+<figcaption>i_start = 3</figcaption>
 </figure>
 <figure>
-<img src="images/part1_7_campanile_edit_level5.png" alt="Campanile edit level 5" />
-<figcaption>Noise level index 5</figcaption>
+<img src="images/campanile_noise5.png" alt="campanile_noise5.png" />
+<figcaption>i_start = 5</figcaption>
 </figure>
 <figure>
-<img src="images/part1_7_campanile_edit_level7.png" alt="Campanile edit level 7" />
-<figcaption>Noise level index 7</figcaption>
+<img src="images/campanile_noise7.png" alt="campanile_noise7.png" />
+<figcaption>i_start = 7</figcaption>
 </figure>
 <figure>
-<img src="images/part1_7_campanile_edit_level10.png" alt="Campanile edit level 10" />
-<figcaption>Noise level index 10</figcaption>
+<img src="images/campanile_noise10.png" alt="campanile_noise10.png" />
+<figcaption>i_start = 10</figcaption>
 </figure>
 <figure>
-<img src="images/part1_7_campanile_edit_level20.png" alt="Campanile edit level 20" />
-<figcaption>Noise level index 20</figcaption>
+<img src="images/campanile_noise20.png" alt="campanile_noise20.png" />
+<figcaption>i_start = 20</figcaption>
 </figure>
 </div>
 </div>
 
+Below are 2 other examples of editing similar images:
+
 <!-- 1.7: Edits of own test images -->
 <div class="subsection">
-<h3>1.7.2 – Edits of 2 Own Test Images</h3>
-
 <h4>Test Image 1</h4>
 <div class="image-row">
 <figure>
@@ -538,8 +536,9 @@ <h4>Test Image 2</h4>
 
 <!-- 1.7: Web image edits -->
 <div class="subsection">
-<h3>1.7.3 – Edits of a Web Image</h3>
-<p>Describe the source image: <!-- TODO --></p>
+<h3>1.7.1 – Editing Hand-Drawn and Web Images</h3>
+
+The same procedure can also be done for images that are hand-drawn or nonrealistic:
 
 <div class="image-row">
 <figure>
@@ -558,13 +557,8 @@ <h3>1.7.3 – Edits of a Web Image</h3>
 <div class="subsection">
 <h3>1.7.4 – Edits of 2 Hand-Drawn Images</h3>
 
-<h4>Hand Drawn Image 1</h4>
 <div class="image-row">
 <figure>
-<img src="images/part1_7_hand1_original.png" alt="Hand-drawn 1 original" />
-<figcaption>Original hand-drawn image 1</figcaption>
-</figure>
-<figure>
 <img src="images/part1_7_hand1_edit_level1.png" alt="Hand-drawn 1 edit level 1" />
 <figcaption>Noise index 1</figcaption>
 </figure>