From a628b0aebd021cbe84451475485842b44c570845 Mon Sep 17 00:00:00 2001
From: Nik-V9 <keethanikhil@gmail.com>
Date: Mon, 27 Nov 2023 10:57:22 -0500
Subject: [PATCH] Init Website

---
 index.html                           | 339 ++++++++++++++++++++++++++-
 supplement.html => supplemental.html |   1 -
 workflows/static.yml                 |  42 ----
 3 files changed, 326 insertions(+), 56 deletions(-)
 rename supplement.html => supplemental.html (99%)
 delete mode 100644 workflows/static.yml

diff --git a/index.html b/index.html
index 0eb46b6..cd7e4e6 100644
--- a/index.html
+++ b/index.html
@@ -71,7 +71,7 @@
     <div class="container is-max-desktop">
       <div class="columns is-centered">
         <div class="column has-text-centered">
-          <h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussians for Dense RGB-D SLAM</h1>
+          <h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussians<br>for Dense RGB-D SLAM</h1>
           <div class="is-size-5 publication-authors">
             <span class="author-block">
               <a href="https://nik-v9.github.io/">Nikhil Keetha</a><sup>1</sup>,</span>
@@ -108,7 +108,7 @@ <h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussian
                 </a>
               </span>
               <span class="link-block">
-                <a href="https://arxiv.org/abs/2308.00688"
+                <a href="https://spla-tam.github.io"
                    class="external-link button is-normal ">
                   <span class="icon">
                       <i class="ai ai-arxiv"></i>
@@ -118,7 +118,7 @@ <h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussian
               </span>
               <!-- Video Link. -->
               <span class="link-block">
-                <a href="https://www.youtube.com/watch?v=ITo8rMInatk&feature=youtu.be"
+                <a href="https://spla-tam.github.io"
                    class="external-link button is-normal ">
                   <span class="icon">
                       <i class="fab fa-youtube"></i>
@@ -128,7 +128,7 @@ <h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussian
               </span>
               <!-- Code Link. -->
               <span class="link-block">
-                <a href="https://github.com/AnyLoc/AnyLoc"
+                <a href="https://spla-tam.github.io"
                    class="external-link button is-normal ">
                   <span class="icon">
                       <i class="fab fa-github"></i>
@@ -138,7 +138,7 @@ <h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussian
               </span>
               <!-- Demo Link. -->
               <span class="link-block">
-                <a href="#interactive_demo"
+                <a href="https://spla-tam.github.io"
                    class="external-link button is-normal">
                   <span class="icon">
                       <i class="fa fa-basketball-ball"></i>
@@ -179,15 +179,31 @@ <h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussian
 <section class="hero teaser">
   <div class="container is-max-desktop">
     <div class="hero-body">
-      <!-- <video id="teaser" autoplay muted loop playsinline height="100%"> -->
-        <!-- <img source src="./data/method_viz/Splash GIF.gif" /> -->
-        <video id="dinov2_gardens" autoplay controls muted loop playsinline height="100%">
-          <source src="./data/teaser/SplaTAM-teaser.mp4"
-                  type="video/mp4">
-        </video>
-      <!-- </video> -->
+        <div class="container is-max-desktop">
+        <div class="columns is-centered">
+      
+        <div class="column has-text-centered">
+          <div class="content">
+            <video id="s1_recon" autoplay controls muted loop playsinline height="100%">
+              <source src="./data/scannetpp/scannetpp_s1_recon.mp4"
+                      type="video/mp4">
+            </video>
+          </div>
+        </div>
+      
+        <div class="column has-text-centered">
+          <div class="content">
+            <video id="s1_nvs" autoplay controls muted loop playsinline height="100%">
+              <source src="./data/scannetpp/scannetpp_s1_nvs_loop.mp4"
+                      type="video/mp4">
+            </video>
+          </div>
+        </div>
+
+        </div>
+        </div>
       <h2 class="subtitle has-text-centered">
-        <span class="coolname">SplaTAM</span><span>: Splat, Track & Map <i>3D Gaussians</i> for Dense RGB-D SLAM.</span>
+        <span>SplaTAM enables precise camera tracking and high-fidelity reconstruction<br>in challenging real-world scenarios.</span>
       </h2>
     </div>
   </div>
@@ -229,6 +245,303 @@ <h2 class="title is-3">Video</h2>
     <!--/ Paper video. -->
 </section>
 
