@@ -9,14 +9,25 @@ export const metadata: Metadata = {
99
1010import Image from 'next/image'
1111import Link from "next/link"
12+ import { AspectRatio } from "@/components/ui/aspect-ratio"
13+ import {
14+ Drawer ,
15+ DrawerClose ,
16+ DrawerContent ,
17+ DrawerDescription ,
18+ DrawerFooter ,
19+ DrawerHeader ,
20+ DrawerTitle ,
21+ DrawerTrigger ,
22+ } from "@/components/ui/drawer"
1223
1324
1425
15- import { AspectRatio } from "@/components/ui/aspect-ratio "
26+ import { categories , publications , scholar } from "@/data/publications "
1627
1728
1829
19- import { categories , publications , scholar } from "@/data/publications "
30+ import { Chen2025_value_learning } from "@/components/citation-drawer "
2031
2132
2233
@@ -154,17 +165,35 @@ export default function Home() {
154165 }
155166 {
156167 publication . icon . map ( ( link ) => (
157- link . type != 'github' &&
158- < Link href = { link . link } target = { link . link . startsWith ( 'http' ) ? '_blank' : '_self' } key = { link . type } className = "size-4 md:size-5 group/icon" >
159- < AspectRatio ratio = { 1 / 1 } >
160- < Image
161- src = { "/resources/icon/" + link . type + ".svg" }
162- alt = { link . type }
163- fill
164- className = "group-hover/icon:scale-125 transition delay-100 duration-200"
165- />
166- </ AspectRatio >
167- </ Link >
168+ link . type != 'github' && (
169+ link . type != 'cite' ?
170+ < Link href = { link . link } target = { link . link . startsWith ( 'http' ) ? '_blank' : '_self' } key = { link . type } className = "size-4 md:size-5 group/icon" >
171+ < AspectRatio ratio = { 1 / 1 } >
172+ < Image
173+ src = { "/resources/icon/" + link . type + ".svg" }
174+ alt = { link . type }
175+ fill
176+ className = "group-hover/icon:scale-125 transition delay-100 duration-200"
177+ />
178+ </ AspectRatio >
179+ </ Link >
180+ :
181+ < Drawer direction = "top" key = { link . type } >
182+ < DrawerTrigger asChild >
183+ < div className = "size-4 md:size-5 group/icon hover:cursor-pointer" >
184+ < AspectRatio ratio = { 1 / 1 } >
185+ < Image
186+ src = { "/resources/icon/" + link . type + ".svg" }
187+ alt = { link . type }
188+ fill
189+ className = "group-hover/icon:scale-125 transition delay-100 duration-200"
190+ />
191+ </ AspectRatio >
192+ </ div >
193+ </ DrawerTrigger >
194+ < Chen2025_value_learning />
195+ </ Drawer >
196+ )
168197 ) )
169198 }
170199 </ div >
0 commit comments