@@ -12,10 +12,6 @@ import Link from "next/link"
1212
1313
1414
15- import { AspectRatio } from "@/components/ui/aspect-ratio"
16-
17-
18-
1915const instructors : {
2016 name : string ;
2117 image : string ;
@@ -26,12 +22,44 @@ const instructors: {
2622 image : "/assets/person/hongyang_li.jpg" ,
2723 link : 'https://lihongyang.info/'
2824 } ,
25+ {
26+ name : "Hai Zhang" ,
27+ image : "/assets/person/hai_zhang.jpg" ,
28+ link : "https://betray12138.github.io/resume/"
29+ } ,
30+ {
31+ name : "Chonghao Sima" ,
32+ image : "/assets/person/chonghao_sima.jpg" ,
33+ link : "https://chonghaosima.github.io/"
34+ } ,
35+ {
36+ name : "Li Chen" ,
37+ image : "/assets/person/li_chen.jpg" ,
38+ link : "https://ilnehc.github.io/"
39+ }
2940] ;
3041
31- const tas : string [ ] = [
32- "Zihao Zhang" ,
33- "Haitao Jiang" ,
34- "Tianyu Zhang" ,
42+ const tas : {
43+ name : string ;
44+ image : string ;
45+ link : string ;
46+ subtitle ?: string ;
47+ } [ ] = [
48+ {
49+ name : "Zihao Zhang" ,
50+ image : "/assets/person/ap0001_zihao_zhang.webp" ,
51+ link : "https://zizizi-hao.github.io/"
52+ } ,
53+ {
54+ name : "Haitao Jiang" ,
55+ image : "/assets/person/ap0001_haitao_jiang.webp" ,
56+ link : "https://www.researchgate.net/profile/Jiang-Haitao-3?ev=prf_overview"
57+ } ,
58+ {
59+ name : "Tianyu Zhang" ,
60+ image : "/assets/person/ap0001_tianyu_zhang.webp" ,
61+ link : "https://github.com/TianyuZhang503"
62+ } ,
3563] ;
3664
3765const descriptionFirstBlock = {
@@ -102,12 +130,14 @@ const websiteAndComputingTools = {
102130const scheduleItems : {
103131 date : string ;
104132 lecture : string ;
133+ lectureSlideUrl ?: string ;
105134 topics : string [ ] ;
106135 note ?: string ;
107136} [ ] = [
108137 {
109138 date : "2026/3/5" ,
110139 lecture : "Course Introduction" ,
140+ lectureSlideUrl : "https://drive.google.com/file/d/1lekXtxFOVTSRCHwKYhiZwoAmSUVlMDtg/view?usp=sharing" ,
111141 topics : [
112142 "Introduction to Embodied AI" ,
113143 "DL and ML Basics" ,
@@ -306,19 +336,23 @@ export default function Home() {
306336 </ div >
307337 < div className = "w-full px-6 flex justify-center mt-12" >
308338 < div className = "w-full max-w-7xl flex flex-col gap-3" >
309- < p className = "leading-relaxed text-justify" >
310- { descriptionFirstBlock . intro }
311- </ p >
312- < ul className = "list-disc list-inside space-y-2 leading-relaxed ml-4 text-justify font-semibold" >
313- { descriptionFirstBlock . points . map ( ( point , index ) => (
314- < li key = { index } > { point } </ li >
315- ) ) }
316- </ ul >
317- { descriptionParagraphs . map ( ( paragraph , index ) => (
318- < p key = { index } className = "leading-relaxed text-justify" >
319- { paragraph }
339+ < div className = "rounded-lg border border-slate-200/60 bg-slate-100/60 dark:bg-slate-800/30 dark:border-slate-700/60 px-5 py-5 text-foreground" >
340+ < p className = "leading-relaxed text-justify" >
341+ { descriptionFirstBlock . intro }
320342 </ p >
321- ) ) }
343+ < ul className = "list-disc list-inside space-y-2 leading-relaxed ml-4 text-justify font-semibold mt-4" >
344+ { descriptionFirstBlock . points . map ( ( point , index ) => (
345+ < li key = { index } > { point } </ li >
346+ ) ) }
347+ </ ul >
348+ < div className = "mt-4 flex flex-col gap-3" >
349+ { descriptionParagraphs . map ( ( paragraph , index ) => (
350+ < p key = { index } className = "leading-relaxed text-justify" >
351+ { paragraph }
352+ </ p >
353+ ) ) }
354+ </ div >
355+ </ div >
322356 </ div >
323357 </ div >
324358
@@ -407,7 +441,21 @@ export default function Home() {
407441 { item . date }
408442 </ td >
409443 < td className = "px-4 py-2 align-top font-semibold" >
410- { item . lecture }
444+ { item . lectureSlideUrl ? (
445+ < span >
446+ { item . lecture } { " " }
447+ < Link
448+ href = { item . lectureSlideUrl }
449+ target = "_blank"
450+ rel = "noopener noreferrer"
451+ className = "text-o-blue hover:underline text-sm"
452+ >
453+ [slide]
454+ </ Link >
455+ </ span >
456+ ) : (
457+ item . lecture
458+ ) }
411459 </ td >
412460 < td className = "px-4 py-2 align-top" >
413461 < ul className = "list-disc list-inside space-y-1" >
@@ -439,7 +487,7 @@ export default function Home() {
439487 < div className = "w-full max-w-7xl flex" >
440488 < h2 className = "text-t1 font-bold" >
441489 < Link href = "#instructor" className = "scroll-mt-32 group flex items-center" id = "instructor" >
442- Instructors
490+ Staff
443491 < span className = "ml-6 hidden group-hover:inline-block size-6 text-foreground" >
444492 < svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" >
445493 < 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" />
@@ -453,43 +501,60 @@ export default function Home() {
453501
454502
455503 < div className = "w-full px-6 flex justify-center mt-12" >
456- < div className = "w-full max-w-7xl flex flex-col md:flex-row gap-12 md:gap-6" >
457- < div className = "w-full md:w-[50%] flex flex-col gap-6" >
458- < h3 className = "text-lg font-semibold" > INSTRUCTOR</ h3 >
459- < div className = "grid gap-12 grid-cols-1 w-24 sm:w-28" >
504+ < div className = "w-full max-w-7xl flex flex-col md:flex-row gap-12 md:gap-10" >
505+ { /* Instructors: 40% 宽度,两行两列:Hongyang Li & Hai Zhang 一行,Chonghao Sima & Li Chen 一行 */ }
506+ < div className = "w-full md:w-[45%] flex flex-col gap-6" >
507+ < h3 className = "text-lg font-semibold pb-2 border-b border-foreground/30" > Instructors</ h3 >
508+ < div className = "grid grid-cols-2 gap-6 sm:gap-8 justify-items-center" >
460509 { instructors . map ( ( instructor ) => (
461- < div className = "flex flex-col gap-3 group/image" key = { instructor . name } >
462- < Link href = { instructor . link } target = "_blank" >
463- < AspectRatio ratio = { 1 / 1 } >
464- < Image
465- src = { instructor . image }
466- alt = { instructor . name }
467- fill
468- className = "h-full w-full rounded-sm object-cover bg-gradient-landing group-hover/image:scale-101 transition delay-100 duration-200"
469- />
470- </ AspectRatio >
510+ < div className = "flex flex-col items-center gap-2 group/image" key = { instructor . name } >
511+ < Link href = { instructor . link } target = "_blank" rel = "noopener noreferrer" className = "block w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden flex-shrink-0 ring-1 ring-border/50" >
512+ < Image
513+ src = { instructor . image }
514+ alt = { instructor . name }
515+ width = { 96 }
516+ height = { 96 }
517+ className = "h-full w-full object-cover group-hover/image:scale-105 transition duration-200"
518+ />
471519 </ Link >
472- < a
473- href = "https://scholar.google.com/citations?hl=en & user = Hfrih1EAAAAJ "
520+ < Link
521+ href = { instructor . link }
474522 target = "_blank"
475523 rel = "noopener noreferrer"
476- className = "text-xl text-o-blue hover:underline w-fit whitespace-nowrap "
524+ className = "text-sm sm: text-base text- o-blue hover:underline text-center "
477525 >
478526 { instructor . name }
479- </ a >
527+ </ Link >
480528 </ div >
481529 ) ) }
482530 </ div >
483531 </ div >
484- < div className = "w-full md:w-[50%] flex flex-col gap-6" >
485- < h3 className = "text-lg font-semibold" > TAs</ h3 >
486- < ul className = "flex flex-col gap-3" >
487- { tas . map ( ( name ) => (
488- < li key = { name } className = "text-lg leading-relaxed" >
489- { name }
490- </ li >
532+ { /* Teaching Assistants: 60% 宽度 */ }
533+ < div className = "w-full md:w-[55%] flex flex-col gap-6" >
534+ < h3 className = "text-lg font-semibold pb-2 border-b border-foreground/30" > Teaching Assistants</ h3 >
535+ < div className = "flex flex-wrap gap-1 sm:gap-20" >
536+ { tas . map ( ( ta ) => (
537+ < div className = "flex flex-col items-center gap-2 group/image" key = { ta . name } >
538+ < Link href = { ta . link } target = "_blank" rel = "noopener noreferrer" className = "block w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden flex-shrink-0 ring-1 ring-border/50" >
539+ < Image
540+ src = { ta . image }
541+ alt = { ta . name }
542+ width = { 96 }
543+ height = { 96 }
544+ className = "h-full w-full object-cover group-hover/image:scale-105 transition duration-200"
545+ />
546+ </ Link >
547+ < Link
548+ href = { ta . link }
549+ target = "_blank"
550+ rel = "noopener noreferrer"
551+ className = "text-sm sm:text-base text-o-blue hover:underline text-center"
552+ >
553+ { ta . name }
554+ </ Link >
555+ </ div >
491556 ) ) }
492- </ ul >
557+ </ div >
493558 </ div >
494559 </ div >
495560 </ div >
@@ -498,7 +563,7 @@ export default function Home() {
498563 < div className = "w-full max-w-7xl flex" >
499564 < h2 className = "text-t1 font-bold" >
500565 < Link href = "#grading-policy" className = "scroll-mt-32 group flex items-center" id = "grading-policy" >
501- Grading Policy
566+ CourseWork
502567 < span className = "ml-6 hidden group-hover:inline-block size-6 text-foreground" >
503568 < svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" >
504569 < 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" />
@@ -543,6 +608,11 @@ export default function Home() {
543608 < br />
544609 < span className = "block mt-1 pl-4 text-foreground/90" > If you believe that the course staff made an objective error in grading, you may submit a regrade request and email us within 3 days of the grade release. Your request should briefly summarize why the original grading was incorrect. Note that staff may regrade the entire submission, so it is possible for you to lose more points than you gain if a mistake was overlooked in the first time.</ span >
545610 </ li >
611+ < li >
612+ < strong > LLM Policy</ strong >
613+ < br />
614+ < span className = "block mt-1 pl-4 text-foreground/90" > We encourage students to use LLM tools to improve the quality of their assignments and projects and enhance their writing skills; however, if you use an LLM, you must disclose its use at the end of your document, and you are fully responsible for the work produced with LLM assistance.</ span >
615+ </ li >
546616 </ ul >
547617 </ div >
548618 </ div >
0 commit comments