Skip to content

Commit 4bc5bec

Browse files
robot-colosseumrobot-colosseum
committed
Add more-research links + footer credits
1 parent 3f4221e commit 4bc5bec

File tree

1 file changed

+62
-30
lines changed

1 file changed

+62
-30
lines changed

‎index.html‎

Lines changed: 62 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,24 @@
77
<meta name="keywords" content="Generalization, Manipulation">
88
<meta name="viewport" content="width=device-width, initial-scale=1">
99
<title>Colosseum</title>
10+
<style>
11+
.video-grid {
12+
display: grid;
13+
grid-template-columns: repeat(3, 1fr); /* Creates a 3-column grid */
14+
gap: 10px; /* Adds some space between the videos */
15+
max-width: 1000px; /* Adjust based on your preference */
16+
margin: auto; /* Center the grid horizontally */
17+
}
18+
.video-grid video {
19+
width: 100%; /* Makes video fill the cell */
20+
aspect-ratio: 16 / 9; /* Keeps the aspect ratio of videos */
21+
}
22+
.video-section-header {
23+
text-align: center;
24+
margin-top: 20px;
25+
margin-bottom: 20px;
26+
}
27+
</style>
1028

1129
<script>
1230
function init() {
@@ -58,7 +76,36 @@
5876
</head>
5977
<body onload="init(); updateSingleVideo(); ">
6078

61-
79+
<nav class="navbar" role="navigation" aria-label="main navigation">
80+
<div class="navbar-brand">
81+
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
82+
<span aria-hidden="true"></span>
83+
<span aria-hidden="true"></span>
84+
<span aria-hidden="true"></span>
85+
</a>
86+
</div>
87+
<div class="navbar-menu">
88+
<div class="navbar-start" style="flex-grow: 1; justify-content: center;">
89+
<div class="navbar-item has-dropdown is-hoverable">
90+
<a class="navbar-link">
91+
More Research
92+
</a>
93+
<div class="navbar-dropdown">
94+
<a class="navbar-item" target="_blank" href="https://progprompt.github.io/">
95+
ProgPrompt
96+
</a>
97+
<a class="navbar-item" target="_blank" href="http://ar2d2.site/">
98+
AR2-D2
99+
</a>
100+
<a class="navbar-item" target="_blank" href="https://newtonreasoning.github.io/">
101+
NEWTON
102+
</a>
103+
</div>
104+
</div>
105+
</div>
106+
107+
</div>
108+
</nav>
62109

63110
<section class="hero">
64111
<div class="hero-body">
@@ -593,34 +640,6 @@ <h3 class="title is-5">Failure cases for MVP</h3>
593640
</div>
594641
</section>
595642

596-
597-
<!DOCTYPE html>
598-
<html lang="en">
599-
<head>
600-
<meta charset="UTF-8">
601-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
602-
<title>3x3 Video Grid</title>
603-
<style>
604-
.video-grid {
605-
display: grid;
606-
grid-template-columns: repeat(3, 1fr); /* Creates a 3-column grid */
607-
gap: 10px; /* Adds some space between the videos */
608-
max-width: 1000px; /* Adjust based on your preference */
609-
margin: auto; /* Center the grid horizontally */
610-
}
611-
.video-grid video {
612-
width: 100%; /* Makes video fill the cell */
613-
aspect-ratio: 16 / 9; /* Keeps the aspect ratio of videos */
614-
}
615-
.video-section-header {
616-
text-align: center;
617-
margin-top: 20px;
618-
margin-bottom: 20px;
619-
}
620-
</style>
621-
</head>
622-
<body>
623-
624643
<section class="video-section">
625644
<div style="text-align: center;">
626645
<h2>Reproducibility in real-world experiments</h2>
@@ -825,7 +844,20 @@ <h1 class="video-section-header"><span class="dperact">Scoop_with_spatula</span>
825844
</video>
826845
</div>
827846
</section>
828-
847+
848+
<footer class="footer">
849+
<div class="container">
850+
<div class="columns is-centered">
851+
<div class="column">
852+
<div class="content has-text-centered">
853+
<p>
854+
Website template borrowed from <a href="https://github.com/nerfies/nerfies.github.io">NeRFies</a> made by the amazing <a href="https://keunhong.com/">Keunhong Park</a>.
855+
</p>
856+
</div>
857+
</div>
858+
</div>
859+
</div>
860+
</footer>
829861

830862
</body>
831863
</html>

0 commit comments

Comments
 (0)