@@ -11,11 +11,114 @@ import Link from "next/link"
1111
1212
1313
14- import { Separator } from "@/components/ui/separator"
1514import { AspectRatio } from "@/components/ui/aspect-ratio"
1615
1716
1817
18+ const speakers : {
19+ name : string ;
20+ image : string ;
21+ position : string ;
22+ affiliation : string ;
23+ link : string ;
24+ } [ ] = [
25+ {
26+ name : "Hao Su" ,
27+ image : "/assets/person/hao_su.jpg" ,
28+ position : "Associate Professor" ,
29+ affiliation : 'UC San Diego' ,
30+ link : 'https://cseweb.ucsd.edu/~haosu/'
31+ } ,
32+ {
33+ name : "Edward Johns" ,
34+ image : "/assets/person/edward_johns.jpg" ,
35+ position : "Associate Professor" ,
36+ affiliation : 'Imperial College London' ,
37+ link : 'https://www.robot-learning.uk/'
38+ } ,
39+ {
40+ name : "Harold Soh" ,
41+ image : "/assets/person/harold_soh.jpg" ,
42+ position : "Associate Professor" ,
43+ affiliation : 'National University of Singapore' ,
44+ link : 'https://haroldsoh.com/'
45+ } ,
46+ {
47+ name : "Jiatao Gu" ,
48+ image : "/assets/person/jiatao_gu.jpg" ,
49+ position : "Staff Research Scientist" ,
50+ affiliation : 'Apple' ,
51+ link : 'https://jiataogu.me/'
52+ } ,
53+ {
54+ name : "Shuran Song" ,
55+ image : "/assets/person/shuran_song.jpg" ,
56+ position : "Assistant Professor" ,
57+ affiliation : 'Stanford' ,
58+ link : 'https://shurans.github.io/'
59+ } ,
60+ {
61+ name : "Yilun Du" ,
62+ image : "/assets/person/yilun_du.jpg" ,
63+ position : "Assistant Professor" ,
64+ affiliation : 'Harvard' ,
65+ link : 'https://yilundu.github.io/'
66+ } ,
67+ {
68+ name : "Angjoo Kanazawa" ,
69+ image : "/assets/person/angjoo_kanazawa.jpg" ,
70+ position : "Assistant Professor" ,
71+ affiliation : 'UC Berkeley' ,
72+ link : 'https://people.eecs.berkeley.edu/~kanazawa/'
73+ } ,
74+ ] ;
75+
76+
77+
78+ const organizers : {
79+ name : string ;
80+ affiliation : string ;
81+ link : string ;
82+ } [ ] = [
83+ {
84+ name : "Ping Luo" ,
85+ affiliation : 'University of Hong Kong' ,
86+ link : 'http://luoping.me/'
87+ } ,
88+ {
89+ name : "Hongyang Li" ,
90+ affiliation : 'University of Hong Kong' ,
91+ link : 'https://datascience.hku.hk/people/hongyang-li/'
92+ } ,
93+ {
94+ name : "Andrei Bursuc" ,
95+ affiliation : 'Valeo' ,
96+ link : 'https://abursuc.github.io/'
97+ } ,
98+ {
99+ name : "Animesh Garg" ,
100+ affiliation : 'Georgia Tech' ,
101+ link : 'https://animesh.garg.tech/'
102+ } ,
103+ {
104+ name : "Lingjie Liu" ,
105+ affiliation : 'University of Pennsylvania' ,
106+ link : 'https://lingjie0206.github.io/'
107+ } ,
108+ {
109+ name : "Amy Zhang" ,
110+ affiliation : 'UT Austin' ,
111+ link : 'https://amyzhang.github.io/'
112+ } ,
113+ {
114+ name : "Huijie Wang" ,
115+ affiliation : 'OpenDriveLab' ,
116+ link : 'https://faikit.github.io/'
117+ } ,
118+ ] ;
119+
120+
121+
19122export default function Home ( ) {
20123 return (
21124 < div className = "w-full" >
@@ -64,8 +167,31 @@ export default function Home() {
64167 < div className = "w-full px-6 flex justify-center mt-24" >
65168 < div className = "w-full max-w-7xl flex" >
66169 < h2 className = "text-t1" >
67- < Link href = "#scholar" className = "scroll-mt-32 group flex items-center" id = "scholar" >
68- Scholar
170+ < Link href = "#schedule" className = "scroll-mt-32 group flex items-center" id = "schedule" >
171+ Schedule
172+ < span className = "ml-6 hidden group-hover:inline-block size-6 text-foreground" >
173+ < svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" >
174+ < path d = "M15.197 3.35462C16.8703 1.67483 19.4476 1.53865 20.9536 3.05046C22.4596 4.56228 22.3239 7.14956 20.6506 8.82935L18.2268 11.2626M10.0464 14C8.54044 12.4882 8.67609 9.90087 10.3494 8.22108L12.5 6.06212" strokeWidth = "2.5" strokeLinecap = "round" />
175+ < path d = "M13.9536 10C15.4596 11.5118 15.3239 14.0991 13.6506 15.7789L11.2268 18.2121L8.80299 20.6454C7.12969 22.3252 4.55237 22.4613 3.0464 20.9495C1.54043 19.4377 1.67609 16.8504 3.34939 15.1706L5.77323 12.7373" strokeWidth = "2.5" strokeLinecap = "round" />
176+ </ svg >
177+ </ span >
178+ </ Link >
179+ </ h2 >
180+ </ div >
181+ </ div >
182+ < div className = "w-full px-6 flex justify-center mt-12" >
183+ < div className = "w-full max-w-7xl flex" >
184+ To be announced.
185+ </ div >
186+ </ div >
187+
188+
189+
190+ < div className = "w-full px-6 flex justify-center mt-24" >
191+ < div className = "w-full max-w-7xl flex" >
192+ < h2 className = "text-t1" >
193+ < Link href = "#speaker" className = "scroll-mt-32 group flex items-center" id = "speaker" >
194+ Speakers
69195 < span className = "ml-6 hidden group-hover:inline-block size-6 text-foreground" >
70196 < svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" >
71197 < path d = "M15.197 3.35462C16.8703 1.67483 19.4476 1.53865 20.9536 3.05046C22.4596 4.56228 22.3239 7.14956 20.6506 8.82935L18.2268 11.2626M10.0464 14C8.54044 12.4882 8.67609 9.90087 10.3494 8.22108L12.5 6.06212" strokeWidth = "2.5" strokeLinecap = "round" />
@@ -79,12 +205,90 @@ export default function Home() {
79205
80206
81207
82- < div className = "w-full px-4 md:px-6 flex flex-col items-center" >
83- < Separator className = "max-w-7xl mt-14 md:mt-28" />
208+ < div className = "w-full px-6 flex justify-center mt-12" >
209+ < div className = "w-full max-w-7xl grid gap-12 grid-cols-2 md:grid-cols-3 xl:grid-cols-4 3xl:grid-cols-5" >
210+ { [ ...speakers . values ( ) ] . map ( ( speaker ) => (
211+ < div className = "flex flex-col gap-3 group/image" key = { speaker . name } >
212+ < Link href = { speaker . link } target = "_blank" >
213+ < AspectRatio ratio = { 1 / 1 } >
214+ < Image
215+ src = { speaker . image }
216+ alt = { speaker . name }
217+ fill
218+ className = "h-full w-full rounded-sm object-cover bg-gradient-landing group-hover/image:scale-101 transition delay-100 duration-200"
219+ />
220+ </ AspectRatio >
221+ </ Link >
222+ < span className = "text-xl" >
223+ { speaker . name }
224+ </ span >
225+ < div className = "flex flex-col" >
226+ < i className = "text-xs text-o-gray" >
227+ { speaker . position }
228+ </ i >
229+ < span className = "" >
230+ { speaker . affiliation }
231+ </ span >
232+ </ div >
233+
234+ </ div >
235+ ) ) }
236+ </ div >
84237 </ div >
85238
86239
87240
241+ < div className = "w-full px-6 flex justify-center mt-24" >
242+ < div className = "w-full max-w-7xl flex" >
243+ < h2 className = "text-t1" >
244+ < Link href = "#organizer" className = "scroll-mt-32 group flex items-center" id = "organizer" >
245+ Organizers
246+ < span className = "ml-6 hidden group-hover:inline-block size-6 text-foreground" >
247+ < svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" >
248+ < path d = "M15.197 3.35462C16.8703 1.67483 19.4476 1.53865 20.9536 3.05046C22.4596 4.56228 22.3239 7.14956 20.6506 8.82935L18.2268 11.2626M10.0464 14C8.54044 12.4882 8.67609 9.90087 10.3494 8.22108L12.5 6.06212" strokeWidth = "2.5" strokeLinecap = "round" />
249+ < path d = "M13.9536 10C15.4596 11.5118 15.3239 14.0991 13.6506 15.7789L11.2268 18.2121L8.80299 20.6454C7.12969 22.3252 4.55237 22.4613 3.0464 20.9495C1.54043 19.4377 1.67609 16.8504 3.34939 15.1706L5.77323 12.7373" strokeWidth = "2.5" strokeLinecap = "round" />
250+ </ svg >
251+ </ span >
252+ </ Link >
253+ </ h2 >
254+ </ div >
255+ </ div >
256+
257+
258+
259+ < div className = "w-full px-6 flex justify-center mt-12" >
260+ < div className = "w-full max-w-7xl" >
261+ < div className = "w-full max-w-5xl flex flex-col gap-6" >
262+ { [ ...organizers . values ( ) ] . map ( ( organizer ) => (
263+ < div className = "flex gap-6" key = { organizer . name } >
264+ {
265+ organizer . link == "" && (
266+ < div className = "flex-1/2" >
267+ < span >
268+ { organizer . name }
269+ </ span >
270+ </ div >
271+ )
272+ }
273+ {
274+ organizer . link != "" && (
275+ < div className = "flex-1/2" >
276+ < Link href = { organizer . link } target = { organizer . link . startsWith ( 'http' ) ? '_blank' : '_self' } className = "hover:text-o-blue" >
277+ { organizer . name }
278+ </ Link >
279+ </ div >
280+ )
281+ }
282+ < i className = "flex-1/2" >
283+ { organizer . affiliation }
284+ </ i >
285+ </ div >
286+ ) ) }
287+ </ div >
288+ </ div >
289+ </ div >
290+
291+
88292
89293 </ div >
90294 ) ;
0 commit comments