Skip to content

Commit 73b65b3

Browse files
Winston-GuWinston-Gu
committed
✨ initialze page for IMPACT. Add basic teasers
0 parents  commit 73b65b3

File tree

11 files changed

+4287
-0
lines changed

11 files changed

+4287
-0
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
.DS_Store

‎index.html‎

Lines changed: 169 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,169 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="description" content="IMPACT">
6+
<meta name="keywords" content="Imitation Learning, Forceful Robotic Manipulation, Robot writing Calligraphy"/>
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<title>IMPACT</title>
9+
10+
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet">
11+
<link href="https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap" rel="stylesheet">
12+
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
13+
14+
<link rel="stylesheet" href="static/css/bulma.min.css">
15+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
16+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
17+
<link rel="stylesheet" href="static/css/index.css">
18+
19+
<link rel="icon" type="image/x-icon" href="static/images/IMPACT.ico">
20+
21+
<script src="https://webtracking.gao-jiawei.com/api/script.js" data-site-id="2410a3f24934"defer></script>
22+
</head>
23+
24+
<body>
25+
<section class="hero is-link is-fullheight video" style="overflow: hidden; position:relative;">
26+
<div class="hero-video" style="height: 100%; width: 177.77777778vh; min-width: 100%;min-height: 56.25vw;">
27+
<video playsinline autoplay muted loop style="opacity: 0.6;">
28+
<source src="./resources/IMPACT_Teaser_NoText.web.mp4" type="video/mp4">
29+
</video>
30+
</div>
31+
<div class="overlay"></div>
32+
<!-- Hero head: will stick at the top -->
33+
<div class="hero-head is-hidden-mobile">
34+
<header class="navbar">
35+
<div class="container is-size-5">
36+
<div class="navbar-menu">
37+
<div class="navbar-end">
38+
<a class="navbar-item pl-4 pr-4" href="https://arxiv.org/abs/2406.14558v2">
39+
<span class="icon" style="margin-right:5px;">
40+
<img src="./static/images/arxiv.svg" alt="ArXiv" />
41+
</span>
42+
<span class="mono-link-text">arXiv</span> </a>
43+
<a href="https://www.youtube.com/watch?v=kboJsLPIrYI" class="navbar-item pl-4 pr-4">
44+
<span class="icon" style="margin-right:5px;">
45+
<img src="./static/images/youtube.svg" alt="Youtube" />
46+
</span>
47+
<span class="mono-link-text">Video</span> </a>
48+
<a href="https://github.com/Winston-Gu/IMPACT" class="navbar-item pl-4 pr-4">
49+
<span class="icon" style="margin-right:5px;">
50+
<i class="fab fa-github"></i>
51+
</span>
52+
<span class="mono-link-text">Code</span>
53+
</a>
54+
</div>
55+
</div>
56+
</div>
57+
</header>
58+
</div>
59+
60+
<!-- Hero content: will be in the middle -->
61+
<div class="hero-body">
62+
<div class="container has-text-centered">
63+
<h1 class="title is-1 publication-title is-size-1-mobile" style="font-size: 15rem;">
64+
IMPACT
65+
</h1>
66+
<h1 class="title is-1 publication-subtitle is-size-4-mobile" style="font-size: 3rem;">
67+
Learning Internal-Model Predictive Control <br> for Forceful Robotic Manipulation
68+
</h1>
69+
<!-- <h1 class="subtitle is-1 publication-awards is-size-4-mobile" style="font-size: 3.5rem; margin-top: 2rem;">
70+
NeurIPS 2024 Spotlight
71+
</h1> -->
72+
</div>
73+
74+
</div>
75+
76+
<!-- Hero footer: will stick at the bottom -->
77+
</section>
78+
79+
80+
<section class="hero">
81+
<div class="hero-body">
82+
<div class="container">
83+
<div class="columns is-centered">
84+
<div class="column has-text-centered">
85+
<div class="column has-text-centered">
86+
<div class="publication-links">
87+
<span class="link-block">
88+
<a href="https://arxiv.org/abs/2406.14558v2" target="_blank"
89+
class="external-link button is-normal is-rounded is-dark">
90+
<span class="icon">
91+
<i class="ai ai-arxiv"></i>
92+
</span>
93+
<span class="mono-link-text">arXiv</span>
94+
</a>
95+
</span>
96+
<span class="link-block">
97+
<a href="https://www.youtube.com/watch?v=kboJsLPIrYI"
98+
class="external-link button is-normal is-rounded is-dark" target="_blank">
99+
<span class="icon">
100+
<i class="fab fa-youtube"></i>
101+
</span>
102+
<span class="mono-link-text">Video</span>
103+
</a>
104+
</span>
105+
<!-- twitter Link. -->
106+
<!-- <span class="link-block">
107+
<a href="https://x.com/WinstonGu_/status/1848393460849799439"
108+
class="external-link button is-normal is-rounded is-dark" target="_blank">
109+
<span class="icon">
110+
<i class="fab fa-twitter"></i>
111+
</span>
112+
<span>Summary</span>
113+
</a>
114+
</span> -->
115+
<!-- Code Link. -->
116+
<span class="link-block">
117+
<a href="https://github.com/Winston-Gu/IMPACT" class="external-link button is-normal is-rounded is-dark" target="_blank">
118+
<span class="icon">
119+
<i class="fab fa-github"></i>
120+
</span>
121+
<span class="mono-link-text">Code (Coming Soon!)</span>
122+
</a>
123+
</span>
124+
</div>
125+
<div class="publication-authors mt-4">
126+
<span class="author-block"><a href="https://gao-jiawei.com/" target="_blank" rel="noopener noreferrer">Jiawei Gao</a><sup>1,3</sup>,</span>
127+
<span class="author-block"><a href="https://chaoqi-liu.com/" target="_blank" rel="noopener noreferrer">Chaoqi Liu</a><sup>1</sup>,</span>
128+
<span class="author-block"><a href="https://peilinwu.site/" target="_blank" rel="noopener noreferrer">Peilin Wu</a><sup>1</sup>,</span>
129+
<span class="author-block"><a href="https://haonan16.github.io/" target="_blank" rel="noopener noreferrer">Haonan Chen</a><sup>1,2</sup>,</span>
130+
<span class="author-block"><a href="https://yilundu.github.io/" target="_blank" rel="noopener noreferrer">Yilun Du</a><sup>1</sup></span>
131+
</div>
132+
<div class="publication-affiliations">
133+
<span class="author-block"><sup>1</sup> <img class="affiliation-icon" src="./static/images/harvard-icon.svg" alt="Harvard"> Harvard University</span>
134+
<span class="author-block"><sup>2</sup> <img class="affiliation-icon" src="./static/images/stanford-icon.svg" alt="Stanford"> Stanford University</span>
135+
<span class="author-block"><sup>3</sup> <img class="affiliation-icon" src="./static/images/tsinghua-icon.svg" alt="Tsinghua"> Tsinghua University</span>
136+
</div>
137+
</div>
138+
</div>
139+
</div>
140+
</div>
141+
</div>
142+
</section>
143+
144+
145+
<footer class="footer">
146+
<div class="container">
147+
<div class="columns is-centered">
148+
<div class="column is-8">
149+
<div class="content">
150+
<p>
151+
Website template modified from <a href="https://gao-jiawei.com/CooHOI/">CooHOI</a> and <a href="https://nerfies.github.io/">NeRFies</a>.
152+
</p>
153+
<p>
154+
This website is licensed under a <a rel="license"
155+
href="http://creativecommons.org/licenses/by-sa/4.0/">Creative
156+
Commons Attribution-ShareAlike 4.0 International License</a>.
157+
This means you are free to borrow and modify the <a
158+
href="http://gao-jiawei.com/IMPACT/">source
159+
code</a> of this website as long as
160+
you link back to the <a href="http://gao-jiawei.com/IMPACT/">IMPACT</a> page in the footer.
161+
</p>
162+
</div>
163+
</div>
164+
</div>
165+
</div>
166+
</footer>
167+
168+
</body>
169+
</html>

‎resources/IMPACT_Teaser_NoText.web.mp4‎

1.3 MB
Binary file not shown.

‎static/css/bulma.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)