1+ <!DOCTYPE html> < html lang ="en " class ="scroll-smooth "> < head > < meta charset ="utf-8 "> < meta name ="viewport " content ="width=device-width, initial-scale=1 "> < link rel ="icon " href ="/favicon.svg "> < meta name ="description " content ="Research areas, publications, projects and contact "> < meta name ="generator " content ="Astro v5.12.8 "> < title > Chen Yang — Academic Homepage</ title > < link rel ="preconnect " href ="https://fonts.googleapis.com "> < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin > < link href ="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap " rel ="stylesheet "> < meta name ="color-scheme " content ="light dark "> < script >
2+ const stored = localStorage . getItem ( 'theme' ) ;
3+ const prefersDark = window . matchMedia && window . matchMedia ( '(prefers-color-scheme: dark)' ) . matches ;
4+ const theme = stored || ( prefersDark ? 'dark' : 'light' ) ;
5+ document . documentElement . dataset . theme = theme ;
6+ </ script > < link rel ="stylesheet " href ="/src/styles/global.css "> < style > : root {--brand : 56 189 248 }html {font-family : Inter, Noto Sans SC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, "Apple Color Emoji" , "Segoe UI Emoji" }[data-theme = dark ] body {background-color : # 0f172acolor : # e5e7eb
7+ </ style > </ head > < body class ="min-h-dvh bg-white text-slate-800 dark:bg-slate-950 dark:text-slate-200 "> < header class ="sticky top-0 z-40 backdrop-blur supports-[backdrop-filter]:bg-white/70 dark:supports-[backdrop-filter]:bg-slate-900/60 border-b border-slate-200/60 dark:border-slate-700/60 "> < nav class ="mx-auto max-w-6xl px-5 h-16 flex items-center justify-between "> < a href ="/ " class ="font-semibold tracking-tight text-lg md:text-xl "> Chen Yang</ a > < ul class ="hidden sm:flex gap-6 text-base "> < li > < a class ="hover:text-sky-600 " href ="/#about "> About</ a > </ li > < li > < a class ="hover:text-sky-600 " href ="/#news "> News</ a > </ li > < li > < a class ="hover:text-sky-600 " href ="/#publications "> Publications</ a > </ li > < li > < a class ="hover:text-sky-600 " href ="/#awards "> Awards</ a > </ li > < li > < a class ="hover:text-sky-600 " href ="/#miscellaneous "> Miscellaneous</ a > </ li > < li > < a class ="hover:text-sky-600 " href ="/#contact "> Contact</ a > </ li > </ ul > < div class ="flex items-center gap-1 "> < button id ="theme-toggle " aria-label ="Toggle theme " class ="p-2 rounded-md hover:bg-slate-100 dark:hover:bg-slate-800 "> < svg id ="icon-sun " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 " class ="size-5 hidden dark:block "> < path fill ="currentColor " d ="M6.76 4.84l-1.8-1.79L3.17 4.84l1.79 1.79l1.8-1.79zm10.48 14.32l1.79 1.79l1.79-1.79l-1.79-1.79l-1.79 1.79zM1 13h3v-2H1v2zm19-2v2h3v-2h-3zM3.17 19.16l1.79 1.79l1.8-1.79l-1.8-1.79l-1.79 1.79zM18.24 4.84l1.79-1.79l-1.79-1.79l-1.79 1.79l1.79 1.79zM12 4c.55 0 1-.45 1-1V1h-2v2c0 .55.45 1 1 1zm0 16c-.55 0-1 .45-1 1v2h2v-2c0-.55-.45-1-1-1zM12 6a6 6 0 100 12A6 6 0 0012 6z "> </ path > </ svg > < svg id ="icon-moon " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 " class ="size-5 dark:hidden "> < path fill ="currentColor " d ="M9.37 5.51A7 7 0 0012 19a7 7 0 006.49-9.37a.75.75 0 00-1.22-.29a5.5 5.5 0 01-7.61-7.61a.75.75 0 00-.29-1.22A7 7 0 009.37 5.5z "> </ path > </ svg > </ button > </ div > </ nav > </ header > < main class ="mx-auto max-w-6xl px-5 py-14 "> < section id ="about " class ="scroll-mt-20 pt-8 pb-14 "> < div class ="mx-auto max-w-6xl "> < div class ="grid md:grid-cols-[16rem_1fr] gap-12 items-center "> < div class ="relative inline-grid place-items-center shrink-0 "> < div class ="rounded-full p-1.5 bg-gradient-to-br from-sky-400 via-cyan-400 to-blue-600 shadow-lg "> < div class ="rounded-full p-1 bg-white dark:bg-slate-950 "> < img src ="/profile.jpg " alt ="Chen Yang " class ="block size-48 md:size-56 rounded-full object-cover " loading ="lazy "> </ div > </ div > </ div > < div class ="min-w-0 md:pl-2 "> < h1 class ="text-4xl md:text-5xl font-semibold leading-tight tracking-tight "> Chen Yang</ h1 > < p class ="mt-4 text-lg text-slate-600 dark:text-slate-300 "> CUHK-Shenzhen · Electronic & Computer Engineering · Undergraduate</ p > < p class ="mt-5 max-w-3xl text-lg leading-8 text-slate-600 dark:text-slate-300 "> My research interests include ML systems, computer vision, and efficient inference. Explore my publications, projects, and academic service here.</ p > < div class ="mt-7 flex gap-4 "> < a href ="/cv.pdf " class ="inline-flex items-center rounded-md bg-sky-500 px-5 py-2.5 text-base text-white hover:bg-sky-600 "> Download CV</ a > < a href ="/#publications " class ="inline-flex items-center rounded-md border border-slate-300 dark:border-slate-700 px-5 py-2.5 text-base hover:bg-slate-50 dark:hover:bg-slate-800 "> View Publications</ a > </ div > </ div > </ div > </ div > </ section > < section id ="news " class ="scroll-mt-20 py-12 border-t border-slate-200/60 dark:border-slate-800/60 "> < div class ="mx-auto max-w-6xl "> < h2 class ="text-2xl font-semibold "> Latest Updates</ h2 > < ul class ="mt-5 space-y-3 text-base "> < li class ="flex gap-3 "> < span class ="text-slate-500 w-28 shrink-0 "> 2024-12</ span > < span > One paper accepted to [Conference/Journal].</ span > </ li > < li class ="flex gap-3 "> < span class ="text-slate-500 w-28 shrink-0 "> 2024-11</ span > < span > Gave a talk at [Conference].</ span > </ li > < li class ="flex gap-3 "> < span class ="text-slate-500 w-28 shrink-0 "> 2024-10</ span > < span > Received [Award].</ span > </ li > </ ul > </ div > </ section > < section id ="publications " class ="scroll-mt-20 py-12 border-t border-slate-200/60 dark:border-slate-800/60 "> < div class ="mx-auto max-w-6xl "> < h2 class ="text-2xl font-semibold "> Selected Publications</ h2 > < div class ="mt-7 grid md:grid-cols-2 gap-7 "> < article class ="rounded-lg border border-slate-200 dark:border-slate-700 p-6 hover:shadow-md transition "> < h3 class ="text-lg font-medium "> Paper Title 1</ h3 > < p class ="mt-1 text-sm text-slate-500 "> Chen Yang, Co-author 1, Co-author 2 · 2024</ p > < p class ="mt-3 text-base "> Short abstract. Motivation, contribution and results.</ p > < div class ="mt-4 flex flex-wrap gap-3 text-base "> < a class ="text-sky-600 hover:underline " href ="# "> Paper</ a > < a class ="text-sky-600 hover:underline " href ="# "> Code</ a > < a class ="text-sky-600 hover:underline " href ="# "> Demo</ a > </ div > </ article > < article class ="rounded-lg border border-slate-200 dark:border-slate-700 p-6 hover:shadow-md transition "> < h3 class ="text-lg font-medium "> Paper Title 2</ h3 > < p class ="mt-1 text-sm text-slate-500 "> Co-author 1, Chen Yang, Co-author 2 · 2023</ p > < p class ="mt-3 text-base "> Short abstract. Motivation, contribution and results.</ p > < div class ="mt-4 flex flex-wrap gap-3 text-base "> < a class ="text-sky-600 hover:underline " href ="# "> Paper</ a > < a class ="text-sky-600 hover:underline " href ="# "> Code</ a > </ div > </ article > </ div > < div class ="mt-7 "> < a href ="/publications " class ="text-base text-sky-600 hover:underline "> View all →</ a > </ div > </ div > </ section > < section id ="awards " class ="scroll-mt-20 py-12 border-t border-slate-200/60 dark:border-slate-800/60 "> < div class ="mx-auto max-w-6xl "> < h2 class ="text-2xl font-semibold "> Awards</ h2 > < div class ="mt-7 grid md:grid-cols-2 gap-7 "> < article class ="rounded-lg border border-slate-200 dark:border-slate-700 p-6 hover:shadow-md transition "> < h3 class ="text-lg font-medium "> Best Paper Award</ h3 > < p class ="mt-1 text-sm text-slate-500 "> [Conference Name] · 2024</ p > < p class ="mt-3 text-base "> Recognized for outstanding contribution and results.</ p > </ article > < article class ="rounded-lg border border-slate-200 dark:border-slate-700 p-6 hover:shadow-md transition "> < h3 class ="text-lg font-medium "> Scholarship</ h3 > < p class ="mt-1 text-sm text-slate-500 "> [Scholarship Name] · 2023</ p > < p class ="mt-3 text-base "> Awarded for academic excellence and leadership.</ p > </ article > </ div > </ div > </ section > < section id ="miscellaneous " class ="scroll-mt-20 py-12 border-t border-slate-200/60 dark:border-slate-800/60 "> < div class ="mx-auto max-w-6xl "> < h2 class ="text-2xl font-semibold "> Miscellaneous</ h2 > < div class ="mt-5 space-y-4 text-base leading-8 text-slate-700 dark:text-slate-300 "> < p >
8+ I am good at basketball and a fan of the Chinese men's basketball team. I also swim and can play table tennis.
9+ </ p > < p >
10+ I enjoy playing < a href ="https://genshin.hoyoverse.com/en/ " target ="_blank " rel ="noopener " class ="text-sky-600 hover:underline "> Genshin Impact</ a > — Klee and Paimon are my favorite characters — and I think the game has a very warm and beautiful story.
11+ </ p > < p >
12+ When I was a child, I studied piano for many years and passed the Central Conservatory of Music Amateur Level 6 exam, though I've forgotten a lot now.
13+ </ p > < p >
14+ In addition, I like physics and Classical Chinese. Welcome to contact me for any reasons!
15+ </ p > </ div > </ div > </ section > < section id ="
contact "
class ="
scroll-mt-20 py-12 border-t border-slate-200/60 dark:border-slate-800/60 "
> < div class ="
mx-auto max-w-6xl "
> < h2 class ="
text-2xl font-semibold "
> Contact
</ h2 > < ul class ="
mt-5 space-y-2 text-base "
> < li > Email:
[email protected] </ li > < li > GitHub:
< a class ="
text-sky-600 hover:underline "
href ="
https://github.com/yangchen73 "
target ="
_blank "
rel ="
noopener "
> yangchen73
</ a > </ li > < li > Google Scholar:
< a class ="
text-sky-600 hover:underline "
href ="
# "
target ="
_blank "
rel ="
noopener "
> Profile
</ a > </ li > </ ul > </ div > </ section > </ main > < footer class ="
border-t border-slate-200/60 dark:border-slate-800/60 py-10 "
> < div class ="
mx-auto max-w-6xl px-5 text-sm text-slate-500 dark:text-slate-400 "
> 16+ © 2025 Chen Yang. All rights reserved.
17+ </ div > </ footer > < script >
18+ const btn = document . getElementById ( 'theme-toggle' ) ;
19+ btn ?. addEventListener ( 'click' , ( ) => {
20+ const next = document . documentElement . dataset . theme === 'dark' ? 'light' : 'dark' ;
21+ document . documentElement . dataset . theme = next ;
22+ localStorage . setItem ( 'theme' , next ) ;
23+ } ) ;
24+
25+ // Smooth scroll for same-page anchors from navbar
26+ document . querySelectorAll ( 'nav a[href^="/#"]' ) . forEach ( ( a ) => {
27+ a . addEventListener ( 'click' , ( e ) => {
28+ const href = ( e . currentTarget ) . getAttribute ( 'href' ) ;
29+ if ( ! href ) return ;
30+ const id = href . replace ( '/#' , '' ) ;
31+ const el = document . getElementById ( id ) ;
32+ if ( el ) {
33+ e . preventDefault ( ) ;
34+ el . scrollIntoView ( { behavior : 'smooth' , block : 'start' } ) ;
35+ }
36+ } ) ;
37+ } ) ;
38+ </ script > </ body > </ html >
0 commit comments