adaptive

index.html

@@ -472,18 +472,32 @@
       </div>
     </div>
 
-
     <div class="columns is-centered">
-      <div class="column">
-        <div class="content">
-          <h2 class="title is-4">Performance against Adaptive Attacks</h2>
+      <div class="column is-full-width">
+        <h2 class="title is-4">Performance of BEYOND against Adaptive Attacks</h2>
+
+        <!-- Interpolating. -->
+        <h3 class="title is-4">Interpolating states</h3>
+        <div class="content has-text-justified">
+          <p>
+            We can also animate the scene by interpolating the deformation latent codes of two input
+            frames. Use the slider here to linearly interpolate between the left frame and the right
+            frame.
+          </p>
         </div>
-      <div class="column">
-        <div class="content">
-          <h2 class="title is-4">Contribution of Representation Similarity & Label Con-
-            sistency against Adaptive Attacks</h2>
+        <div class="columns is-vcentered interpolation-panel">
+
+          <div class="column interpolation-video-column">
+            <div id="interpolation-image-wrapper">
+              Loading...
+            </div>
+            <input class="slider is-fullwidth is-large is-info"
+                   id="interpolation-slider"
+                   step="1" min="0" max="100" value="0" type="range">
+          </div>
         </div>
-      </div>
+        <br/>
+
       
     </div>
   </div>