Upload 5 files

.gitattributes

@@ -360,3 +360,5 @@ stroke_visuals/T_Junction/310.png filter=lfs diff=lfs merge=lfs -text
 stroke_visuals/T_Junction/362.png filter=lfs diff=lfs merge=lfs -text
 stroke_visuals/T_Junction/60.png filter=lfs diff=lfs merge=lfs -text
 stroke_visuals/T_Junction/749.png filter=lfs diff=lfs merge=lfs -text
+click2_videos/output_click.png filter=lfs diff=lfs merge=lfs -text
+click2_videos/output.png filter=lfs diff=lfs merge=lfs -text

index.html

@@ -158,10 +158,10 @@
           </video>
         </div>
         <div class="item item-blueshirt">
-          <video poster="" id="blueshirt" autoplay controls muted loop playsinline height="100%">
+          <!-- <video poster="" id="blueshirt" autoplay controls muted loop playsinline height="100%">
             <source src="./videos/dtb70/2.mp4"
                     type="video/mp4">
-          </video>
+          </video> -->
         </div>
       </div>
     </div>
@@ -252,17 +252,15 @@ the full image prediction performance.
         <div class="columns is-vcentered interpolation-panel">
           <div class="column is-6 has-text-centered">
             <h3 class="subtitle is-5">Original Inference</h3>
-            <video poster="" autoplay controls muted loop playsinline style="width: 100%; height: auto;">
-              <source src="./click2_videos/0.mp4" type="video/mp4">
-              Your browser does not support the video tag.
-            </video>
+            <img src="./click2_videos/output.png" 
+     alt="Original Inference" 
+     style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
           </div>
           <div class="column is-6 has-text-centered">
             <h3 class="subtitle is-5">After Click</h3>
-            <video poster="" autoplay controls muted loop playsinline style="width: 100%; height: auto;">
-              <source src="./click2_videos/0_click.mp4" type="video/mp4">
-              Your browser does not support the video tag.
-            </video>
+            <img src="./click2_videos/output_click.png" 
+                 alt="After Click" 
+                 style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
           </div>
         </div>
         <br/>
@@ -508,9 +506,7 @@ from the final predictions, which is common for various small map elements.
 
     // Roundabout images
     const roundaboutImages = [
-      "./stroke_visuals/roundabout/65.png",
       "./stroke_visuals/roundabout/83.png",
-      "./stroke_visuals/roundabout/108.png",
       "./stroke_visuals/roundabout/115.png",
       "./stroke_visuals/roundabout/173.png",
       "./stroke_visuals/roundabout/187.png",
@@ -520,10 +516,7 @@ from the final predictions, which is common for various small map elements.
       "./stroke_visuals/roundabout/400.png",
       "./stroke_visuals/roundabout/413.png",
       "./stroke_visuals/roundabout/420.png",
-      "./stroke_visuals/roundabout/528.png",
-      "./stroke_visuals/roundabout/612.png",
       "./stroke_visuals/roundabout/688.png",
-      "./stroke_visuals/roundabout/798.png"
     ];
 
     // Splits images
@@ -598,28 +591,43 @@ from the final predictions, which is common for various small map elements.
           </p>
         </div>
         <div class="columns is-vcentered interpolation-panel">
