Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
dawsonc authored Apr 3, 2024
0 parents commit 324561d
Show file tree
Hide file tree
Showing 19 changed files with 3,438 additions and 0 deletions.
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
.DS_store
.idea
6 changes: 6 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
This repository contains a template for setting up a GitHub Pages website to showcase a research project. Put any images you want to reference in `static/images` and upload any videos you want to use to YouTube, then fill in the `TODO`s in `index.html`.

This template is originally based on the [Nerfies website](https://github.com/nerfies/nerfies.github.io) and subsequent [website](https://realm-locus-ral-icra-22.github.io) in the REALM lab.

# Website License
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work 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>.
297 changes: 297 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,297 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description"
content="TODO: project description">
<meta name="keywords" content="TODO">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TODO: title</title>

<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">
<link rel="icon" href="./static/images/favicon.png">

<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>
</head>
<body>

<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu">
<div class="navbar-start" style="flex-grow: 1; justify-content: center;">
<a class="navbar-item" href="https://keunhong.com">
<span class="icon">
<i class="fas fa-home"></i>
</span>
</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://realm.mit.edu">
REALM Website
</a>
</div>
<!-- <div class="navbar-dropdown">
<a class="navbar-item" href="https://realm.mit.edu">
TODO: link to any other pages you want
</a>
</div> -->
</div>
</div>

</div>
</nav>


<section class="hero">
<div class="hero-body">
<div class="container is-max-desktop">
<div class="columns is-centered">
<div class="column has-text-centered">
<h1 class="title is-1 publication-title">TODO: title</h1>
<div class="is-size-5 publication-authors">
<span class="author-block">
<a href="https://todo.mit.edu">TODO: author 1 name</a>,</span>
<span class="author-block">
<a href="https://todo.mit.edu">TODO: author 2 name</a>,</span>
<span class="author-block">
<a href="https://todo.mit.edu">TODO: author 3 name</a>,</span>
</div>

<div class="is-size-5 publication-authors">
<span class="author-block">Massachusetts Institute of Technology</span>
</div>

<div class="column has-text-centered">
<div class="publication-links">
<!-- PDF Link. -->
<span class="link-block">
<a href="https://arxiv.org/pdf/TODO.pdf"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fas fa-file-pdf"></i>
</span>
<span>Paper</span>
</a>
</span>
<span class="link-block">
<a href="https://arxiv.org/abs/TODO"
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>
<!-- Video Link. -->
<span class="link-block">
<a href="https://youtu.be/TODO"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fab fa-youtube"></i>
</span>
<span>Supplementary Video</span>
</a>
</span>
<span class="link-block">
<a href="https://youtu.be/TODO"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fab fa-youtube"></i>
</span>
<span>Presentation Video</span>
</a>
</span>
<!-- Code Link. -->
<span class="link-block">
<a href="https://github.com/MIT-REALM/TODO"
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>
</div>

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

<section class="hero teaser">
<div class="container is-max-desktop">
<div class="hero-body">
<img src="./static/images/TODO.png"
class="center-image"
alt="TODO: alt text"/>
<h2 class="subtitle has-text-centered">
<br/>
TODO: headline caption
</h2>
</div>
</div>
</section>

<section class="section">
<div class="container is-max-desktop">
<!-- 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">
<iframe src="https://www.youtube.com/embed/TODO?rel=0&amp;showinfo=0"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
<!--/ Paper video. -->

<!-- Abstract. -->
<div class="columns is-centered has-text-centered">
<div class="column is-four-fifths">
<h2 class="title is-3">Abstract</h2>
<div class="content has-text-justified">
<p>
TODO: paragraph 1
</p>
<p>
TODO: paragraph 2
</p>
</div>
</div>
</div>
<!--/ Abstract. -->
</div>
</section>


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

<div class="columns is-centered">

<!-- TODO: Main point 1 -->
<div class="column">
<div class="content">
<h2 class="title is-3">TODO: main point 1</h2>
<img src="./static/images/TODO.png"
class="center-image simulation-image"
alt="TODO: alt text"/>
</div>
</div>
<!--/ TODO: Main point 1 -->

<!-- TODO: Main point 2 -->
<div class="column">
<div class="content">
<h2 class="title is-3">TODO: main point 2</h2>
<img src="./static/images/TODO.png"
class="center-image simulation-image"
alt="TODO: alt text"/>
</div>
</div>
<!--/ TODO: Main point 2 -->

<!-- TODO: Main point 3 -->
<div class="column">
<div class="content">
<h2 class="title is-3">TODO: main point 3</h2>
<img src="./static/images/TODO.png"
class="center-image simulation-image"
alt="TODO: alt text"/>
</div>
</div>
<!--/ TODO: Main point 3 -->


<!-- Concurrent Work. -->
<div class="columns is-centered">
<div class="column is-full-width">
<h2 class="title is-3">Related Links</h2>

<div class="content has-text-justified">
<p>
This work is part of a broader research thread around <emph>TODO</emph>, which allow us to TODO. TODO: e.g. For a survey of the field of learned certificates, see <a rel="survey" href="https://arxiv.org/pdf/2202.11762.pdf">this paper</a>.
</p>
<p>
Other work on TODO from our lab include:
<ul>
<li><a href="TODO.mit.edu">example 1</a>.</li>
</ul>
</p>
</div>
</div>
</div>
<!--/ Concurrent Work. -->
</div>
</section>


<section class="section" id="BibTeX">
<div class="container is-max-desktop content">
<h2 class="title">BibTeX</h2>
<pre><code>@article{TODO,
author={TODO, TODO and TODO, TODO},
journal={TODO},
title={TODO},
year={TODO},
volume={TODO},
number={TODO},
pages={TODO},
doi={TODO}}
}</code></pre>
</div>
</section>


<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>.
This webpage template is based that used by <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.
</p>
</div>
</div>
</p>
</div>
</div>
</div>
</div>
</footer>


</body>
</html>
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 324561d

Please sign in to comment.