update

Author: wenbowen123

index.html

@@ -176,7 +176,7 @@ <h2 class="title is-3">Abstract</h2>
     <div class="columns is-centered has-text-centered">
       <div class="column is-four-fifths">
         <h2 class="title is-3">ETH3D Leaderboard 🏆</h2>
-        <p style="text-align: left;margin-bottom: 10px">We obtained the 1st place on the <a href="https://www.eth3d.net/low_res_two_view">ETH3D leaderboard</a>.</p>
+        <p style="text-align: left;margin-bottom: 10px">We obtained the 1st place on the world-wide <a href="https://www.eth3d.net/low_res_two_view">ETH3D leaderboard</a>.</p>
         <img src="static/images/eth_leaderboard.png" width="80%">
       </div>
     </div>
@@ -255,44 +255,6 @@ <h2 class="title is-3" style="text-align: center;">Comparison of Stereo Matching
       </div>
     </div>
 
-    <br>
-    <br>
-    <div class="columns is-centered has-text-centered">
-      <div class="column is-full">
-        <h2 class="title is-3" style="text-align: center;">Comparison to Metric Monocular Depth</h2>
-        <!-- <div class="column is-three-fifths"> -->
-          <p style="text-align: left;">We compare with SOTA monocular metric depth estimation methods. Despite their recent advancements, ours still yields the most accurate metric scale point cloud. Play with the below interactive 3D viewer to learn more.</p>
-        <!-- </div> -->
-        <img src="static/images/mono_comparison.png" width="70%" style="margin-top: 10px;">
-        <div style="display: flex; flex: none; align-items: center; justify-content: center; gap: 10px; margin-top: -30px; margin-bottom: -20px;">
-          <p class="title is-5" style="margin: 0;">Method:</p>
-          <span id="Ours_mono" class="button method_mono is-info is-rounded" onclick="change_method_mono('Ours')">
-            Ours
-          </span>
-          <span id="DepthAnythingV2" class="button method_mono is-black is-rounded" onclick="change_method_mono('DepthAnythingV2')">
-            DepthAnythingV2
-          </span>
-          <span id="Depth Pro" class="button method_mono is-black is-rounded" onclick="change_method_mono('Depth Pro')">
-            Depth Pro
-          </span>
-        </div>
-        <!-- <div style="display: flex; width: 100%; flex: none; text-align: center; justify-content: center; gap: 2px; margin-top: 10px; margin-bottom:-20px">
-          <img src="static/images/gr00t_left.png" width="25%">
-          <img id="mono_disp" width="25%">
-        </div> -->
-        <br>
-        <model-viewer style="width: 50%; height: auto; aspect-ratio: 3/2; border: 1px solid black; display: inline-block; "
-          id="mono_cloud"
-          exposure="0.5"
-          max-camera-orbit="Infinity 180deg 100%"
-          min-camera-orbit="-Infinity -180deg 10%"
-          orientation="0deg 180deg 180deg"
-          camera-orbit="180deg 90deg 80%"
-          camera-controls touch-action="none">
-        </model-viewer>
-      </div>
-    </div>
-
 
     <div class="columns is-centered has-text-centered" style="margin-top: 100px;">
       <div class="column is-full">
@@ -345,11 +307,50 @@ <h2 class="title is-3" style="text-align: center;">Comparison to RGBD Camera</h2
       </div>
     </div>
 
+
+    <div class="columns is-centered has-text-centered" style="margin-top: 150px;">
+      <div class="column is-four-fifths">
+        <h2 class="title is-3" style="text-align: center;">Comparison to Metric Monocular Depth</h2>
+          <p style="text-align: left;">We compare with SOTA monocular metric depth estimation methods. Despite their recent advancements, ours still yields the most accurate metric scale point cloud. Play with the below interactive 3D viewer to learn more.</p>
+        <!-- </div> -->
+        <img src="static/images/mono_comparison.png" width="70%" style="margin-top: 10px;">
+        <div style="display: flex; flex: none; align-items: center; justify-content: center; gap: 10px; margin-top: -30px; margin-bottom: -20px;">
+          <p class="title is-5" style="margin: 0;">Method:</p>
+          <span id="Ours_mono" class="button method_mono is-info is-rounded" onclick="change_method_mono('Ours')">
+            Ours
+          </span>
+          <span id="DepthAnythingV2" class="button method_mono is-black is-rounded" onclick="change_method_mono('DepthAnythingV2')">
+            DepthAnythingV2
+          </span>
+          <span id="Depth Pro" class="button method_mono is-black is-rounded" onclick="change_method_mono('Depth Pro')">
+            Depth Pro
+          </span>
+        </div>
+        <!-- <div style="display: flex; width: 100%; flex: none; text-align: center; justify-content: center; gap: 2px; margin-top: 10px; margin-bottom:-20px">
+          <img src="static/images/gr00t_left.png" width="25%">
+          <img id="mono_disp" width="25%">
+        </div> -->
+        <br>
+        <model-viewer style="width: 50%; height: auto; aspect-ratio: 3/2; border: 1px solid black; display: inline-block; "
+          id="mono_cloud"
+          exposure="0.5"
+          max-camera-orbit="Infinity 180deg 100%"
+          min-camera-orbit="-Infinity -180deg 10%"
+          orientation="0deg 180deg 180deg"
+          camera-orbit="180deg 90deg 80%"
+          camera-controls touch-action="none">
+        </model-viewer>
+      </div>
+    </div>
+
+
+
     <div class="columns is-centered has-text-centered", style="margin-top: 100px;">
       <div class="column is-four-fifths">
         <h2 class="title is-3">Quantitative Comparison</h2>
-        <img src="static/images/table_zero_shot.jpg" width="50%">
-        <img src="static/images/eth.jpg" width="50%" style="margin-top: 20px;">
+        <img src="static/images/table_zero_shot.jpg" width="40%">
+        <br>
+        <img src="static/images/eth.jpg" width="40%" style="margin-top: 20px;">
       </div>
     </div>
 
@@ -359,7 +360,7 @@ <h2 class="title is-3">Quantitative Comparison</h2>
       <div class="column is-four-fifths">
         <h2 class="title is-3">Full Video</h2>
         <div class="publication-video">
-          <video style="text-align:center; width:100%" id="v3" playsinline controls height="100%">
+          <video style="text-align:center; width:100%; border: 5px solid black" id="v3" playsinline controls height="100%">
             <source src="static/videos/v0c.mp4" type="video/mp4">
           </video>
           <!-- <iframe src="https://www.youtube.com/embed/Ip_yWsGUF6c?si=qnkJtKPyeIl85WMx" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> -->