Update index.html

index.html

@@ -122,6 +122,83 @@ <h2 class="title is-3">Abstract</h2>
 </section>
 <!-- End paper abstract -->
 
+<section class="section hero is-small">
+  <div class="hero-body">
+    <div class="container is-max-desktop">
+      <div class="columns is-centered has-text-centered">
+        <div class="column is-four-fifths">
+      <h2 class="title is-3">Overview</h2>
+          <div class="content has-text-justified">
+            <p></p>
+            <img src="static/images/MarioVGG_overview.png" alt="MarioVGG Overview" />
+            <p>
+              MarioVGG is a text-to-video model which takes in the initial game state as a single image frame, and an action in the form of a text prompt. It then outputs a video (a sequence of frames) depicting the action in the game.
+            </p>
+        </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="section hero is-small">
+  <div class="hero-body">
+    <div class="container is-max-desktop">
+      <div class="columns is-centered has-text-centered">
+        <div class="column is-four-fifths">
+      <h2 class="title is-3">Overview</h2>
+          <div class="content has-text-justified">
+            <p></p>
+            <img src="static/images/mariovgg-extended-examples.png" alt="Extended MarioVGG examples" />
+            <p>
+              MarioVGG is a text-to-video model which takes in the initial game state as a single image frame, and an action in the form of a text prompt. It then outputs a video (a sequence of frames) depicting the action in the game.
+            </p>
+        </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="section hero is-small">
+  <div class="hero-body">
+    <div class="container is-max-desktop">
+      <div class="columns is-centered has-text-centered">
+        <div class="column is-four-fifths">
+      <h2 class="title is-3">Qualitative Results</h2>
+          <div class="content has-text-justified">
+            <p></p>
+            <img src="static/images/MarioVGG_overview.png" alt="MarioVGG Overview" />
+            <p>
+              Comparison between MarioVGG-generated frames and ground truth frames.
+            </p>
+        </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="section hero is-small">
+  <div class="hero-body">
+    <div class="container is-max-desktop">
+      <div class="columns is-centered has-text-centered">
+        <div class="column is-four-fifths">
+      <h2 class="title is-3">Qualitative Results</h2>
+          <div class="content has-text-justified">
+            <p></p>
+            <img src="static/images/chaining-mariovgg.png" alt="Chaining example" />
+            <p>
+              To generate and maintain gameplay for longer horizons, we chain together multiple model generations recursively.
+            </p>
+        </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+
 <section class="hero is-small">
   <div class="hero-body">
     <div class="container is-centered has-text-centered">