Skip to content

Commit a2864b3

Browse files
faikitfaikit
committed
.
1 parent 3ae7dcd commit a2864b3

File tree

1 file changed

+93
-37
lines changed
  • app/(default)/(research)/EmbodiedAI

1 file changed

+93
-37
lines changed

‎app/(default)/(research)/EmbodiedAI/page.tsx‎

Lines changed: 93 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,10 @@ import Link from "next/link"
1212

1313

1414

15+
import { categories, publications, scholar } from "@/data/publications"
16+
17+
18+
1519
export default function Home() {
1620
return (
1721
<div className="w-full">
@@ -28,57 +32,109 @@ export default function Home() {
2832

2933

3034

35+
<div className="w-full px-6 flex justify-center mt-24">
36+
<div className="w-full max-w-7xl flex">
37+
<ul className="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical">
38+
{[...publications.values()].filter(publication => publication.keys.includes("embodied_ai")).map((publication, index) => (
39+
<li key={publication.title}>
40+
<div className="timeline-middle mx-3">
41+
<svg
42+
viewBox="0 0 20 20"
43+
className="h-5 w-5 text-o-gray"
44+
fill="currentColor"
45+
>
46+
<circle cx="10" cy="10" r="8" />
47+
</svg>
48+
</div>
49+
<div
50+
className={`mb-6 grid gap-1 ${
51+
index % 2 === 1 ? "timeline-end md:text-start" : "timeline-start md:text-end"
52+
}`}
53+
>
54+
<time className="text-o-gray">
55+
1984
56+
</time>
57+
<Link href={publication.link} target={publication.link.startsWith('http') ? '_blank' : '_self'} className="text-xl hover:text-o-blue mt-1">
58+
{publication.title}
59+
</Link>
60+
<i className="text-sm text-o-gray whitespace-pre-line">
61+
{publication.description}
62+
</i>
63+
<div className="px-20 w-full flex justify-center items-center relative mt-3">
64+
<Link href={publication.link} target={publication.link.startsWith('http') ? '_blank' : '_self'}>
65+
<Image
66+
src={publication.image}
67+
alt={publication.title}
68+
width={1024}
69+
height={1024}
70+
className="rounded-sm bg-gradient-landing hover:scale-103 transition delay-100 duration-200"
71+
/>
72+
</Link>
73+
</div>
74+
</div>
75+
<hr />
76+
</li>
77+
))}
78+
</ul>
79+
</div>
80+
</div>
81+
82+
83+
3184
<div className="w-full px-6 flex justify-center mt-24">
3285
<div className="w-full max-w-7xl flex">
3386
<ul className="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical">
3487
<li>
35-
<div className="timeline-middle">
36-
<svg
37-
xmlns="http://www.w3.org/2000/svg"
88+
<div className="timeline-middle mx-3">
89+
<svg
3890
viewBox="0 0 20 20"
91+
className="h-5 w-5 text-o-gray"
3992
fill="currentColor"
40-
className="h-5 w-5"
41-
>
42-
<path
43-
fillRule="evenodd"
44-
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
45-
clipRule="evenodd"
46-
/>
47-
</svg>
93+
>
94+
<circle cx="10" cy="10" r="8" />
95+
</svg>
4896
</div>
49-
<div className="timeline-start mb-10 md:text-end">
50-
<time className="font-mono italic">1984</time>
51-
<div className="text-lg font-black">First Macintosh computer</div>
52-
The Apple Macintosh—later rebranded as the Macintosh 128K—is the original Apple Macintosh
53-
personal computer. It played a pivotal role in establishing desktop publishing as a general
54-
office function. The motherboard, a 9 in (23 cm) CRT monitor, and a floppy drive were housed
55-
in a beige case with integrated carrying handle; it came with a keyboard and single-button
56-
mouse.
97+
<div className="timeline-start mb-6 md:text-end grid gap-1">
98+
<time>
99+
1984
100+
</time>
101+
<div>
102+
First Macintosh computer
103+
</div>
104+
<p>
105+
The Apple Macintosh—later rebranded as the Macintosh 128K—is the original Apple Macintosh
106+
personal computer. It played a pivotal role in establishing desktop publishing as a general
107+
office function. The motherboard, a 9 in (23 cm) CRT monitor, and a floppy drive were housed
108+
in a beige case with integrated carrying handle; it came with a keyboard and single-button
109+
mouse.
110+
</p>
57111
</div>
58112
<hr />
59113
</li>
60114
<li>
61-
<hr />
62-
<div className="timeline-middle">
63-
<svg
64-
xmlns="http://www.w3.org/2000/svg"
115+
<div className="timeline-middle mx-3">
116+
<svg
65117
viewBox="0 0 20 20"
118+
className="h-5 w-5 text-o-gray"
66119
fill="currentColor"
67-
className="h-5 w-5"
68-
>
69-
<path
70-
fillRule="evenodd"
71-
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
72-
clipRule="evenodd"
73-
/>
74-
</svg>
120+
>
121+
<circle cx="10" cy="10" r="8" />
122+
</svg>
75123
</div>
76-
<div className="timeline-end md:mb-10">
77-
<time className="font-mono italic">1998</time>
78-
<div className="text-lg font-black">iMac</div>
79-
iMac is a family of all-in-one Mac desktop computers designed and built by Apple Inc. It has
80-
been the primary part of Apple's consumer desktop offerings since its debut in August 1998,
81-
and has evolved through seven distinct forms
124+
<div className="timeline-end mb-6 grid gap-1">
125+
<time>
126+
1984
127+
</time>
128+
<div>
129+
First Macintosh computer
130+
</div>
131+
<p>
132+
The Apple Macintosh—later rebranded as the Macintosh 128K—is the original Apple Macintosh
133+
personal computer. It played a pivotal role in establishing desktop publishing as a general
134+
office function. The motherboard, a 9 in (23 cm) CRT monitor, and a floppy drive were housed
135+
in a beige case with integrated carrying handle; it came with a keyboard and single-button
136+
mouse.
137+
</p>
82138
</div>
83139
<hr />
84140
</li>

0 commit comments

Comments
 (0)