update gh page

instantX-research · Oct 23, 2024 · 59ea5ee · 59ea5ee
1 parent b51a3ac
commit 59ea5ee
Show file tree

Hide file tree

Showing 21 changed files with 38 additions and 134 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -121,15 +121,15 @@ <h1 class="title is-1 publication-title">InstantIR: Blind Image Restoration with
           <div class="column has-text-centered">
             <div class="publication-links">
               <!-- PDF Link. -->
-              <span class="link-block">
+              <!-- <span class="link-block">
                 <a href="https://arxiv.org/abs/2410.06551"
                    class="external-link button is-normal is-rounded is-dark">
                   <span class="icon">
                       <i class="fa-solid fa-file-pdf"></i>
                   </span>
                   <span>Paper</span>
                 </a>
-              </span>
+              </span> -->
               <span class="link-block">
                 <a href="https://arxiv.org/abs/2410.06551"
                    class="external-link button is-normal is-rounded is-dark">
@@ -185,73 +185,12 @@ <h1 class="title is-1 publication-title">InstantIR: Blind Image Restoration with
                 type="video/mp4">
       </video>
       <h2 class="subtitle has-text-centered">
-        InstantIR turns selfie videos from your phone into
-        free-viewpoint
-        portraits.
+        InstantIR recovers extrem quality visual details from your image.
       </h2>
     </div>
   </div>
 </section>
 
-
-<section class="hero is-light is-small">
-  <div class="hero-body">
-    <div class="container">
-      <div id="results-carousel" class="carousel results-carousel">
-        <div class="item item-steve">
-          <video poster="" id="steve" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/steve.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-chair-tp">
-          <video poster="" id="chair-tp" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/chair-tp.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-shiba">
-          <video poster="" id="shiba" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/shiba.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-fullbody">
-          <video poster="" id="fullbody" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/fullbody.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-blueshirt">
-          <video poster="" id="blueshirt" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/blueshirt.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-mask">
-          <video poster="" id="mask" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/mask.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-coffee">
-          <video poster="" id="coffee" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/coffee.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-toby">
-          <video poster="" id="toby" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/toby2.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-
-
 <section class="section">
   <div class="container is-max-desktop">
     <!-- Abstract. -->
@@ -290,67 +229,17 @@ <h2 class="title is-3">Abstract</h2>
       </div>
     </div>
     <!--/ Abstract. -->
-
-    <!-- Paper video. -->
-    <div class="columns is-centered has-text-centered">
-      <div class="column is-four-fifths">
-        <h2 class="title is-3">Video</h2>
-        <div class="publication-video">
-          <iframe src="https://www.youtube.com/embed/MrKrnHhk8IA?rel=0&amp;showinfo=0"
-                  frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
-        </div>
-      </div>
-    </div>
-    <!--/ Paper video. -->
   </div>
 </section>
 
 
 <section class="section">
   <div class="container is-max-desktop">
 
-    <div class="columns is-centered">
-
-      <!-- Visual Effects. -->
-      <div class="column">
-        <div class="content">
-          <h2 class="title is-3">Visual Effects</h2>
-          <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.
-          </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">
-        <h2 class="title is-3">Matting</h2>
-        <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>
-
-        </div>
-      </div>
-    </div>
-    <!--/ Matting. -->
-
     <!-- Animation. -->
     <div class="columns is-centered">
       <div class="column is-full-width">
-        <h2 class="title is-3">Animation</h2>
+        <h2 class="title is-3">Visual Examples</h2>
 
         <!-- Interpolating. -->
         <h3 class="title is-4">Interpolating states</h3>
@@ -385,35 +274,50 @@ <h3 class="title is-4">Interpolating states</h3>
         </div>
         <br/>
         <!--/ Interpolating. -->
+      </div>
+    </div>
+    <!--/ Animation. -->
 
-        <!-- Re-rendering. -->
-        <h3 class="title is-4">Re-rendering the input video</h3>
-        <div class="content has-text-justified">
+    <div class="columns is-centered">
+
+      <!-- Visual Effects. -->
+      <div class="column">
+        <div class="content">
+          <h2 class="title is-3">Text-guided Details Enhancement</h2>
           <p>
-            Using <span class="dnerf">Nerfies</span>, you can re-render a video from a novel
-            viewpoint such as a stabilized camera by playing back the training deformations.
+            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.
           </p>
-        </div>
-        <div class="content has-text-centered">
-          <video id="replay-video"
-                 controls
-                 muted
-                 preload
-                 playsinline
-                 width="75%">
-            <source src="./static/videos/replay.mp4"
+          <video id="dollyzoom" autoplay controls muted loop playsinline height="100%">
+            <source src="./static/videos/dollyzoom-stacked.mp4"
                     type="video/mp4">
           </video>
         </div>
-        <!--/ Re-rendering. -->
+      </div>
+      <!--/ Visual Effects. -->
+
+      <!-- Matting. -->
+      <div class="column">
+        <h2 class="title is-3">Text-guided Restoration-Editing</h2>
+        <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>
 
+        </div>
       </div>
     </div>
-    <!--/ Animation. -->
-
+    <!--/ Matting. -->
 
     <!-- Concurrent Work. -->
-    <div class="columns is-centered">
+    <!-- <div class="columns is-centered">
       <div class="column is-full-width">
         <h2 class="title is-3">Related Links</h2>
 
@@ -436,7 +340,7 @@ <h2 class="title is-3">Related Links</h2>
           </p>
         </div>
       </div>
-    </div>
+    </div> -->
     <!--/ Concurrent Work. -->
 
   </div>

diff --git a/docs/static/images/interpolate_end.jpg b/docs/static/images/interpolate_end.jpg
diff --git a/docs/static/images/interpolate_start.jpg b/docs/static/images/interpolate_start.jpg
diff --git a/docs/static/videos/._Icon b/docs/static/videos/._Icon
diff --git a/docs/static/videos/blueshirt.mp4 b/docs/static/videos/blueshirt.mp4
diff --git a/docs/static/videos/book.mp4 b/docs/static/videos/book.mp4
diff --git a/docs/static/videos/chair-tp.mp4 b/docs/static/videos/chair-tp.mp4
diff --git a/docs/static/videos/coffee.mp4 b/docs/static/videos/coffee.mp4
diff --git a/docs/static/videos/dollyzoom-depth.mp4 b/docs/static/videos/dollyzoom-depth.mp4
diff --git a/docs/static/videos/dollyzoom-stacked.mp4 b/docs/static/videos/dollyzoom-stacked.mp4
diff --git a/docs/static/videos/dollyzoom.mp4 b/docs/static/videos/dollyzoom.mp4
diff --git a/docs/static/videos/fullbody.mp4 b/docs/static/videos/fullbody.mp4
diff --git a/docs/static/videos/mask-nobg.mp4 b/docs/static/videos/mask-nobg.mp4
diff --git a/docs/static/videos/mask.mp4 b/docs/static/videos/mask.mp4
diff --git a/docs/static/videos/matting.mp4 b/docs/static/videos/matting.mp4
diff --git a/docs/static/videos/replay.mp4 b/docs/static/videos/replay.mp4
diff --git a/docs/static/videos/shiba.mp4 b/docs/static/videos/shiba.mp4
diff --git a/docs/static/videos/steve.mp4 b/docs/static/videos/steve.mp4
diff --git a/docs/static/videos/teaser.mp4 b/docs/static/videos/teaser.mp4
diff --git a/docs/static/videos/toby.mp4 b/docs/static/videos/toby.mp4
diff --git a/docs/static/videos/toby2.mp4 b/docs/static/videos/toby2.mp4