include all content

docs/index.html

@@ -250,19 +250,19 @@ <h2 class="title is-3">Method</h2>
     <!-- Examples. -->
     <div class="columns is-centered">
       <div class="column is-full-width">
-        <h2 class="title is-3">Restoration Examples</h2>
+        <h2 class="title is-3">Sample Output</h2>
 
         <!--/ Qualitative comparison. -->
-        <h3 class="title is-4">Qualitative comparison</h3>
+        <h3 class="title is-4">Real-world image restoration</h3>
         <div class="content has-text-justified">
           <p>
-            Real-world image restoration examples.
+            InstantIR is able to recover rich and realistic texture details in real-world degradation images.
           </p>
         </div>
         <div style="text-align: center;">
           <img src="./static/images/qualitative_real.png"
                class="interpolation-image"
-               style="max-width: 80%; height: auto; display: block; margin: 0 auto;"/>
+               style="max-width: 100%; height: auto; display: block; margin: 0 auto;"/>
           <p style="text-align: center;">Comparison across SOTA models. LQ stands for Low-Quality input, zoom in for a better view!</p>
         </div>
 
@@ -274,41 +274,23 @@ <h3 class="title is-4">Qualitative comparison</h3>
 
     <!-- <div class="columns is-centered"> -->
 
-      <!-- Visual Effects. -->
+      <!-- Creative restoration. -->
       <div class="column">
         <div class="content">
-          <h3 class="title is-4">Text-guided Details Enhancement</h3>
+          <h3 class="title is-4">Text-guided creative restoration</h3>
           <p>
-            Using <i>nerfies</i> you can create fun visual effects. This Dolly zoom effect
-            would be impossible without nerfies since it would require going through a wall.
+            Although InstantIR is not explicitly trained on text-image paired data, it demonstrates interesting text-editing ability which is 
+            featured by manipulating generative references with textual descriptions.
           </p>
-          <video id="dollyzoom" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/dollyzoom-stacked.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-      </div>
-      <!--/ Visual Effects. -->
-
-      <!-- Matting. -->
-      <div class="column">
-        <h3 class="title is-4">Text-guided Restoration-Editing</h3>
-        <div class="columns is-centered">
-          <div class="column content">
-            <p>
-              As a byproduct of our method, we can also solve the matting problem by ignoring
-              samples that fall outside of a bounding box during rendering.
-            </p>
-            <video id="matting-video" controls playsinline height="100%">
-              <source src="./static/videos/matting.mp4"
-                      type="video/mp4">
-            </video>
+          <div style="text-align: center;">
+            <img src="./static/images/outdomain_preview.png"
+                 class="interpolation-image"
+                 style="max-width: 80%; height: auto; display: block; margin: 0 auto;"/>
+            <p style="text-align: center;">Creative restoration following text-guidance.</p>
           </div>
-
         </div>
       </div>
-    <!-- </div> -->
-    <!--/ Matting. -->
+      <!--/ Creative restoration. -->
 
   </div>
 </section>
@@ -329,29 +311,27 @@ <h2 class="title">BibTeX</h2>
 
 <footer class="footer">
   <div class="container">
-    <div class="content has-text-centered">
+    <!-- <div class="content has-text-centered">
       <a class="icon-link"
          href="./static/videos/nerfies_paper.pdf">
         <i class="fas fa-file-pdf"></i>
       </a>
       <a class="icon-link" href="https://github.com/keunhong" class="external-link" disabled>
         <i class="fab fa-github"></i>
       </a>
-    </div>
+    </div> -->
     <div class="columns is-centered">
       <div class="column is-8">
         <div class="content">
-          <p>
+          <!-- <p>
             This website is licensed under a <a rel="license"
                                                 href="http://creativecommons.org/licenses/by-sa/4.0/">Creative
             Commons Attribution-ShareAlike 4.0 International License</a>.
-          </p>
+          </p> -->
           <p>
-            This means you are free to borrow the <a
-              href="https://github.com/nerfies/nerfies.github.io">source code</a> of this website,
-            we just ask that you link back to this page in the footer.
-            Please remember to remove the analytics code included in the header of the website which
-            you do not want on your website.
+            Web-page design from <a class="icon-link" href="https://github.com/nerfies/nerfies.github.io" class="external-link" disabled>
+              <i class="fab fa-github"></i>
+            </a>
           </p>
         </div>
       </div>