From 4a2cccde5f01b82642eabb1834cd4e5f440471a6 Mon Sep 17 00:00:00 2001
From: niujinshuchong <yuzh@shanghaitech.edu.cn>
Date: Mon, 4 Dec 2023 19:33:35 +0100
Subject: [PATCH] move viewer to the end

---
 mip-splatting/index.html | 97 +++++++++++++++++++---------------------
 1 file changed, 47 insertions(+), 50 deletions(-)

diff --git a/mip-splatting/index.html b/mip-splatting/index.html
index a3911ab74646c..776ea7f9573c0 100644
--- 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>