Skip to content

Commit fb4ef65

Browse files
faikitfaikit
committed
.
1 parent d8196ba commit fb4ef65

File tree

1 file changed

+157
-45
lines changed

1 file changed

+157
-45
lines changed

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

Lines changed: 157 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -47,17 +47,45 @@ export default function Home() {
4747

4848
<div className="w-full px-6 flex justify-center mt-24">
4949
<div className="w-full max-w-7xl flex">
50-
<h2 className="text-t1">
51-
<Link href="#recruit" className="scroll-mt-32 group flex items-center" id="recruit">
52-
Recruit
53-
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
54-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
55-
<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"/>
56-
<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"/>
57-
</svg>
58-
</span>
50+
<div className="w-full flex justify-between items-center">
51+
<h2 className="text-t1">
52+
<Link href="#recruit" className="scroll-mt-32 group flex items-center" id="recruit">
53+
Recruit
54+
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
55+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
56+
<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"/>
57+
<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"/>
58+
</svg>
59+
</span>
60+
</Link>
61+
</h2>
62+
<Link href='/recruit' className="w-16 xl:w-24 group flex ">
63+
<AspectRatio ratio={3/1}>
64+
<Image
65+
src="/assets/icon/arrow.png"
66+
alt="Recruit"
67+
fill
68+
className="group-hover:scale-125 transition delay-100 duration-200"
69+
/>
70+
</AspectRatio>
71+
<AspectRatio ratio={3/1}>
72+
<Image
73+
src="/assets/icon/arrow.png"
74+
alt="Recruit"
75+
fill
76+
className="group-hover:scale-125 transition delay-100 duration-200"
77+
/>
78+
</AspectRatio>
79+
<AspectRatio ratio={3/1}>
80+
<Image
81+
src="/assets/icon/arrow.png"
82+
alt="Recruit"
83+
fill
84+
className="group-hover:scale-125 transition delay-100 duration-200"
85+
/>
86+
</AspectRatio>
5987
</Link>
60-
</h2>
88+
</div>
6189
</div>
6290
</div>
6391

@@ -84,7 +112,7 @@ export default function Home() {
84112

85113

86114

87-
<div className="w-full px-6 flex justify-center mt-24">
115+
<div className="w-full px-6 flex justify-center mt-36">
88116
<div className="w-full max-w-7xl flex">
89117
<h2 className="text-t1">
90118
<Link href="#research" className="scroll-mt-32 group flex items-center" id="research">
@@ -148,19 +176,47 @@ export default function Home() {
148176

149177

150178

151-
<div className="w-full px-6 flex justify-center mt-24">
179+
<div className="w-full px-6 flex justify-center mt-36">
152180
<div className="w-full max-w-7xl flex">
153-
<h2 className="text-t1">
154-
<Link href="#project" className="scroll-mt-32 group flex items-center" id="project">
155-
Project
156-
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
157-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
158-
<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"/>
159-
<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"/>
160-
</svg>
161-
</span>
181+
<div className="w-full flex justify-between items-center">
182+
<h2 className="text-t1">
183+
<Link href="#project" className="scroll-mt-32 group flex items-center" id="project">
184+
Project
185+
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
186+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
187+
<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"/>
188+
<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"/>
189+
</svg>
190+
</span>
191+
</Link>
192+
</h2>
193+
<Link href='/projects' className="w-16 xl:w-24 group flex ">
194+
<AspectRatio ratio={3/1}>
195+
<Image
196+
src="/assets/icon/arrow.png"
197+
alt="Projects"
198+
fill
199+
className="group-hover:scale-125 transition delay-100 duration-200"
200+
/>
201+
</AspectRatio>
202+
<AspectRatio ratio={3/1}>
203+
<Image
204+
src="/assets/icon/arrow.png"
205+
alt="Projects"
206+
fill
207+
className="group-hover:scale-125 transition delay-100 duration-200"
208+
/>
209+
</AspectRatio>
210+
<AspectRatio ratio={3/1}>
211+
<Image
212+
src="/assets/icon/arrow.png"
213+
alt="Projects"
214+
fill
215+
className="group-hover:scale-125 transition delay-100 duration-200"
216+
/>
217+
</AspectRatio>
162218
</Link>
163-
</h2>
219+
</div>
164220
</div>
165221
</div>
166222

@@ -258,19 +314,47 @@ export default function Home() {
258314

259315

260316

261-
<div className="w-full px-6 flex justify-center mt-24">
317+
<div className="w-full px-6 flex justify-center mt-36">
262318
<div className="w-full max-w-7xl flex flex-col gap-3">
263-
<h2 className="text-t1">
264-
<Link href="#publication" className="scroll-mt-32 group flex items-center" id="publication">
265-
Publication
266-
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
267-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
268-
<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"/>
269-
<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"/>
270-
</svg>
271-
</span>
319+
<div className="w-full flex justify-between items-center">
320+
<h2 className="text-t1">
321+
<Link href="#publication" className="scroll-mt-32 group flex items-center" id="publication">
322+
Publication
323+
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
324+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
325+
<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"/>
326+
<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"/>
327+
</svg>
328+
</span>
329+
</Link>
330+
</h2>
331+
<Link href='/publications' className="w-16 xl:w-24 group flex ">
332+
<AspectRatio ratio={3/1}>
333+
<Image
334+
src="/assets/icon/arrow.png"
335+
alt="Publications"
336+
fill
337+
className="group-hover:scale-125 transition delay-100 duration-200"
338+
/>
339+
</AspectRatio>
340+
<AspectRatio ratio={3/1}>
341+
<Image
342+
src="/assets/icon/arrow.png"
343+
alt="Publications"
344+
fill
345+
className="group-hover:scale-125 transition delay-100 duration-200"
346+
/>
347+
</AspectRatio>
348+
<AspectRatio ratio={3/1}>
349+
<Image
350+
src="/assets/icon/arrow.png"
351+
alt="Publications"
352+
fill
353+
className="group-hover:scale-125 transition delay-100 duration-200"
354+
/>
355+
</AspectRatio>
272356
</Link>
273-
</h2>
357+
</div>
274358
<span>
275359
Representative work published at top-tiered venues.
276360
</span>
@@ -340,25 +424,53 @@ export default function Home() {
340424

341425

342426

343-
<div className="w-full px-6 flex justify-center mt-24">
427+
<div className="w-full px-6 flex justify-center mt-36">
344428
<div className="w-full max-w-7xl flex">
345-
<h2 className="text-t1">
346-
<Link href="#event" className="scroll-mt-32 group flex items-center" id="event">
347-
Event
348-
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
349-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
350-
<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"/>
351-
<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"/>
352-
</svg>
353-
</span>
429+
<div className="w-full flex justify-between items-center">
430+
<h2 className="text-t1">
431+
<Link href="#event" className="scroll-mt-32 group flex items-center" id="event">
432+
Event
433+
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
434+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
435+
<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"/>
436+
<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"/>
437+
</svg>
438+
</span>
439+
</Link>
440+
</h2>
441+
<Link href='/events' className="w-16 xl:w-24 group flex ">
442+
<AspectRatio ratio={3/1}>
443+
<Image
444+
src="/assets/icon/arrow.png"
445+
alt="Events"
446+
fill
447+
className="group-hover:scale-125 transition delay-100 duration-200"
448+
/>
449+
</AspectRatio>
450+
<AspectRatio ratio={3/1}>
451+
<Image
452+
src="/assets/icon/arrow.png"
453+
alt="Events"
454+
fill
455+
className="group-hover:scale-125 transition delay-100 duration-200"
456+
/>
457+
</AspectRatio>
458+
<AspectRatio ratio={3/1}>
459+
<Image
460+
src="/assets/icon/arrow.png"
461+
alt="Events"
462+
fill
463+
className="group-hover:scale-125 transition delay-100 duration-200"
464+
/>
465+
</AspectRatio>
354466
</Link>
355-
</h2>
467+
</div>
356468
</div>
357469
</div>
358470

359471

360472

361-
<div className="w-full px-6 flex justify-center mt-12">
473+
<div className="w-full px-6 flex justify-center mt-12 mb-12">
362474
<div className="w-full max-w-7xl grid gap-12 grid-cols-1 xl:grid-cols-2">
363475
{[...events.values()].filter(event => event.keys.includes('editor_pick')).map((event) => (
364476
<div className="flex flex-col gap-6" key={event.title}>

0 commit comments

Comments
 (0)