✨ feat: add recon results

index.html

@@ -289,6 +289,60 @@ <h1>Experiment Details</h1>
   </div>
 </section>
 
+<section>
+  <div class="container">
+    <div class="warp-container">
+      <div class="row">
+        <div class="col-12 text-center">
+          <p class="text-center">
+          <h1>Reconstruction Results</h1>
+          <hr style="margin-top:0px">
+
+          <div id="carouselExampleIndicators3" class="carousel slide" data-ride="carousel" data-interval="10000">
+            <ol class="carousel-indicators">
+              <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
+              <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
+              <!-- <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+              <li data-target="#carouselExampleIndicators" data-slide-to="3"></li> -->
+            </ol>
+            <div class="carousel-inner text-center">
+              <div class="carousel-item active">
+                <video autoplay loop muted style="max-width: 100%; height: auto;">
+                  <source src="assets/videos/recon1.mp4" type="video/mp4">
+                </video>
+              </div>
+              <div class="carousel-item">
+                <video autoplay loop muted style="max-width: 100%; height: auto;">
+                  <source src="assets/videos/recon2.mp4" type="video/mp4">
+                </video>
+              </div>
+              <!-- <div class="carousel-item">
+                <video autoplay loop muted style="max-width: 80%; height: auto;">
+                  <source src="assets/videos/video_scene3.mp4" type="video/mp4">
+                </video>
+              </div>
+              <div class="carousel-item">
+                <video autoplay loop muted style="max-width: 80%; height: auto;">
+                  <source src="assets/videos/video_scene4.mp4" type="video/mp4">
+                </video>
+              </div> -->
+            </div>
+            <a class="carousel-control-prev" href="#carouselExampleIndicators3" role="button" data-slide="prev">
+              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+              <span class="sr-only">Previous</span>
+            </a>
+            <a class="carousel-control-next" href="#carouselExampleIndicators3" role="button" data-slide="next">
+              <span class="carousel-control-next-icon" aria-hidden="true"></span>
+              <span class="sr-only">Next</span>
+            </a>
+          </div>
+
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
 
 <!-- TODO -->
 <section>