+<section class="hero is-small">
+  <div class="hero-body">
+  <div class="columns is-centered has-text-centered">
+    <div class="column">
+      <h2 class="title is-3">ScanNet++ S2</h2>
+      <p></p>
+    </div>
+  </div>
+
+  <div class="container is-max-desktop">
+  <div class="columns is-centered">
+
+  <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-4">Online Reconstruction</h2>
+      <video id="s2_recon" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/scannetpp/scannetpp_s2_recon.mp4"
+                type="video/mp4">
+      </video>
+      <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+    </div>
+  </div>
+
+  <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-4">3D Novel View Loop</h2>
+      <video id="s2_nvs" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/scannetpp/scannetpp_s2_nvs_loop.mp4"
+                type="video/mp4">
+      </video>
+      <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+    </div>
+  </div>
+
+  </div>
+  </div>
+</section>
+
+<section class="hero is-small is-light">
+  <div class="hero-body">
+  <div class="columns is-centered has-text-centered">
+    <div class="column">
+      <h2 class="title is-3">Replica Room 0 Novel View Renderings</h2>
+      <p></p>
+    </div>
+  </div>
+
+  <div class="container is-max-desktop">
+  <div class="columns is-centered">
+     
+  <!-- <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-5">PS (No GT Depth)</h2>
+      <video id="psg_r0" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/replica_nvs/point_slam_ngd/room0_rgb_ps.mp4"
+                type="video/mp4">
+      </video>
+    </div>
+  </div> -->
+
+  <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-5">Nice-SLAM</h2>
+      <video id="ns_r0" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/replica_nvs/nice_slam/room0_rgb_ns.mp4"
+                type="video/mp4">
+      </video>
+      <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+    </div>
+  </div>
+
+  <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-5">Point-SLAM</h2>
+      <video id="ps_r0" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/replica_nvs/point_slam/room0_rgb_ps.mp4"
+                type="video/mp4">
+      </video>
+      <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+    </div>
+  </div>
+
+  <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-5">SplaTAM</h2>
+      <video id="ss_r0" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/replica_nvs/splatam/room_0_rgb.mp4"
+                type="video/mp4">
+      </video>
+      <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+    </div>
+  </div>
+  </div>
+
+  <div class="container is-max-desktop">
+    <div class="columns is-centered">
+       
+    <!-- <div class="column has-text-centered">
+      <div class="content">
+        <video id="psg_r0" autoplay controls muted loop playsinline height="100%">
+          <source src="./data/replica_nvs/point_slam_ngd/room0_depth_ps.mp4"
+                  type="video/mp4">
+        </video>
+      </div>
+    </div> -->
+  
+    <div class="column has-text-centered">
+      <div class="content">
+        <video id="ns_r0" autoplay controls muted loop playsinline height="100%">
+          <source src="./data/replica_nvs/nice_slam/room0_depth_ns.mp4"
+                  type="video/mp4">
+        </video>
+        <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+      </div>
+    </div>
+  
+    <div class="column has-text-centered">
+      <div class="content">
+        <video id="ps_r0" autoplay controls muted loop playsinline height="100%">
+          <source src="./data/replica_nvs/point_slam/room0_depth_ps.mp4"
+                  type="video/mp4">
+        </video>
+        <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+      </div>
+    </div>
+  
+    <div class="column has-text-centered">
+      <div class="content">
+        <video id="ss_r0" autoplay controls muted loop playsinline height="100%">
+          <source src="./data/replica_nvs/splatam/room_0_depth.mp4"
+                  type="video/mp4">
+        </video>
+        <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+      </div>
+    </div>
+    </div>
+
+    <h2 class="subtitle has-text-centered">
+      <span>Note: Nice-SLAM & Point-SLAM use ground truth novel view depth for rendering.</span>
+    </h2>
+
+  </div>
+</section>
+
+<section class="hero is-small">
+  <div class="hero-body">
+  <div class="columns is-centered has-text-centered">
+    <div class="column">
+      <h2 class="title is-3">Replica Office 1 Novel View Renderings</h2>
+      <p></p>
+    </div>
+  </div>
+
+  <div class="container is-max-desktop">
+  <div class="columns is-centered">
+     
+  <!-- <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-5">PS (No GT Depth)</h2>
+      <video id="psg_r0" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/replica_nvs/point_slam_ngd/office1_rgb_ps.mp4"
+                type="video/mp4">
+      </video>
+    </div>
+  </div> -->
+
+  <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-5">Nice-SLAM</h2>
+      <video id="ns_r0" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/replica_nvs/nice_slam/office1_rgb_ns.mp4"
+                type="video/mp4">
+      </video>
+    </div>
+  </div>
+
+  <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-5">Point-SLAM</h2>
+      <video id="ps_r0" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/replica_nvs/point_slam/office1_rgb_ps.mp4"
+                type="video/mp4">
+      </video>
+    </div>
+  </div>
+
+  <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-5">SplaTAM</h2>
+      <video id="ss_r0" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/replica_nvs/splatam/office_1_rgb.mp4"
+                type="video/mp4">
+      </video>
+      <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+    </div>
+  </div>
+  </div>
+
+  <div class="container is-max-desktop">
+    <div class="columns is-centered">
+       
+    <!-- <div class="column has-text-centered">
+      <div class="content">
+        <video id="psg_r0" autoplay controls muted loop playsinline height="100%">
+          <source src="./data/replica_nvs/point_slam_ngd/office1_depth_ps.mp4"
+                  type="video/mp4">
+        </video>
+      </div>
+    </div> -->
+  
+    <div class="column has-text-centered">
+      <div class="content">
+        <video id="ns_r0" autoplay controls muted loop playsinline height="100%">
+          <source src="./data/replica_nvs/nice_slam/office1_depth_ns.mp4"
+                  type="video/mp4">
+        </video>
+        <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+      </div>
+    </div>
+  
+    <div class="column has-text-centered">
+      <div class="content">
+        <video id="ps_r0" autoplay controls muted loop playsinline height="100%">
+          <source src="./data/replica_nvs/point_slam/office1_depth_ps.mp4"
+                  type="video/mp4">
+        </video>
+        <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+      </div>
+    </div>
+  
+    <div class="column has-text-centered">
+      <div class="content">
+        <video id="ss_r0" autoplay controls muted loop playsinline height="100%">
+          <source src="./data/replica_nvs/splatam/office_1_depth.mp4"
+                  type="video/mp4">
+        </video>
+        <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+      </div>
+    </div>
+    </div>
+
+    <h2 class="subtitle has-text-centered">
+      <span>Note: Nice-SLAM & Point-SLAM use ground truth novel view depth for rendering.</span>
+    </h2>
+
+  </div>
+</section>
+
+<section class="hero is-small is-light">
+  <div class="hero-body">
+  <div class="columns is-centered has-text-centered">
+    <div class="column">
+      <h2 class="title is-3">Camera Tracking Optimization</h2>
+      <p></p>
+    </div>
+  </div>
+
+  <div class="container is-max-desktop">
+  <div class="columns is-centered">
+
+  <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-4">Replica R0</h2>
+      <video id="s2_recon" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/track_opt/replica_room0_tracking.mp4"
+                type="video/mp4">
+      </video>
+      <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+    </div>
+  </div>
+
+  <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-4">ScanNet++ S1</h2>
+      <video id="s2_nvs" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/track_opt/scannet_s1_tracking.mp4"
+                type="video/mp4">
+      </video>
+      <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+    </div>
+  </div>
+
+  <div class="column has-text-centered">
+    <div class="content">
+      <h2 class="title is-4">ScanNet++ S2</h2>
+      <video id="s2_nvs" autoplay controls muted loop playsinline height="100%">
+        <source src="./data/track_opt/scannet_s2_tracking.mp4"
+                type="video/mp4">
+      </video>
+      <!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
+    </div>
+  </div>
+
+  </div>
+  </div>
+</section>
+
 <script type="text/javascript">
   $(function() {
   var screenWidth = $(window).width();
diff --git a/supplement.html b/supplemental.html
similarity index 99%
rename from supplement.html
rename to supplemental.html
index 93ada17..0af6190 100644
--- a/supplement.html
+++ b/supplemental.html
@@ -1,4 +1,3 @@
-<!DOCTYPE html>
 <html>
 <head>
   <!-- <link rel = "icon" href = "assets/title_image.png" type = "image/x-icon"> -->
diff --git a/workflows/static.yml b/workflows/static.yml
deleted file mode 100644
index 5d69bbb..0000000
--- a/workflows/static.yml
+++ /dev/null
@@ -1,42 +0,0 @@
-# Simple workflow for deploying static content to GitHub Pages
-name: Deploy static content to Pages
-
-on:
-  # Runs on pushes targeting the default branch
-  push:
-    branches: ["main"]
-
-  # Allows you to run this workflow manually from the Actions tab
-  workflow_dispatch:
-
-# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-# Allow one concurrent deployment
-concurrency:
-  group: "pages"
-  cancel-in-progress: true
-
-jobs:
-  # Single deploy job since we're just deploying
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-      - name: Setup Pages
-        uses: actions/configure-pages@v3
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v1
-        with:
-          # Upload entire repository
-          path: '.'
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v1
\ No newline at end of file