Update proj2.html

Author: cjxthecoder

project-2/proj2.html

@@ -54,15 +54,15 @@ <h4>Boundary Handling</h4>
         <h4>Runtime Comparison</h4>
         <p>[Summarize timing measurements and observations.]</p>
         <figure>
-          <img src="path/to/example_input.png" alt="Example input image" />
+          <img src="images/example_input.png" alt="Example input image" />
           <figcaption>Example input used for comparisons.</figcaption>
         </figure>
         <figure>
-          <img src="path/to/numpy_conv_output.png" alt="Output from NumPy convolution" />
+          <img src="images/numpy_conv_output.png" alt="Output from NumPy convolution" />
           <figcaption>NumPy-only convolution result.</figcaption>
         </figure>
         <figure>
-          <img src="path/to/scipy_conv_output.png" alt="Output from SciPy convolve2d" />
+          <img src="images/scipy_conv_output.png" alt="Output from SciPy convolve2d" />
           <figcaption>SciPy <code>convolve2d</code> result (matching mode/boundaries).</figcaption>
         </figure>
         <p><strong>Discussion:</strong> [Comment on similarities/differences, numerical precision, and border artifacts.]</p>
@@ -75,19 +75,19 @@ <h3>Part 1.2. Partial Derivatives, Gradient Magnitude, and Binarized Edge Image<
           <strong>Goal:</strong> Show derivative images in x and y, compute the gradient magnitude, and present a binarized edge map. Justify any thresholding or denoising choices.
         </p>
         <figure>
-          <img src="path/to/partial_dx.png" alt="Partial derivative in x" />
+          <img src="images/partial_dx.png" alt="Partial derivative in x" />
           <figcaption>Partial derivative in x.</figcaption>
         </figure>
         <figure>
-          <img src="path/to/partial_dy.png" alt="Partial derivative in y" />
+          <img src="images/partial_dy.png" alt="Partial derivative in y" />
           <figcaption>Partial derivative in y.</figcaption>
         </figure>
         <figure>
-          <img src="path/to/grad_mag.png" alt="Gradient magnitude image" />
+          <img src="images/grad_mag.png" alt="Gradient magnitude image" />
           <figcaption>Gradient magnitude image.</figcaption>
         </figure>
         <figure>
-          <img src="path/to/binary_edges.png" alt="Binarized edge image" />
+          <img src="images/binary_edges.png" alt="Binarized edge image" />
           <figcaption>Binarized edge image with chosen threshold(s).</figcaption>
         </figure>
         <p><strong>Tradeoffs &amp; Justification:</strong> [Explain choice of thresholds, smoothing, and how you balanced noise vs completeness of edges.]</p>
@@ -101,24 +101,24 @@ <h3>Part 1.3. Gaussian &amp; DoG Filters; Cameraman Comparisons</h3>
         </p>
         <h4>Filter Visualizations</h4>
         <figure>
-          <img src="path/to/gaussian_filter_viz.png" alt="Gaussian filter visualization" />
+          <img src="images/gaussian_filter_viz.png" alt="Gaussian filter visualization" />
           <figcaption>Gaussian filter visualization.</figcaption>
         </figure>
         <figure>
-          <img src="path/to/dog_filter_viz.png" alt="DoG filter visualization" />
+          <img src="images/dog_filter_viz.png" alt="DoG filter visualization" />
           <figcaption>Difference-of-Gaussians (DoG) visualization.</figcaption>
         </figure>
         <h4>Applications to Cameraman</h4>
         <figure>
-          <img src="path/to/cameraman_gaussian.png" alt="Cameraman after Gaussian smoothing" />
+          <img src="images/cameraman_gaussian.png" alt="Cameraman after Gaussian smoothing" />
           <figcaption>Cameraman after Gaussian smoothing.</figcaption>
         </figure>
         <figure>
