move viewer to the end

niujinshuchong · Dec 4, 2023 · 4a2cccd · 4a2cccd
1 parent 78ba445
commit 4a2cccd
Showing 1 changed file with 47 additions and 50 deletions.
diff --git a/mip-splatting/index.html b/mip-splatting/index.html
@@ -265,53 +265,6 @@ <h2 class="title is-3" style="margin-top: -20px">Motivation</h2>
       <div class="column is-full-width">
         <h2 class="title is-3 has-text-centered" style="margin-top: -30px">Results</h2>
 
-        <h3 class="title is-4">Real-Time Interactive Viewer</h3>
-        <div class="content has-text-justified">
-          <p>
-            Click the image to use the real-time interactive viewer. Please open the viewer with Chrome or Firefox. For more results, please check our <a href="https://niujinshuchong.github.io/mip-splatting-demo/">online viewer</a>. 
-          </p>
-        </div>
-
-        <div class="content-row">
-          <div class="demo-scene-panel" onclick="openDemo('bicycle')">
-            <img src="resources/images/bicycle.png" class="demo-scene-panel-image">
-            <span class="small-title">Bicycle</span>
-          </div>
-
-          <div class="demo-scene-panel" onclick="openDemo('garden')">
-                <img src="resources/images/garden.png" class="demo-scene-panel-image">
-                <span class="small-title">Garden</span>
-            </div>
-            <div class="demo-scene-panel" onclick="openDemo('stump')">
-                <img src="resources/images/stump.png" class="demo-scene-panel-image">
-                <span class="small-title">Stump</span>
-            </div>
-            <div class="demo-scene-panel" onclick="openDemo('kitchen')">
-              <img src="resources/images/kitchen.png" class="demo-scene-panel-image">
-              <span class="small-title">Kitchen</span>
-            </div>
-
-          </div>
-
-          <div class="content-row">
-            <div class="demo-scene-panel" onclick="openDemo('chair')">
-              <img src="resources/images/chair.png" class="demo-scene-panel-image">
-              <span class="small-title">Chair</span>
-            </div>
-            <div class="demo-scene-panel" onclick="openDemo('ficus')">
-              <img src="resources/images/ficus.png" class="demo-scene-panel-image">
-              <span class="small-title">Ficus</span>
-            </div>
-            <div class="demo-scene-panel" onclick="openDemo('lego')">
-              <img src="resources/images/lego.png" class="demo-scene-panel-image">
-              <span class="small-title">Lego</span>
-            </div>
-            <div class="demo-scene-panel" onclick="openDemo('ship')">
-              <img src="resources/images/ship.png" class="demo-scene-panel-image">
-              <span class="small-title">Ship</span>
-            </div>
-          </div>
-
         <h3 class="title is-4">Comparison wtih 3DGS</h3>
         <div class="content has-text-justified">
           <p>
@@ -455,8 +408,54 @@ <h3 class="title is-4">Effectiveness of 3D Smoothing Filter</h3>
           </div>
         </div>
 
+        <br><br>
 
-
+        <h3 class="title is-4">Real-Time Interactive Viewer</h3>
+        <div class="content has-text-justified">
+          <p>
+            Click the image to use the real-time interactive viewer. Please open the viewer with Chrome or Firefox. For more results, please check our <a href="https://niujinshuchong.github.io/mip-splatting-demo/">online viewer</a>. 
+          </p>
+        </div>
+
+        <div class="content-row">
+          <div class="demo-scene-panel" onclick="openDemo('bicycle')">
+            <img src="resources/images/bicycle.png" class="demo-scene-panel-image">
+            <span class="small-title">Bicycle</span>
+          </div>
+
+          <div class="demo-scene-panel" onclick="openDemo('garden')">
+                <img src="resources/images/garden.png" class="demo-scene-panel-image">
+                <span class="small-title">Garden</span>
+            </div>
+            <div class="demo-scene-panel" onclick="openDemo('stump')">
+                <img src="resources/images/stump.png" class="demo-scene-panel-image">
+                <span class="small-title">Stump</span>
+            </div>
+            <div class="demo-scene-panel" onclick="openDemo('kitchen')">
+              <img src="resources/images/kitchen.png" class="demo-scene-panel-image">
+              <span class="small-title">Kitchen</span>
+            </div>
+
+          </div>
+
+          <div class="content-row">
+            <div class="demo-scene-panel" onclick="openDemo('chair')">
+              <img src="resources/images/chair.png" class="demo-scene-panel-image">
+              <span class="small-title">Chair</span>
+            </div>
+            <div class="demo-scene-panel" onclick="openDemo('ficus')">
+              <img src="resources/images/ficus.png" class="demo-scene-panel-image">
+              <span class="small-title">Ficus</span>
+            </div>
+            <div class="demo-scene-panel" onclick="openDemo('lego')">
+              <img src="resources/images/lego.png" class="demo-scene-panel-image">
+              <span class="small-title">Lego</span>
+            </div>
+            <div class="demo-scene-panel" onclick="openDemo('ship')">
+              <img src="resources/images/ship.png" class="demo-scene-panel-image">
+              <span class="small-title">Ship</span>
+            </div>
+          </div>
 
 
       </div>
@@ -465,8 +464,6 @@ <h3 class="title is-4">Effectiveness of 3D Smoothing Filter</h3>
   </div>
 </section>
 
-
-
 <section class="section" id="BibTeX">
   <div class="container is-max-desktop content">
     <h2 class="title">BibTeX</h2>