website

index.html

@@ -267,7 +267,7 @@ <h2 class="subtitle has-text-centered">
         </div>
         <div class="item">
           <!-- Your image here -->
-          <img src="videos/baseline_comp.pdf" alt=""/>
+          <img src="videos/baseline_comp.png" alt=""/>
           <h2 class="subtitle has-text-centered">
           </h2>
         </div>
@@ -277,42 +277,53 @@ <h2 class="subtitle has-text-centered">
     </div>
     <!--/ Overview. -->
 
-  </div>
-</section>
-
 
-<!-- Video carousel -->
-<section class="hero is-small">
-  <div class="hero-body"> 
-    <div class="container">
-      <h2 class="title is-3">Another Carousel</h2>
-      <div id="results-carousel" class="carousel results-carousel">
-        <div class="item item-video1">
-          <video poster="" id="video1" autoplay controls muted loop height="100%">
-            <!-- Your video file here -->
-            <source src="static/videos/carousel1.mp4"
-            type="video/mp4">
-          </video>
+    <!-- Overview. -->
+    <div class="columns is-centered has-text-centered">
+      <div class="column is-four-fifths">
+        <h2 class="title is-3">Visualizations</h2>
+
+        <div class="content has-text-justified">
+          <p>
+            The Failure and OOD prediction complement each other in predicting anomalies.
+          </p>
         </div>
-        <div class="item item-video2">
-          <video poster="" id="video2" autoplay controls muted loop height="100%">
-            <!-- Your video file here -->
-            <source src="static/videos/carousel2.mp4"
-            type="video/mp4">
-          </video>
+        <div class="item">
+          <!-- Your image here -->
+          <img src="videos/examples/traj1_failure.mp4" alt=""/>
+          <h2 class="subtitle has-text-centered">
+          </h2>
         </div>
-        <div class="item item-video3">
-          <video poster="" id="video3" autoplay controls muted loop height="100%">\
-            <!-- Your video file here -->
-            <source src="static/videos/carousel3.mp4"
-            type="video/mp4">
-          </video>
+        <div class="item">
+          <!-- Your image here -->
+          <img src="videos/examples/traj1_ood.mp4" alt=""/>
+          <h2 class="subtitle has-text-centered">
+          </h2>
+        </div>
+        <div class="item">
+          <!-- Your image here -->
+          <img src="videos/examples/traj2_failure.mp4" alt=""/>
+          <h2 class="subtitle has-text-centered">
+          </h2>
+        </div>
+        <div class="item">
+          <!-- Your image here -->
+          <img src="videos/examples/traj2_ood.mp4" alt=""/>
+          <h2 class="subtitle has-text-centered">
+          </h2>
         </div>
+        <br>
+        <br>
       </div>
     </div>
+    <!--/ Overview. -->
+
+
   </div>
 </section>
 
+
+
 <section class="section" id="BibTeX">
   <div class="container is-max-desktop content">
     <h2 class="title">BibTeX</h2>