Fix scene-vid loading (#82)

IRVLUTD · Mar 11, 2024 · 886db56 · 886db56
1 parent 2052bd9
commit 886db56
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 29 deletions.
diff --git a/GraspTrajOpt/assets/js/global-index.js b/GraspTrajOpt/assets/js/global-index.js
diff --git a/GraspTrajOpt/assets/js/index.js b/GraspTrajOpt/assets/js/index.js
@@ -9,6 +9,14 @@ function _html(ann){
     return `<img src="${ann[0]}" alt=""><br><br><p class="has-text-centered is-active">${ann[1]}</p>`;
 }
 
+function process_vid_link(id, category, vli) {
+    window.localStorage.setItem("cat", category);
+    window.localStorage.setItem("id", id);
+    window.localStorage.setItem('vli', vli);
+    window.location.href = './scene-videos';
+}
+
+
 let ann_id = '#annotations-span';
 let default_id = `rgb-d`
 let init_css = {'font-weight': 'normal','border': 'none'}

diff --git a/GraspTrajOpt/index.html b/GraspTrajOpt/index.html
@@ -25,7 +25,7 @@
   <link rel="stylesheet" href="./assets/css/bulma-slider.min.css">
   <link rel="stylesheet" href="./assets/css/fontawesome.all.min.css">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
-  <link rel="stylesheet" href="../assets/css/index.css">
+  <link rel="stylesheet" href="../FewSOL/assets/css/index.css">
   <link rel="stylesheet" href="./assets/css/index.css">
   <link rel="icon" href="#">
 </head>
@@ -47,7 +47,7 @@ <h1 class="title is-2 publication-title"> Grasping Trajectory Optimization with
                 <div class="column">
                   <div class="center">
                     <div>
-                      <a target="_blank" href="https://yuxng.github.io"><img class="author-image center"
+                      <a target="_blank" href="https://yuxng.github.io"><img class="display-image author-image center"
                           src="../assets/images/authors/yu_xiang.webp"><br><span class="is-size-6">Yu<br>Xiang</span> </a>
 
                     </div>
@@ -58,7 +58,7 @@ <h1 class="title is-2 publication-title"> Grasping Trajectory Optimization with
                   <div class="center">
                     <div>
                       <a target="_blank" href="https://www.linkedin.com/in/sai-haneesh-allu">
-                        <img class="author-image center"
+                        <img class="display-image author-image center"
                              src="../assets/images/authors/sai-haneesh-allu.webp"><br><span class="is-size-6">Sai Haneesh<br>Allu</span> </a>
                     </div>
                   </div>
@@ -68,7 +68,7 @@ <h1 class="title is-2 publication-title"> Grasping Trajectory Optimization with
                   <div class="center">
                     <div>
                       <a target="_blank" href="https://www.linkedin.com/in/rohithpeddi/">
-                        <img class="author-image center"
+                        <img class="display-image author-image center"
                              src="../assets/images/authors/rohith_peddi.webp"><br><span class="is-size-6">Rohith<br>Peddi</span> </a>
                     </div>
                   </div>
@@ -78,7 +78,7 @@ <h1 class="title is-2 publication-title"> Grasping Trajectory Optimization with
                   <div class="center">
                     <div>
                       <a target="_blank" href="https://personal.utdallas.edu/~tyler.summers/">
-                        <img class="author-image center"
+                        <img class="display-image author-image center"
                              src="../assets/images/authors/tyler_summers.webp"><br><span class="is-size-6">Tyler<br>Summers</span> </a>
                     </div>
                   </div>
@@ -88,7 +88,7 @@ <h1 class="title is-2 publication-title"> Grasping Trajectory Optimization with
                   <div class="center">
                     <div>
                       <a target="_blank" href="https://personal.utdallas.edu/~vibhav.gogate/">
-                        <img class="author-image center"
+                        <img class="display-image author-image center"
                              src="../assets/images/authors/vibhav_gogate.webp"><br><span class="is-size-6">Vibhav<br>Gogate</span> </a>
                     </div>
                   </div>
@@ -206,7 +206,9 @@ <h3 class="title is-3 has-text-centered">SceneReplica Experiments</h3>
         </div>
       </div>
     </div>
-    <h3 class="title is-3 has-text-centered">More videos are available <a href="./scene-videos">here</a></h3>
+    <h3 class="title is-3 has-text-centered">More videos are available <a href="./scene-videos">here</a>
+      <span class="icon scene-video-link" onclick="process_vid_link('1', 'Near-to-Far', '1')"></span>
+    </h3>
   </div>
   </section>  
 
@@ -241,18 +243,13 @@ <h2 class="title">References</h2>
     <div class="container is-max-desktop">
       <h2 class="title">BibTeX</h2>
       <div class="bib-container">
-        <pre><button id="copy-btn" onclick="copyToClipboard()"><i class="fas fa-copy copy-highlight"></i></button>
-          <code>
-            @misc{xiang2024grasping,
-              title={Grasping Trajectory Optimization with Point Clouds}, 
-              author={Yu Xiang and Sai Haneesh Allu and Rohith Peddi and Tyler Summers and Vibhav Gogate},
-              year={2024},
-              eprint={2403.05466},
-              archivePrefix={arXiv},
-              primaryClass={cs.RO}
-            }
-          </code>
-        </pre>
+        <pre><button id="copy-btn" onclick="copyToClipboard()"><i class="fas fa-copy copy-highlight"></i></button></button><code>@misc{xiang2024grasping,
+      title={Grasping Trajectory Optimization with Point Clouds}, 
+      author={Yu Xiang and Sai Haneesh Allu and Rohith Peddi and Tyler Summers and Vibhav Gogate},
+      year={2024},
+      eprint={2403.05466},
+      archivePrefix={arXiv},
+      primaryClass={cs.RO}}</code></pre>
       </div>
     </div>
   </section>
@@ -282,23 +279,24 @@ <h2 class="title">Acknowledgements</h2>
   </section>
 
 
-  <footer class="footer">
+  <!-- <footer class="footer">
     <div class="container">
       <div class="content has-text-centered">
         <p> Page template borrowed from <a target="_blank"
             href="https://nerfies.github.io"><span class="small-caps black-font">Nerfies</span></a>.</p>
       </div>
     </div>
-  </footer>
+  </footer> -->
 </body>
 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script defer src="./assets/js/fontawesome.all.min.js"></script>
 <script src="./assets/js/bulma-carousel.min.js"></script>
 <script src="./assets/js/bulma-slider.min.js"></script>
+<script src="./assets/js/global-index.js"></script>
 <script src="./assets/js/leaderboard-info.js"></script>
-<script src="./assets/js/index.js"></script>
-<script src="../assets/scripts/script.js"></script>
+<!-- <script src="./assets/js/index.js"></script> -->
+<script src="./assets/scripts/script.js"></script>
 <script src="../assets/scripts/few-shot-research/script.js"></script>
 <script>
 
@@ -309,12 +307,6 @@ <h2 class="title">Acknowledgements</h2>
       $(".navbar-burger").toggleClass("is-active");
       $(".navbar-menu").toggleClass("is-active");
     });
-    var apiUrl = "https://api.github.com/repos/irvlutd/irvlutd.github.io/commits?sha=fewsol&per_page=1";
-    $.getJSON(apiUrl, function (data) {
-      var commitDate = new Date(data[0].commit.committer.date);
-      var formattedDate = commitDate.toDateString();
-      $('#last-updated').html(formattedDate);
-    });
   })
 </script>