Skip to content

Commit 6976ae8

Browse files
faikitfaikit
committed
.
1 parent 1072969 commit 6976ae8

File tree

3 files changed

+153
-86
lines changed

3 files changed

+153
-86
lines changed

‎app/(default)/(page)/team/page.tsx‎

Lines changed: 70 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ export default function Home() {
7373

7474
<div className="w-full px-6 flex justify-center mt-12">
7575
<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">
76-
{[...members.values()].filter(member => member.keys.includes("scholar")).map((member) => (
76+
{[...members.values()].filter(member => member.keys.includes("staff")).map((member) => (
7777
<div className="flex flex-col gap-3 group/image" key={member.name}>
7878
<AspectRatio ratio={1/1}>
7979
<Image
@@ -119,8 +119,8 @@ export default function Home() {
119119
<div className="w-full px-6 flex justify-center mt-24">
120120
<div className="w-full max-w-7xl flex">
121121
<h2 className="text-t1">
122-
<Link href="#phd" className="scroll-mt-32 group flex items-center" id="phd">
123-
Ph.D.
122+
<Link href="#hku" className="scroll-mt-32 group flex items-center" id="hku">
123+
HKU Ph.D.
124124
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
125125
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
126126
<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"/>
@@ -136,7 +136,7 @@ export default function Home() {
136136

137137
<div className="w-full px-6 flex justify-center mt-12">
138138
<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">
139-
{[...members.values()].filter(member => member.keys.includes("phd")).map((member) => (
139+
{[...members.values()].filter(member => member.keys.includes("hku")).map((member) => (
140140
<div className="flex flex-col gap-3 group/image" key={member.name}>
141141
<AspectRatio ratio={1/1}>
142142
<Image
@@ -182,8 +182,8 @@ export default function Home() {
182182
<div className="w-full px-6 flex justify-center mt-24">
183183
<div className="w-full max-w-7xl flex">
184184
<h2 className="text-t1">
185-
<Link href="#intern" className="scroll-mt-32 group flex items-center" id="intern">
186-
Intern
185+
<Link href="#joint" className="scroll-mt-32 group flex items-center" id="joint">
186+
Joint Ph.D.
187187
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
188188
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
189189
<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"/>
@@ -199,7 +199,70 @@ export default function Home() {
199199

200200
<div className="w-full px-6 flex justify-center mt-12">
201201
<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">
202-
{[...members.values()].filter(member => member.keys.includes("intern")).map((member) => (
202+
{[...members.values()].filter(member => member.keys.includes("joint")).map((member) => (
203+
<div className="flex flex-col gap-3 group/image" key={member.name}>
204+
<AspectRatio ratio={1/1}>
205+
<Image
206+
src={member.image}
207+
alt={member.name}
208+
fill
209+
className="h-full w-full rounded-sm object-cover bg-gradient-landing group-hover/image:hidden"
210+
/>
211+
<Image
212+
src={member.image_s}
213+
alt={member.name}
214+
fill
215+
className="h-full w-full rounded-sm object-cover bg-gradient-landing hidden group-hover/image:block"
216+
/>
217+
</AspectRatio>
218+
<span className="text-xl">
219+
{member.name}
220+
</span>
221+
<span className="text-xs">
222+
{member.desc}
223+
</span>
224+
<div className="flex gap-3 flex-wrap">
225+
{member.links.map((link) => (
226+
<Link href={link.url} target={link.url.startsWith('http') ? '_blank' : '_self'} key={link.icon} className="size-4 md:size-5 group/icon">
227+
<AspectRatio ratio={1/1}>
228+
<Image
229+
src={"/resources/icon/" + link.icon + ".svg"}
230+
alt={link.icon}
231+
fill
232+
className="group-hover/icon:scale-125 transition delay-100 duration-200"
233+
/>
234+
</AspectRatio>
235+
</Link>
236+
))}
237+
</div>
238+
</div>
239+
))}
240+
</div>
241+
</div>
242+
243+
244+
245+
<div className="w-full px-6 flex justify-center mt-24">
246+
<div className="w-full max-w-7xl flex">
247+
<h2 className="text-t1">
248+
<Link href="#student" className="scroll-mt-32 group flex items-center" id="student">
249+
Visiting & Internship Student
250+
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
251+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
252+
<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"/>
253+
<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"/>
254+
</svg>
255+
</span>
256+
</Link>
257+
</h2>
258+
</div>
259+
</div>
260+
261+
262+
263+
<div className="w-full px-6 flex justify-center mt-12">
264+
<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">
265+
{[...members.values()].filter(member => member.keys.includes("student")).map((member) => (
203266
<div className="flex flex-col gap-3 group/image" key={member.name}>
204267
<AspectRatio ratio={1/1}>
205268
<Image

‎data/navigator-page.tsx‎

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -32,16 +32,20 @@ export const NavigatorPage: {
3232
],
3333
"/team": [
3434
{
35-
text: "Scholar",
36-
id: "scholar",
35+
text: "Staff",
36+
id: "staff",
3737
},
3838
{
39-
text: "Ph.D.",
40-
id: "phd",
39+
text: "HKU Ph.D.",
40+
id: "hku",
4141
},
4242
{
43-
text: "Intern",
44-
id: "intern",
43+
text: "Joint Ph.D.",
44+
id: "joint",
45+
},
46+
{
47+
text: "Student",
48+
id: "student",
4549
},
4650
{
4751
text: "Alumni",

0 commit comments

Comments
 (0)