-          <img src="path/to/cameraman_dog.png" alt="Cameraman after DoG filtering" />
+          <img src="images/cameraman_dog.png" alt="Cameraman after DoG filtering" />
           <figcaption>Cameraman after DoG filtering.</figcaption>
         </figure>
         <figure>
-          <img src="path/to/cameraman_finite_diff.png" alt="Cameraman finite difference results" />
+          <img src="images/cameraman_finite_diff.png" alt="Cameraman finite difference results" />
           <figcaption>Finite difference method results for comparison.</figcaption>
         </figure>
         <p><strong>Comparison &amp; Discussion:</strong> [Analyze differences in edge localization, noise sensitivity, and parameter effects.]</p>
@@ -139,36 +139,36 @@ <h3>Part 2.1. Unsharp Mask</h3>
         </p>
         <h4>Taj Mahal</h4>
         <figure>
-          <img src="path/to/taj_blurred.png" alt="Taj Mahal blurred" />
+          <img src="images/taj_blurred.png" alt="Taj Mahal blurred" />
           <figcaption>Blurred version (Taj Mahal).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/taj_highfreq.png" alt="Taj Mahal high-frequency component" />
+          <img src="images/taj_highfreq.png" alt="Taj Mahal high-frequency component" />
           <figcaption>High-frequency component (Taj Mahal).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/taj_sharpened_low.png" alt="Taj Mahal sharpened (low amount)" />
+          <img src="images/taj_sharpened_low.png" alt="Taj Mahal sharpened (low amount)" />
           <figcaption>Sharpened result (low amount).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/taj_sharpened_med.png" alt="Taj Mahal sharpened (medium amount)" />
+          <img src="images/taj_sharpened_med.png" alt="Taj Mahal sharpened (medium amount)" />
           <figcaption>Sharpened result (medium amount).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/taj_sharpened_high.png" alt="Taj Mahal sharpened (high amount)" />
+          <img src="images/taj_sharpened_high.png" alt="Taj Mahal sharpened (high amount)" />
           <figcaption>Sharpened result (high amount).</figcaption>
         </figure>
         <h4>Additional Image</h4>
         <figure>
-          <img src="path/to/other_blurred.png" alt="Additional image blurred" />
+          <img src="images/other_blurred.png" alt="Additional image blurred" />
           <figcaption>Blurred version (additional image).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/other_highfreq.png" alt="Additional image high-frequency component" />
+          <img src="images/other_highfreq.png" alt="Additional image high-frequency component" />
           <figcaption>High-frequency component (additional image).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/other_sharpened.png" alt="Additional image sharpened" />
+          <img src="images/other_sharpened.png" alt="Additional image sharpened" />
           <figcaption>Sharpened result (additional image).</figcaption>
         </figure>
         <p><strong>Explanation:</strong> [Summarize the unsharp mask formula, role of blur radius/sigma, and artifact considerations.]</p>
@@ -182,53 +182,53 @@ <h3>Part 2.2. Hybrid Images</h3>
         </p>
         <h4>Full Pipeline Hybrid (Detailed)</h4>
         <figure>
-          <img src="path/to/hybrid1_originalA.png" alt="Original A (aligned)" />
+          <img src="images/hybrid1_originalA.png" alt="Original A (aligned)" />
           <figcaption>Original A (aligned).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/hybrid1_originalB.png" alt="Original B (aligned)" />
+          <img src="images/hybrid1_originalB.png" alt="Original B (aligned)" />
           <figcaption>Original B (aligned).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/hybrid1_fftA.png" alt="Fourier transform of A" />
+          <img src="images/hybrid1_fftA.png" alt="Fourier transform of A" />
           <figcaption>Fourier transform (A).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/hybrid1_fftB.png" alt="Fourier transform of B" />
+          <img src="images/hybrid1_fftB.png" alt="Fourier transform of B" />
           <figcaption>Fourier transform (B).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/hybrid1_filteredA.png" alt="Filtered A" />