-          <div class="column is-4 has-text-centered">
-            <!-- <h3 class="subtitle is-5">Original Inference</h3> -->
-            <img src="./hardcase_good_visuals/intersection_good/plot_1349291.png" 
-                 alt="Original Inference" 
-                 style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
-          </div>
-          <div class="column is-4 has-text-centered">
-            <!-- <h3 class="subtitle is-5">After Click</h3> -->
-            <img src="./hardcase_good_visuals/intersection_good/plot_1646496.png" 
-                 alt="After Click" 
-                 style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
-          </div>
-          <div class="column is-4 has-text-centered">
-            <!-- <h3 class="subtitle is-5">After Click</h3> -->
-            <img src="./hardcase_good_visuals/intersection_good/plot_683728.png" 
-                 alt="After Click" 
-                 style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
-          </div>
-        </div>
+  <div class="column is-4 has-text-centered">
+    <img src="./hardcase_good_visuals/intersection_good/plot_1349291.png" 
+         alt="Original Inference" 
+         style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+  </div>
+  <div class="column is-4 has-text-centered">
+    <img src="./hardcase_good_visuals/intersection_good/plot_1646496.png" 
+         alt="After Click" 
+         style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+  </div>
+  <div class="column is-4 has-text-centered">
+    <img src="./hardcase_good_visuals/intersection_good/plot_683728.png" 
+         alt="After Click" 
+         style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+  </div>
+</div>
+
+<div class="columns is-vcentered interpolation-panel" style="margin-top: 20px;">
+  <div class="column is-4 has-text-centered">
+    <img src="./hardcase_good_visuals/intersection_good/plot_434008.png" 
+         alt="After Click" 
+         style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+  </div>
+  <div class="column is-4 has-text-centered">
+    <img src="./hardcase_good_visuals/intersection_good/plot_873922.png" 
+         alt="After Click" 
+         style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+  </div>
+  <div class="column is-4 has-text-centered">
+    <img src="./hardcase_good_visuals/intersection_good/plot_1349291.png" 
+         alt="After Click" 
+         style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+  </div>
+</div>
         <div class="content has-text-justified">
           <p>
-            Poor Ecamples
+            Poor Examples
           </p>
         </div>
         <div class="columns is-vcentered interpolation-panel">
@@ -653,25 +661,40 @@ from the final predictions, which is common for various small map elements.
           </p>
         </div>
         <div class="columns is-vcentered interpolation-panel">
-          <div class="column is-4 has-text-centered">
-            <!-- <h3 class="subtitle is-5">Original Inference</h3> -->
-            <img src="./hardcase_good_visuals/occluded_good/plot_292951.png" 
-                 alt="Original Inference" 
-                 style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
-          </div>
-          <div class="column is-4 has-text-centered">
-            <!-- <h3 class="subtitle is-5">After Click</h3> -->
-            <img src="./hardcase_good_visuals/occluded_good/plot_424350.png" 
-                 alt="After Click" 
-                 style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
-          </div>
-          <div class="column is-4 has-text-centered">
-            <!-- <h3 class="subtitle is-5">After Click</h3> -->
-            <img src="./hardcase_good_visuals/occluded_good/plot_483392.png" 
-                 alt="After Click" 
-                 style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
-          </div>
-        </div>
+  <div class="column is-4 has-text-centered">
+    <img src="./hardcase_good_visuals/occluded_good/plot_292951.png" 
+         alt="Original Inference" 
+         style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+  </div>
+  <div class="column is-4 has-text-centered">
+    <img src="./hardcase_good_visuals/occluded_good/plot_424350.png" 
+         alt="After Click" 
+         style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+  </div>
+  <div class="column is-4 has-text-centered">
+    <img src="./hardcase_good_visuals/occluded_good/plot_483392.png" 
+         alt="After Click" 
+         style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+  </div>
+</div>
+
+<div class="columns is-vcentered interpolation-panel" style="margin-top: 20px;">
+  <div class="column is-4 has-text-centered">
+    <img src="./hardcase_good_visuals/occluded_good/plot_485453.png" 
+         alt="After Click" 
+         style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+  </div>
+  <div class="column is-4 has-text-centered">
+    <img src="./hardcase_good_visuals/occluded_good/plot_624019.png" 
+         alt="After Click" 
+         style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+  </div>
+  <div class="column is-4 has-text-centered">
+    <img src="./hardcase_good_visuals/occluded_good/plot_947394.png" 
+         alt="After Click" 
+         style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+  </div>
+</div>
 
         <div class="content has-text-justified">
           <p>