Skip to content

Commit

Permalink
Init commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@Gaaaavin
Gaaaavin committed Nov 23, 2024
0 parents commit 55ab53c
Show file tree
Hide file tree
Showing 21 changed files with 25,191 additions and 0 deletions.
21 changes: 21 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
This is a template for turning your awesome research project into a project website. Most of the code are shamelessly stolen online from somewhere else. Click [here](https://irvingf7.github.io/ai4ce_project_website_template/) to see it in action.

`index.html` is the major file you will be editing, and it has some comments to guide you.

I am not familiar with HTML/CSS/JavaScript, so if you have better way to do some of the things in the project, or have more presentable web designs, don't hesitate to contribute to this repo!

# Switchable Videos
One thing I found bothering is that many project websites have a huge list of video dump. This makes the page unnecessarily long, and is disastrous on mobile as all videos will pop up all at once.

In the `Video Comparison` section, there are code showing how to switch between videos using buttons.

<b>Note:</b> There are three total ways to do switchable content in this website. You can use any one of them if appropriate.

# Switchable Text and Images
For similar reason, there is a `Method Overview` section that shows text and images that can be switched.

# Switchable `div`
A `div` is sort of like the most basic container block of HTML. `More Visualization` section provide an example on switching between `div`, allowing maximum flexibility.

# Miscellaneous
This website is originally for a reconstruction project, so there are some items, such as the JuxtaposeJS sliders, that may not be suitable for your needs. Feel free to delete them as the code base is very modular.
272 changes: 272 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,272 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description"
content="CityWalker: Learning Embodied Urban Navigation from Web-Scale Videos">
<meta name="keywords" content="Visual navigation, Embodied navigation, Video Learning">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CityWalker</title>
<link rel="icon" type="image/png" href="./src/favicon.png">

<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-PYVRSFMDRL"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-PYVRSFMDRL');
</script> -->
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro"
rel="stylesheet">

<link rel="stylesheet" href="./static/css/bulma.min.css">
<link rel="stylesheet" href="./static/css/bulma-carousel.min.css">
<link rel="stylesheet" href="./static/css/bulma-slider.min.css">
<link rel="stylesheet" href="./static/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="static/css/index.css">

<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
<script defer src="./static/js/fontawesome.all.min.js"></script>
<script src="./static/js/bulma-carousel.min.js"></script>
<script src="./static/js/bulma-slider.min.js"></script>
<script src="./static/js/index.js"></script>
<script src="./static/js/copy2clipboard.js"></script>
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML">
</script>

<script src="https://cdn.knightlab.com/libs/juxtapose/latest/js/juxtapose.min.js"></script>
<link rel="stylesheet" href="https://cdn.knightlab.com/libs/juxtapose/latest/css/juxtapose.css">
</head>


<body>

<!-- Navigation bar. -->
<nav class="navbar is-light" role="navigation" aria-label="main navigation">
<div class="container is-max-desktop">

<!-- Lab logo. Will stay here even if view from mobile -->
<div class="navbar-brand">
<a class="navbar-item" href="https://ai4ce.github.io/" target="_blank" rel="noopener noreferrer">
<img src="./static/images/ai4ce_new_linear_notext.svg" alt="AI4CE Lab" style="height: 2.0rem;">
</a>
<a role="button" onclick="this.classList.toggle('is-active');document.querySelector('#'+this.dataset.target).classList.toggle('is-active');" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>

<!-- Will collapse into a "burger" menu on mobile. -->
<div id="navbarBasicExample" class="navbar-menu">

<div class="navbar-start">
<a class="navbar-item" href="https://www.nyu.edu/" target="_blank">
<img src="./static/images/NYU_Long_RGB_Color.png" alt="NYU Logo" style="height: 2.0rem;">
</a>
</div>


<div class="navbar-end">
<!-- After accepted, add conference logo here -->
<!-- <a class="navbar-item" href="https://cvpr.thecvf.com/Conferences/2024" target="_blank" rel="noopener noreferrer">
<img src="img/logo/logo-cvpr.png" alt="CVPR 2024" style="height: 2.0rem;">
</a> -->

<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
More Research
</a>
<div class="navbar-dropdown">
<a class="navbar-item" href="https://ai4ce.github.io/DeepExplorer/">
DeepExplorer
</a>
<a class="navbar-item" href="https://ai4ce.github.io/MSG/">
Multiview Scene Graph
</a>
</div>
</div>

</div>

</div>

</div>
</nav>

<!-- Title and authors. -->
<section class="hero">
<div class="hero-body">
<div class="container is-max-desktop">
<div class="columns is-centered">
<div class="column has-text-centered">
<img src="./src/favicon.png" alt="CityWalker Icon" style="vertical-align: middle; height: 10em; margin-right: 0.1em;">
<h1 class="title is-2 publication-title">
CityWalker: Learning Embodied Urban Navigation from Web-Scale Videos
</h1>
<!-- <div class="column is-full_width">
<h2 class="title is-4"><a href="https://2025.ieee-icra.org">ICRA 2025 (Under Review)</a></h2>
</div> -->
<div class="is-size-5 publication-authors">
<span class="author-block">
<a href="https://gaaaavin.github.io/">Xinhao Liu*</a>,
</span>
<span class="author-block">
<a href="https://ai4ce.github.io/CityWalker/">Jintong Li*</a>,
</span>
<span class="author-block">
<a href="https://ai4ce.github.io/CityWalker/">Yicheng Jiang</a>,
</span>
<span class="author-block">
<a href="https://ai4ce.github.io/CityWalker/">Niranjan Sujay</a>,
</span>
<span class="author-block">
<a href="https://ai4ce.github.io/CityWalker/">Zhicheng Yang</a>,
</span>
<br>
<span class="author-block">
<a href="https://juexzz.github.io/">Juexiao Zhang</a>,
</span>
<span class="author-block">
<a href="https://ai4ce.github.io/CityWalker/">John Abanes</a>,
</span>
<span class="author-block">
<a href="https://jingz6676.github.io//">Jing Zhang</a>,
</span>
<span class="author-block">
<a href="https://engineering.nyu.edu/faculty/chen-feng">Chen Feng&dagger;</a>,
</span>
</div>

<div class="is-size-5 publication-authors">
<span class="author-block"> New York University</span>
<br>
<span class="author-block"><sup>*</sup> Equal contribution </span>
<span class="author-block"><sup>&dagger;</sup> Corresponding author </span>
</div>

<div class="column has-text-centered">
<div class="publication-links">
<span class="link-block">
<!-- add here later. -->
<a href="./src/CityWalker.pdf"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="ai ai-arxiv"></i>
</span>
<span>arXiv</span>
</a>
</span>
<!-- <span class="link-block"> -->
<!-- add here later. -->
<!-- <a href=""
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fas fa-camera"></i>
</span>
<span>Appendix</span>
</a> -->
<!-- </span> -->
<!-- Video Link. -->
<!-- <span class="link-block">
<a href="https://youtu.be/thC0PeAQxe0"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fab fa-youtube"></i>
</span>
<span>Video</span>
</a>
</span> -->
<!-- Code Link. -->
<span class="link-block">
<a href="https://github.com/ai4ce/CityWalker"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fab fa-github"></i>
</span>
<span>Code</span>
</a>
</span>
<!-- Dataset Link. -->
<span class="link-block">
<a href="https://huggingface.co/datasets/ai4ce/CityWalker"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="far fa-images"></i>
</span>
<span>Data</span>
</a>
</span>
</div>

</div>
</div>
</div>
</div>
</div>
</section>

<!-- BibTeX -->
<section class="section" id="BibTeX">
<div class="container is-max-desktop content">
<center>
<h2 id="bibtexTitle" class="title">BibTeX</h2>
<button id="copyButton" onclick="copyToClipboard()">
<i class="fas fa-copy"></i>
</button>
<br>
<pre style="display: inline-flex; text-align: left";><code id="bibtexInfo">
Coming Soon
</code>
</pre>
</center>
</div>
</section>

<!-- Acknowledgements -->
<section class="section" id="Acknowledgements">
<div class="container is-max-desktop content">
<h2 class="title">Acknowledgements</h2>
The work was supported by NSF grants 2238968, 2121391, 2322242 and 2345139; and in part through the NYU IT High
Performance Computing resources, services, and staff expertise. We also thank Xingyu Liu and Zixuan Hu for their help in
data collection.
</div>
</section>

<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
</div>
<div class="columns is-centered">
<div class="column is-8">
<div class="content">
<p>
This website is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by-sa/4.0/">Creative
Commons Attribution-ShareAlike 4.0 International License</a>.<br>
This AI4CE template is created by <a href="https://irvingf7.github.io/">Irving Fang</a>.<br>
This webpage template is originally from <a href="https://github.com/nerfies/nerfies.github.io">Nerfies</a>.
We sincerely thank <a href="https://keunhong.com/">Keunhong Park</a> for developing and open-sourcing this template.
This website is then inspired by the project page of <a href="https://cat3d.github.io/">CAT3D</a>, <a href="https://armlabstanford.github.io/touch-gs">Touch-GS</a> and <a href="https://baegwangbin.github.io/DSINE/">DSINE</a>.
</p>
</div>
</div>
</p>
</div>
</div>
</div>
</footer>

</body>

</html>
Binary file added src/CityWalker.pdf
Binary file not shown.
Binary file added src/favicon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions static/css/bulma-carousel.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 55ab53c

Please sign in to comment.