long-term results

index.html

@@ -260,27 +260,57 @@ <h2 class="content text-left truncate">
 <section class="section">
   <div class="container is-max-desktop">
 
-    <!-- Animation. -->
     <div class="columns is-centered has-text-centered">
       <div class="column is-full-width">
-        <h2 class="title is-3">Presentation Video & More Visual Results <span class="color-red"><br>(Under Construction...)</span></h2>
-        <!-- Re-rendering. -->
-        <!-- <div class="content has-text-centered">
-          <video id="replay-video"
-                 controls
-                 muted
-                 preload
-                 playsinline
-                 width="100%">
-            <source src="static/videos/supplementary_video.mp4"
+        <h2 class="title is-3">Long-Term Generation</h2>
+      </div>
+    </div>
+
+    <div class="columns is-centered has-text-centered">
+      <!-- Long1. -->
+      <div class="column">
+        <div class="content">
+          <video id="chemistry-long" controls playsinline height="100%">
+            <source src="static/videos/long/chemistry.mp4"
                     type="video/mp4">
           </video>
-        </div> -->
-        <!--/ Re-rendering. -->
+        </div>
+      </div>
+      <!--/ Long1. -->
 
+      <!-- Long2. -->
+      <div class="column is-centered has-text-centered">
+        <div class="content">
+          <video id="jon-long" controls playsinline height="100%">
+            <source src="static/videos/long/jon.mp4"
+                    type="video/mp4">
+          </video>
+        </div>
       </div>
+      <!--/ Long2. -->
+      <!-- Long3. -->
+      <div class="column">
+        <div class="content">
+          <video id="oliver-long" controls playsinline height="100%">
+            <source src="static/videos/long/oliver.mp4"
+                    type="video/mp4">
+          </video>
+        </div>
+      </div>
+      <!--/ Long3. -->
+
+      <!-- Long4. -->
+      <div class="column is-centered has-text-centered">
+        <div class="content">
+          <video id="seth-long" controls playsinline height="100%">
+            <source src="static/videos/long/seth.mp4"
+                    type="video/mp4">
+          </video>
+        </div>
+      </div>
+      <!--/ Long4. -->
     </div>
-    <!--/ Animation. -->
+
   </div>
 </section>