+          <img src="images/hybrid1_filteredA.png" alt="Filtered A" />
           <figcaption>Filtered result (A).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/hybrid1_filteredB.png" alt="Filtered B" />
+          <img src="images/hybrid1_filteredB.png" alt="Filtered B" />
           <figcaption>Filtered result (B).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/hybrid1_cutoff.png" alt="Cutoff frequency visualization/justification" />
+          <img src="images/hybrid1_cutoff.png" alt="Cutoff frequency visualization/justification" />
           <figcaption>Cutoff frequency choice and justification.</figcaption>
         </figure>
         <figure>
-          <img src="path/to/hybrid1_final.png" alt="Final hybrid image" />
+          <img src="images/hybrid1_final.png" alt="Final hybrid image" />
           <figcaption>Final hybrid image (detailed pipeline).</figcaption>
         </figure>
 
         <h4>Additional Hybrids (Brief)</h4>
         <figure>
-          <img src="path/to/hybrid2_originals.png" alt="Originals for Hybrid 2" />
+          <img src="images/hybrid2_originals.png" alt="Originals for Hybrid 2" />
           <figcaption>Original images for Hybrid 2.</figcaption>
         </figure>
         <figure>
-          <img src="path/to/hybrid2_final.png" alt="Hybrid 2 final" />
+          <img src="images/hybrid2_final.png" alt="Hybrid 2 final" />
           <figcaption>Hybrid 2 — final result.</figcaption>
         </figure>
         <figure>
-          <img src="path/to/hybrid3_originals.png" alt="Originals for Hybrid 3" />
+          <img src="images/hybrid3_originals.png" alt="Originals for Hybrid 3" />
           <figcaption>Original images for Hybrid 3.</figcaption>
         </figure>
         <figure>
-          <img src="path/to/hybrid3_final.png" alt="Hybrid 3 final" />
+          <img src="images/hybrid3_final.png" alt="Hybrid 3 final" />
           <figcaption>Hybrid 3 — final result.</figcaption>
         </figure>
       </article>
@@ -241,25 +241,25 @@ <h3>Part 2.3 &amp; 2.4. Gaussian/Laplacian Stacks; Figure 3.42(a–l); Custom Bl
         </p>
         <h4>Gaussian &amp; Laplacian Stacks (Orange + Apple)</h4>
         <figure>
-          <img src="path/to/orapple_gaussian_stack.png" alt="Gaussian stack visualization" />
+          <img src="images/orapple_gaussian_stack.png" alt="Gaussian stack visualization" />
           <figcaption>Gaussian stack visualization (Orange + Apple).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/orapple_laplacian_stack.png" alt="Laplacian stack visualization" />
+          <img src="images/orapple_laplacian_stack.png" alt="Laplacian stack visualization" />
           <figcaption>Laplacian stack visualization (Orange + Apple).</figcaption>
         </figure>
         <h4>Recreated Figure 3.42(a–l)</h4>
         <figure>
-          <img src="path/to/figure342_grid.png" alt="Grid of results analogous to Fig. 3.42(a–l)" />
+          <img src="images/figure342_grid.png" alt="Grid of results analogous to Fig. 3.42(a–l)" />
           <figcaption>Outcomes analogous to Figure 3.42(a–l).</figcaption>
         </figure>
         <h4>Custom Blended Images</h4>
         <figure>
-          <img src="path/to/custom_blend1.png" alt="Custom blended image with irregular mask" />
+          <img src="images/custom_blend1.png" alt="Custom blended image with irregular mask" />
           <figcaption>Custom blend #1 (irregular mask).</figcaption>
         </figure>
         <figure>
-          <img src="path/to/custom_blend2.png" alt="Custom blended image (straight mask)" />
+          <img src="images/custom_blend2.png" alt="Custom blended image (straight mask)" />
           <figcaption>Custom blend #2.</figcaption>
         </figure>
         <p><strong>Notes &amp; Discussion:</strong> [Describe masks, blending levels, feathering choices, and artifacts.]</p>