Skip to content

Commit

Permalink
more updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@Matthewjsiv
Matthewjsiv committed Sep 30, 2024
1 parent 8a712ce commit 154e52c
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 154 deletions.
Binary file added assets/courses.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
170 changes: 16 additions & 154 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -213,30 +213,7 @@ <h1 class="title is-2 publication-title">SALON: Self-supervised Adaptive Learnin
type="video/mp4">
</video>
</div>
<div class="item item-chair-tp">
<video poster="" id="steve" autoplay controls muted loop playsinline width="100%">
<source src="./assets/tease_videos/clip5_bb.mp4"
type="video/mp4">
</video>
</div>
<div class="item item-chair-tp">
<video poster="" id="steve" autoplay controls muted loop playsinline width="100%">
<source src="./assets/tease_videos/clip6_bb.mp4"
type="video/mp4">
</video>
</div>
<div class="item item-chair-tp">
<video poster="" id="steve" autoplay controls muted loop playsinline width="100%">
<source src="./assets/tease_videos/clip8_bb.mp4"
type="video/mp4">
</video>
</div>
<div class="item item-chair-tp">
<video poster="" id="steve" autoplay controls muted loop playsinline width="100%">
<source src="./assets/tease_videos/clip10_bb.mp4"
type="video/mp4">
</video>
</div>

<!-- <div class="item item-chair-tp">
<video poster="" id="chair-tp" autoplay controls muted loop playsinline height="100%">
<source src="./static/videos/chair-tp.mp4"
Expand Down Expand Up @@ -312,119 +289,26 @@ <h2 class="title is-3">Abstract</h2>
</div>
</div>
</div>
<!-- Paper video. -->
<!-- <div class="columns is-centered has-text-centered">
<div class="column is-four-fifths">
<h2 class="title is-3">Video</h2>
<div class="publication-video">
<a id="overview_video"></a>
<iframe
src="./data/">
</iframe>
</div>
</div>
</div>
</div> -->
<!--/ Paper video. -->
</section>

<section class="section">
<div class="container is-max-desktop showMobile">
<div class="columns is-centered has-text-centered">
<div class="column">
<a id="interactive_demo"></a>
<h2 class="title is-3">Explore the Dataset!</h2>
<div class="content has-text-justified">
<p>
To view the demo, please visit this website on a device with a larger screen. (If you are on a larger screen, increase the size of this window and then refresh).
</p>
</div>
</div>
</div>
</div>

<div class="container is-max-desktop blockMobile">

<!-- <section class="section">
<div class="container is-max-desktop showMobile">
<div class="columns is-centered has-text-centered">
<div class="column">
<a id="interactive_demo"></a>
<h2 class="title is-3">Explore the Dataset!</h2>
<div class="content has-text-justified">
<p>
Click on any of the orange points to see an example data point from its corresponding area. The 3D data (such as the pointcloud) is interactive!
<!-- Simply click on any point on the query trajectory (upper left), and observe its best retrieval and similarity heatmap on the database trajectory (upper right).
Use the drop-down menu to switch to a different environment.
The corresponding query and the best retrieval image is visualized at the lower left and lower right respectively.
Points that are identified by &#11088 on the database trajectory indicate the best retrieval.
Yellow indicates higher similarity in the database trajectory (upper right). -->
To view the demo, please visit this website on a device with a larger screen. (If you are on a larger screen, increase the size of this window and then refresh).
</p>
</div>
</div>
</div>
</div> -->

<!-- <div class="columns is-centered">
<div class="control-row">
<select class="trajectorydata">
</select>
</div>
</div> -->

<div class="columns is-centered">

<div class="column">
<div class="content">
<div id="myPlot"></div>
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-4">PointCloud</h2>
<div id="myPlot3D"></div>
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-4">Odometry</h2>
<div id="OdomPlot"></div>
</div>
</div>

</div>

<div class="columns is-centered">

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-4">FPV Image</h2>
<img id="fpv_image" src = "data/0/image_left_color/0.png" width="500">
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-4">RGB BEV Image</h2>
<img id="bev_image" src = "data/0/rgb_map/0.png" width="250">
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-4">Ground Plane</h2>
<div id="GroundPlane"></div>
</div>
</div>

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src = "demo/plot.js"></script>

</div>

</div>
</section>

<section class="hero is-light">
<div class="hero-body">
Expand All @@ -435,45 +319,29 @@ <h2 class="title is-3">Video</h2>
<div class="publication-video">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/ITo8rMInatk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> -->
<!--<iframe src="https://drive.google.com/file/d/1xcdua9rlwqvnU07zmXMaTQePvS4QqYlf/preview" width="640" height="480" allow="autoplay"></iframe>-->
<iframe src="https://drive.google.com/file/d/1J-KePd_W2gOLecS1YwolOlKhKFw3ANbF/preview" width="640" height="480" allow="autoplay"></iframe>
<iframe src="https://drive.google.com/file/d/1rMKKNeytyOUACF0fpVCuPbIQqTxWyWsj/preview" width="640" height="480" allow="autoplay"></iframe>
</div>
</div>
</div>
<!--Paper video-->

</section>

<section class="hero">
<section class="hero is-small is-light">
<div class="hero-body">
<div class="container is-max-desktop">

<!-- Abstract. -->
<div class="columns is-centered has-text-centered">
<div class="column">
<h2 class="title is-3">System Overview</h2>
<p></p>
</div>
</div>

<div class="columns is-centered">

<div class="column has-text-centered">
<div class="content">
<img src = "assets/platform.png">
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<img src = "assets/vicky_cropped_new.gif">
<div class="column is-four-fifths">
<h2 class="title is-3">Experiment Overview</h2>
<div class="content has-text-justified">
<img source src="assets/courses.png" />
</div>
</div>

</div>
<p>We provide a pointcloud scan of the vehicle so that users may take their own additional measurements as desired.</p>
</div>
</div>

</div>
</section>


<script type="text/javascript">
$(function() {
Expand All @@ -490,16 +358,10 @@ <h2 class="title is-3">System Overview</h2>
});
</script>

<section class="section" id="BibTeX">
<!-- <section class="section" id="BibTeX">
<div class="container is-max-desktop content">
<h2 class="title is-3">BibTeX</h2>
<pre><code>
<!-- @article{keetha2023anyloc,
title={AnyLoc: Towards Universal Visual Place Recognition},
author={Keetha, Nikhil and Mishra, Avneesh and Karhade, Jay and Jatavallabhula, Krishna Murthy and Scherer, Sebastian and Krishna, Madhava and Garg, Sourav},
journal={arXiv preprint arXiv:2308.00688},
year={2023}
} -->
@misc{sivaprakasam2024tartandrive,
title={TartanDrive 2.0: More Modalities and Better Infrastructure to Further Self-Supervised Learning Research in Off-Road Driving Tasks},
author={Matthew Sivaprakasam, Parv Maheshwari, Mateo Guaman Castro, Samuel Triest, Micah Nye, Steve Willits, Andrew Saba, Wenshan Wang, Sebastian Scherer},
Expand All @@ -509,7 +371,7 @@ <h2 class="title is-3">BibTeX</h2>
primaryClass={cs.RO}}
</code></pre>
</div>
</section>
</section> -->


<style>
Expand Down

0 comments on commit 154e52c

Please sign in to comment.