Skip to content

Commit 21987c0

Browse files
faikitfaikit
committed
.
1 parent 18e067c commit 21987c0

File tree

1 file changed

+127
-28
lines changed

1 file changed

+127
-28
lines changed

‎public/WholeBodyVLA/index.html‎

Lines changed: 127 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,82 @@
4040

4141
.hero-video {
4242
background-color: black;
43+
position: absolute;
44+
top: 0;
45+
left: 0;
46+
width: 100%;
47+
height: 100%;
48+
overflow: hidden;
49+
z-index: 0;
50+
}
51+
52+
.hero-video-wrapper {
53+
position: absolute;
54+
top: 0;
55+
left: 0;
56+
width: 100%;
57+
height: 100%;
58+
overflow: hidden;
59+
display: flex;
60+
justify-content: center;
61+
align-items: center;
62+
z-index: 0;
63+
}
64+
65+
.hero-video-wrapper video {
66+
width: 100%;
67+
height: 100%;
68+
object-fit: cover;
69+
object-position: center;
70+
}
71+
72+
@media (min-width: 769px) {
73+
#heroVideoDesktop {
74+
height: 100%;
75+
width: 177.77777778vh;
76+
min-width: 100%;
77+
min-height: 56.25vw;
78+
}
79+
}
80+
81+
@media (max-width: 768px) {
82+
/* Maintain 16:9 aspect ratio for the hero video on mobile */
83+
#heroVideoMobileWrapper {
84+
height: 154.28571428vw;
85+
width: 100%;
86+
min-width: 64.81481481vh;
87+
min-height: 100%;
88+
display: flex !important;
89+
}
90+
}
91+
92+
section.hero.is-fullheight {
93+
position: relative;
94+
}
95+
96+
.hero.is-fullheight .hero-body {
97+
position: relative;
98+
z-index: 1;
99+
}
100+
101+
.hero.is-fullheight .hero-head {
102+
position: relative;
103+
z-index: 1;
104+
}
105+
106+
.hero.is-fullheight .hero-foot {
107+
position: relative;
108+
z-index: 1;
109+
}
110+
111+
.hero.is-fullheight .overlay {
112+
position: absolute;
113+
top: 0;
114+
left: 0;
115+
width: 100%;
116+
height: 100%;
117+
background-color: rgba(0, 0, 0, 0.3);
118+
z-index: 0;
43119
}
44120

45121
.blue-text {
@@ -491,38 +567,14 @@
491567

492568
<!-- Hero Section -->
493569
<section class="hero is-link is-fullheight video" id="home" style="overflow: hidden;">
494-
<div class="hero-video" style="
495-
height: 100vh;
496-
width: 100vw;
497-
overflow: hidden;
498-
display: flex;
499-
justify-content: center;
500-
align-items: center;
501-
">
502-
<video playsinline autoplay muted loop style="
503-
width: 100%;
504-
height: 100%;
505-
object-fit: cover;
506-
object-position: center;
507-
">
570+
<div id="heroVideoDesktop" class="hero-video hero-video-wrapper is-hidden-mobile">
571+
<video id="heroVideoDesktopMedia" playsinline webkit-playsinline x5-playsinline x5-video-player-type="h5" autoplay muted loop>
508572
<source src="https://assets.kinetixai.cn/WholeBodyVLA/long.mp4" type="video/mp4">
509573
</video>
510574
</div>
511575

512-
<div class="hero-video is-hidden-tablet is-inline-block-mobile" style="
513-
height: 100vh;
514-
width: 100vw;
515-
overflow: hidden;
516-
display: flex;
517-
justify-content: center;
518-
align-items: center;
519-
">
520-
<video playsinline autoplay muted loop style="
521-
width: 100%;
522-
height: 100%;
523-
object-fit: cover;
524-
object-position: center;
525-
">
576+
<div id="heroVideoMobileWrapper" class="hero-video hero-video-wrapper is-hidden-tablet is-inline-block-mobile">
577+
<video id="heroVideoMobile" playsinline webkit-playsinline x5-playsinline x5-video-player-type="h5" autoplay muted loop>
526578
<source src="https://assets.kinetixai.cn/WholeBodyVLA/long.mp4" type="video/mp4">
527579
</video>
528580
</div>
@@ -564,6 +616,53 @@ <h1 class="title is-size-7-mobile" style="font-size: 1.5rem;">
564616
</div>
565617
</section>
566618

619+
<!-- Authors Section -->
620+
<section class="hero">
621+
<div class="hero-body">
622+
<div class="container is-max-desktop">
623+
<div class="columns is-centered">
624+
<div class="column has-text-centered">
625+
<h1 class="title is-1 publication-title">Towards Unified Latent VLA for Whole-body Loco-manipulation Control</h1>
626+
<div class="is-size-5 publication-authors" style="margin-top: 1.5rem;">
627+
<span class="author-block">
628+
<a target="_blank" href="https://scholar.google.com/citations?user=t9txi-IAAAAJ&hl=en">Haoran Jiang</a><sup>1,2,4*</sup>,</span>
629+
<span class="author-block">
630+
<a target="_blank" href="https://scholar.google.com/citations?user=4FqHXOsAAAAJ">Jin Chen</a><sup>1,2,4*</sup>,</span>
631+
<span class="author-block">
632+
<a target="_blank" href="https://scholar.google.com/citations?user=-JCRysgAAAAJ">Qingwen Bu</a><sup>2</sup>,</span>
633+
<span class="author-block">
634+
<a target="_blank" href="https://ilnehc.github.io/">Li Chen</a><sup>2</sup>,</span>
635+
<span class="author-block">
636+
<a target="_blank" href="https://scholar.google.com/citations?user=e8e7k58AAAAJ&hl=zh-CN">Modi Shi</a><sup>4,2</sup>,</span>
637+
<span class="author-block">
638+
Yanjie Zhang<sup>3</sup>,</span>
639+
<span class="author-block">
640+
Delong Li<sup>3</sup>,</span>
641+
<span class="author-block">
642+
Chuanzhe Suo<sup>3</sup>,</span>
643+
<span class="author-block">
644+
Chuang Wang<sup>3</sup>,</span>
645+
<span class="author-block">
646+
<a target="_blank" href="https://github.com/peng-zhihui?tab=repositories">Zhihui Peng</a><sup>3†</sup>,</span>
647+
<span class="author-block">
648+
<a target="_blank" href="https://lihongyang.info/">Hongyang Li</a><sup>2†</sup>
649+
</span>
650+
</div>
651+
<div class="is-size-5 publication-authors" style="margin-top: 1rem;">
652+
<span class="author-block"><sup>1</sup>Fudan University,</span>
653+
<span class="author-block"><sup>2</sup>OpenDriveLab at The University of Hong Kong,</span>
654+
<span class="author-block"><sup>3</sup>AgiBot Inc.,</span>
655+
<span class="author-block"><sup>4</sup>SII</span>
656+
</div>
657+
<div class="is-size-6 publication-authors" style="margin-top: 0.5rem;">
658+
<sup>*</sup>Equal Contribution &nbsp;&nbsp;&nbsp; <sup>†</sup>Project Leads
659+
</div>
660+
</div>
661+
</div>
662+
</div>
663+
</div>
664+
</section>
665+
567666
<!-- Overview Section -->
568667
<section class="hero teaser" id="teaser">
569668
<div class="container is-max-desktop">

0 commit comments

Comments
 (0)