PageSourceSearch

https://sijieji.github.io/

html sijieji.github.io collected 2026-10-03 09:57:04 UTC 79,190 bytes, 1,188 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en" class="scroll-smooth"><head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Sijie Ji | Caltech</title>
7    <meta name="description" content="Sijie Ji - Schmidt Science Fellow at Caltech">
8    
8<script src="https://cdn.tailwindcss.com"></script>
8
9    
9<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
9
10    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet">
11    
11<script>
12        tailwind.config = {
13            theme: {
14                extend: {
15                    fontFamily: {
16                        sans: ['Inter', 'sans-serif'],
17                        serif: ['Playfair Display', 'serif'],
18                    },
19                    colors: {
20                        coffee: {
21                            50: '#fdf8f6',
22                            100: '#f2e8e5',
23                            200: '#eaddd7',
24                            300: '#e0cec7',
25                            800: '#4a3b32',
26                            900: '#2d241e',
27                        }
28                    }
29                }
30            }
31        }
32    </script>
32
33    <style>
34        ::-webkit-scrollbar { width: 8px; }
35        ::-webkit-scrollbar-track { background: #fdf8f6; }
36        ::-webkit-scrollbar-thumb { background: #d6d3d1; border-radius: 4px; }
37        ::-webkit-scrollbar-thumb:hover { background: #a8a29e; }
38        .image-swap { position: relative; overflow: hidden; }
39        .image-swap img { transition: opacity 0.5s ease-in-out; }
40        .image-swap .hover-img { position: absolute; top: 0; left: 0; opacity: 0; }
41        .image-swap:hover .base-img { opacity: 0; }
42        .image-swap:hover .hover-img { opacity: 1; }
43    </style>
44   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap">
45    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;900&display=swap">
46<link id="all-fonts-link-font-newsreader" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Newsreader:opsz,[email protected],400..800&display=swap"><style id="all-fonts-style-font-newsreader">.font-newsreader { font-family: 'Newsreader', serif !important; }</style></head>
47<body class="bg-coffee-50 text-stone-800 antialiased font-sans selection:bg-stone-200 selection:text-stone-900">
48
49    <!-- Navigation -->
50    <nav class="fixed w-full z-50 top-0 start-0 border-b border-stone-200/60 bg-white/80 backdrop-blur-md">
51        <div class="max-w-7xl mx-auto flex flex-wrap items-center justify-between px-6 py-4">
52            <a href="#top" class="flex items-center space-x-2 group">
53                <span class="self-center whitespace-nowrap group-hover:text-stone-600 transition-colors text-lg font-semibold text-stone-900 tracking-tight">Sijie Ji | Caltech</span>
54            </a>
55            
56            <div class="flex md:order-2 space-x-3 rtl:space-x-reverse">
57                <a href="./pdf/CV_Sijie_website.pdf" target="_blank" class="hidden sm:inline-flex hover:bg-stone-800 focus:ring-4 focus:outline-none focus:ring-stone-300 transition-all items-center gap-2 text-sm font-medium text-white text-center bg-stone-900 rounded-full pt-2.5 pr-5 pb-2.5 pl-5">
58                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" class="" data-icon-set="lucide" data-lucide="file-text"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><line x1="10" y1="9" x2="8" y2="9"></line></g></svg> Curriculum Vitae
59                </a>
60                <button data-collapse-toggle="navbar-sticky" type="button" id="menu-toggle" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-stone-500 rounded-lg md:hidden hover:bg-stone-100 focus:outline-none focus:ring-2 focus:ring-stone-200">
61                    <span class="sr-only">Open main menu</span>
62                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="1em" viewBox="0 0 24 24" class="" data-icon-set="lucide" data-lucide="menu"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5h16M4 12h16M4 19h16"></path></svg>
63                </button>
64            </div>
65
66            <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-sticky">
67                <ul class="flex flex-col p-4 md:p-0 mt-4 font-medium border border-stone-100 rounded-lg bg-stone-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-transparent">
68                    <li class=""><a href="#top" class="block py-2 px-3 text-stone-900 rounded hover:bg-stone-100 md:hover:bg-transparent md:hover:text-stone-600 md:p-0 transition-colors">About</a></li>
69                    <li class=""><a href="#work" class="block hover:bg-stone-100 md:hover:bg-transparent md:hover:text-stone-600 md:p-0 transition-colors text-stone-900 rounded pt-2 pr-3 pb-2 pl-3">Research</a></li>
70                    <li class=""><a href="#Dancing" class="block hover:bg-stone-100 md:hover:bg-transparent md:hover:text-stone-600 md:p-0 transition-colors text-stone-900 rounded pt-2 pr-3 pb-2 pl-3">Lifestyle</a></li>
71                      <li class=""><a href="#contact" class="block hover:bg-stone-100 md:hover:bg-transparent md:hover:text-stone-600 md:p-0 transition-colors text-stone-900 rounded pt-2 pr-3 pb-2 pl-3">Pro-bono</a></li> </ul>
72            </div>
73        </div>
74    </nav>
75
76    <!-- Mobile Menu Script -->
77    
77<script class="">
78        const menuToggle = document.getElementById('menu-toggle');
79        const navbarSticky = document.getElementById('navbar-sticky');
80        menuToggle.addEventListener('click', () => {
81            navbarSticky.classList.toggle('hidden');
82        });
83    </script>
83
84
85    <!-- Hero Section -->
86    <section class="lg:pt-40 lg:pb-16 overflow-hidden pt-32 pb-12 relative" id="top">
87  <div class="max-w-7xl mr-auto ml-auto pr-6 pl-6">
88  <div class="grid lg:grid-cols-12 items-center">
89
90    <!-- Text Content -->
91    <div class="lg:col-span-7 order-2 lg:order-1">
92                    <div class="inline-flex gap-2 animate-pulse text-base font-medium text-rose-700 bg-rose-50 border-rose-100 border rounded-full mb-6 px-3 py-1 gap-x-3 gap-y-3 items-center">
93                        <span class="relative flex h-2 w-2">
94                            <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-rose-400 opacity-75"></span>
95                            <span class="relative inline-flex rounded-full h-2 w-2 bg-rose-500"></span>
96                        </span>
97                        Actively seeking faculty positions
98                    </div>
99
100      <h1 class="md:text-7xl leading-[1.1] text-5xl font-medium text-stone-900 tracking-tight font-newsreader mb-3">
101        Sijie Ji
102      </h1>
103
104      <h2 class="md:text-2xl text-xl font-medium text-stone-600 tracking-tight mb-6">
105        <a href="https://schmidtsciencefellows.org/fellows/" class="hover:text-stone-900 underline decoration-stone-700 underline-offset-4">
106          Schmidt Science Fellow</a>
107        <span class="mx-2 text-stone-450">|</span>
108        <a href="https://www.caltech.edu/" class="hover:text-stone-900 transition-colors">Caltech</a>
109      </h2>
110
111      <div class="mb-9 max-w-2xl">
112        <h3 class="md:text-2xl leading-snug text-xl font-bold text-stone-900 tracking-tight mb-5">
113          Building sensing-driven physical AI systems to decode real-world human states and drive proactive
114          interventions.
115        </h3>
116
117        <!-- Hero Bio: shorter, less repetitive, more PI-like -->
118        <p class="text-base text-stone-800 max-w-prose mt-4 leading-relaxed italic">
119          I develop Physical AI for human-centered cyber-physical systems, focusing on how intelligent systems can
120          reliably infer latent human states from imperfect real-world observations and act under uncertainty and
121          resource constraints.
122        </p>
123
124        <p class="text-base leading-6 text-stone-700 max-w-prose mt-3">
125          My work spans mobile, wearable, and wireless sensing and integrates learning with system-level design for
126          dependable real-world operation.
127          I work with Prof. <a href="https://www.eas.caltech.edu/people/weigao" class="hover:underline text-stone-900 font-medium">Wei Gao</a>
128          and Prof. <a href="https://www.ee.ucla.edu/mani-srivastava/" class="hover:underline text-stone-900 font-medium">Mani
129            Srivastava</a>.
130
131
132          <br>
133          <br>
134  By bridging the gap between hardware constraints and algorithmic robustness, I aim to transform healthcare from episodic clinic-centered care into continuous support embedded in daily life.
135        </p>
136      </div>
137
138      <div class="flex flex-wrap gap-4">
139        <a href="#contact" class="hover:bg-stone-800 transition-all hover:scale-105 flex items-center justify-center gap-2 shadow-stone-900/10 font-medium text-white bg-stone-900 rounded-full pt-3 pr-8 pb-3 pl-8 shadow-lg">
140          Get in Touch
141          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" data-icon-set="lucide" data-lucide="arrow-right">
142            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-7-7l7 7l-7 7"></path>
143          </svg>
144        </a>
145
146        <a href="https://scholar.google.com/citations?user=QodpJREAAAAJ" class="hover:border-stone-400 transition-all flex items-center justify-center gap-2 font-medium text-stone-700 bg-white border-stone-200 border rounded-full pt-3 pr-8 pb-3 pl-8">
147          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" data-icon-set="lucide" data-lucide="graduation-cap" class="">
148            <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
149              <path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0zM22 10v6">
150              </path>
151              <path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path>
152            </g>
153          </svg>
154          Google Scholar
155        </a>
156      </div>
157
158      <!-- Research Interests Tags: more academic, less "AI + X" -->
159      <div class="mt-10 flex flex-wrap gap-2">
160        <span class="text-base font-medium text-stone-600 bg-stone-100 rounded-full pt-1 pr-3 pb-1 pl-3">Physical AI</span>
161        <span class="text-base font-medium text-stone-600 bg-stone-100 rounded-full pt-1 pr-3 pb-1 pl-3">Cyber-Physical Systems</span>
162        <span class="text-base font-medium text-stone-600 bg-stone-100 rounded-full pt-1 pr-3 pb-1 pl-3">Mobile &amp; Ubiquitous Computing</span>
163        <span class="text-base font-medium text-stone-600 bg-stone-100 rounded-full pt-1 pr-3 pb-1 pl-3">Sensing + X</span>
164        <span class="text-base font-medium text-stone-600 bg-stone-100 rounded-full pt-1 pr-3 pb-1 pl-3">AI + Health</span>
165      </div>
166    </div>
167
168    <!-- Image Section -->
169    <div class="lg:col-span-5 order-1 lg:order-2 scale-95">
170      <div class="aspect-[3/4] overflow-hidden image-swap group w-full max-w-md border-white border-4 rounded-2xl mr-auto ml-auto relative shadow-2xl scale-100">
171        <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/8dd39412-d3c3-40bb-9209-be3a78a93ae1_800w.png" alt="Sijie Ji Portrait" class="base-img w-full h-full object-cover" onerror="this.src='https://ui-avatars.com/api/?name=Sijie+Ji&amp;background=eaddd7&amp;color=2d241e&amp;size=600'">
172    <img src="./images/Dance.png" alt="Sijie Ji Dance" class="hover-img w-full h-full object-cover scale-100" onerror="this.src='https://ui-avatars.com/api/?name=AI+Version&amp;background=2d241e&amp;color=eaddd7&amp;size=600'">
173	  </div>
174    </div>
175
176  </div>
177</div>
178
179  <!-- Background Elements -->
180  <div class="absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-[800px] h-[800px] bg-stone-100 rounded-full blur-3xl -z-10 opacity-60">
181  </div>
182  <div class="absolute bottom-0 left-0 translate-y-1/2 -translate-x-1/2 w-[600px] h-[600px] bg-coffee-100 rounded-full blur-3xl -z-10 opacity-60">
183  </div>
184</section>
185
186    <!-- Visual Quick-Glance Matrix -->
187    <section class="max-w-7xl z-10 mr-auto ml-auto pr-6 pb-20 pl-6 relative">
188  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
189
190    <div class="group flex flex-col p-8 rounded-3xl border border-stone-200/60 bg-white/50 backdrop-blur-sm hover:bg-white hover:border-stone-300 hover:shadow-xl hover:-translate-y-1 transition-all duration-500 cursor-default">
191       <iconify-icon icon="solar:smart-home-angle-outline" width="32" height="32" class="group-hover:text-stone-900 group-hover:scale-110 transition-all duration-500 text-stone-400 mb-8" style="color: rgb(28, 25, 23)"></iconify-icon>
192        <h3 class="text-xl font-bold text-stone-900 mb-1 tracking-tight">Sensing Interfaces</h3>
193      <p class="text-sm font-medium text-stone-500 mb-10 italic">Decoding Human States</p>
194
195      <div class="mt-auto space-y-3">
196        <div class="flex items-center gap-2">
197          <span class="w-1.5 h-1.5 rounded-full bg-stone-200 group-hover:bg-stone-800 transition-colors"></span>
198          <span class="text-xs font-semibold uppercase tracking-wider text-stone-400 group-hover:text-stone-600">Wireless &amp; RF Sensing</span>
199        </div>
200        <div class="flex items-center gap-2">
201          <span class="w-1.5 h-1.5 rounded-full bg-stone-200 group-hover:bg-stone-800 transition-colors"></span>
202          <span class="text-xs font-semibold uppercase tracking-wider text-stone-400 group-hover:text-stone-600">Wearable Bioelectronics</span>
203        </div>
204        <div class="flex items-center gap-2">
205          <span class="w-1.5 h-1.5 rounded-full bg-stone-200 group-hover:bg-stone-800 transition-colors"></span>
206          <span class="text-xs font-semibold uppercase tracking-wider text-stone-400 group-hover:text-stone-600">Mobile Acoustics</span>
207        </div>
208      </div>
209    </div>
210
211    <div class="group flex flex-col p-8 rounded-3xl border border-stone-200/60 bg-white/50 backdrop-blur-sm hover:bg-white hover:border-stone-300 hover:shadow-xl hover:-translate-y-1 transition-all duration-500 cursor-default">
212      <iconify-icon icon="solar:cpu-bold-duotone" width="32" height="32" class="text-stone-400 mb-8 group-hover:text-stone-900 group-hover:scale-110 transition-all duration-500"></iconify-icon>
213
214      <h3 class="text-xl font-bold text-stone-900 mb-1 tracking-tight">Physics-Aware AI</h3>
215      <p class="text-sm font-medium text-stone-500 mb-10 italic">Inference with Priors</p>
216
217      <div class="mt-auto space-y-3">
218        <div class="flex items-center gap-2">
219          <span class="w-1.5 h-1.5 rounded-full bg-stone-200 group-hover:bg-stone-800 transition-colors"></span>
220          <span class="text-xs font-semibold uppercase tracking-wider text-stone-400 group-hover:text-stone-600">Physical Inductive Biases</span>
221        </div>
222        <div class="flex items-center gap-2">
223          <span class="w-1.5 h-1.5 rounded-full bg-stone-200 group-hover:bg-stone-800 transition-colors"></span>
224          <span class="text-xs font-semibold uppercase tracking-wider text-stone-400 group-hover:text-stone-600">Biomechanical Constraints</span>
225        </div>
226        <div class="flex items-center gap-2">
227          <span class="w-1.5 h-1.5 rounded-full bg-stone-200 group-hover:bg-stone-800 transition-colors"></span>
228          <span class="text-xs font-semibold uppercase tracking-wider text-stone-400 group-hover:text-stone-600">Robust OOD Generalization</span>
229        </div>
230      </div>
231    </div>
232
233    <div class="group flex flex-col p-8 rounded-3xl border border-stone-200/60 bg-white/50 backdrop-blur-sm hover:bg-white hover:border-stone-300 hover:shadow-xl hover:-translate-y-1 transition-all duration-500 cursor-default">
234      <iconify-icon icon="solar:infinity-bold-duotone" width="32" height="32" class="text-stone-400 mb-8 group-hover:text-stone-900 group-hover:scale-110 transition-all duration-500"></iconify-icon>
235
236      <h3 class="text-xl font-bold text-stone-900 mb-1 tracking-tight">Closed-loop CPS</h3>
237      <p class="text-sm font-medium text-stone-500 mb-10 italic">Actionable Intelligence</p>
238
239      <div class="mt-auto space-y-3">
240        <div class="flex items-center gap-2">
241          <span class="w-1.5 h-1.5 rounded-full bg-stone-200 group-hover:bg-stone-800 transition-colors"></span>
242          <span class="text-xs font-semibold uppercase tracking-wider text-stone-400 group-hover:text-stone-600">Edge LLM Interventions</span>
243        </div>
244        <div class="flex items-center gap-2">
245          <span class="w-1.5 h-1.5 rounded-full bg-stone-200 group-hover:bg-stone-800 transition-colors"></span>
246          <span class="text-xs font-semibold uppercase tracking-wider text-stone-400 group-hover:text-stone-600">Resource-Efficient Design</span>
247        </div>
248        <div class="flex items-center gap-2">
249          <span class="w-1.5 h-1.5 rounded-full bg-stone-200 group-hover:bg-stone-800 transition-colors"></span>
250          <span class="text-xs font-semibold uppercase tracking-wider text-stone-400 group-hover:text-stone-600">Dependable Feedback Control</span>
251        </div>
252      </div>
253    </div>
254
255  </div>
256</section>
257
258
259    <!-- News Section -->
260    <section class="border-y bg-white border-stone-200 pt-16 pb-16">
261        <div class="max-w-4xl mx-auto px-6">
262    <div class="flex items-center gap-3 mb-8">
263        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="text-stone-900" style="" data-icon-set="lucide" data-lucide="bell">
264            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.268 21a2 2 0 0 0 3.464 0m-10.47-5.674A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326">
265            </path>
266        </svg>
267        <h3 class="text-2xl font-semibold text-stone-900 tracking-tight">News</h3>
268    </div>
269<ul id="news-list" class="space-y-4">
270
271
272    <div class="space-y-4 relative">
273        <ul id="news-list" class="space-y-4">
274            <!-- News Items -->
275
276			 <li class="flex gap-4 items-start text-sm text-stone-600">
277                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[9/26]</span>
278                <span class="">Our paper, <strong>Act&middot;ONOMY</strong>, a hierarchical taxonomy for interpreting agent behavior, has been accepted to NeurIPS 2026.</span>
279             </li>
280
281			 <li class="flex gap-4 items-start text-sm text-stone-600">
282                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[9/26]</span>
283                <span class="">Gave a guest lecture in DATA 890 (graduate-level) at the University of North Carolina at Chapel Hill.</span>
284             </li>
285
286			 <li class="flex gap-4 items-start text-sm text-stone-600">
287                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[8/26]</span>
288                <span class="">Our paper on LLM for wireless communication has been accepted to EMNLP. Congrats to Yiwei!</span>
289             </li>
290
291			 <li class="flex gap-4 items-start text-sm text-stone-600">
292                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[8/26]</span>
293                <span class="">Invited to serve as Publicity Chair for BuildSys'27. We welcome your paper submissions!</span>
294             </li>
295
296			 <li class="flex gap-4 items-start text-sm text-stone-600">
297                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[7/26]</span>
298                <span class="">We are organizing the <a href="https://iab-agents.github.io/" target="_blank" rel="noopener noreferrer"><strong>Interpreting Agent Behavior workshop</strong></a> @ NeurIPS 2026. We welcome your paper submissions!</span>
299             </li>
300
301			 <li class="flex gap-4 items-start text-sm text-stone-600">
302                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[7/26]</span>
303                <span class="">Invited to serve as a TPC member of MobiCom 2027. We welcome your submissions!</span>
304             </li>
305
306			 <li class="flex gap-4 items-start text-sm text-stone-600">
307                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[6/26]</span>
308                <span class="">Gave an invited talk at the NSF Athena AI Institute's Athena Seminar Series at Duke University.</span>
309             </li>
310
311			 <li class="flex gap-4 items-start text-sm text-stone-600">
312                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[5/26]</span>
313                <span class="">Our paper has been accepted in principle by <strong>Nature Sensors</strong>. Congratulations to all collaborators!</span>
314             </li>
315
316			 <li class="flex gap-4 items-start text-sm text-stone-600">
317                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[4/26]</span>
318                <span class="">Our work on Spiking Neural Networks for mmWave Sensing has been accepted to ICML. Congrats to the team!</span>
319             </li>
320
321			         <li class="flex gap-4 items-start text-sm text-stone-600">
322                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[4/26]</span>
323                <span class=""> We are co-organizing the
324    <a href="https://humansys-workshop.github.io/2026/" target="_blank" rel="noopener noreferrer"><strong>HumanSys</a></strong>
325    and
326    <a href="https://mobidx.health/" target="_blank" rel="noopener noreferrer"><strong>MobiDx</a></strong>
327    workshops at MobiCom 2026. We warmly welcome submissions!
328</span>
329             </li>
330             
331                <li class="flex gap-4 items-start text-sm text-stone-600">
332                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[3/26]</span>
333                <span class="">Selected as <a href="https://mhti.md2k.org/">NIH mHealth Training Institute Scholar</a></span>
334             </li>
335
336			    <li class="flex gap-4 items-start text-sm text-stone-600">
337                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[2/26]</span>
338                <span class="">Our work, AquaCode, which turns transaction platforms into non-invasive liquid quality checkers, is accepted to MobiSys 2026!</span>
339             </li>
340             <li class="flex gap-4 items-start text-sm text-stone-600">
341                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[1/26]</span>
342                <span class="">Papers are accepted by IEEE TMC & ICASSP 2026. Congrats to the team!</span>
343             </li>
344                <li class="flex gap-4 items-start text-sm text-stone-600">
345                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[1/26]</span>
346                <span class="">Give a guest lecture, CSE 5360 Artificial Intelligence (Graduate-level), at the University of Texas at Arlington.</span>
347            </li>
348             <li class="flex gap-4 items-start text-sm text-stone-600">
349                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[11/25]</span>
350                <span class="">Invited to serve as TPC member of <a href="https://esweek.org/emsoft_cfp/"><strong>EMSOFT 2026</a></strong>.</span>
351            </li>
352            <li class="flex gap-4 items-start text-sm text-stone-600">
353                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[09/25]</span>
354                <span class="">GSRF is accepted by NeurIPS 2025 as a spotlight (~3.19%). Congrats to Kang! See you in SD!</span>
355            </li>
356            <li class="flex gap-4 items-start text-sm text-stone-600">
357                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[07/25]</span>
358                <span class="">Papers are accepted by IEEE TMC & ACM MM. Congrats to Xinzhe and Sheng!</span>
359            </li>
360            <li class="flex gap-4 items-start text-sm text-stone-600">
361                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[06/25]</span>
362                <span class="">Invited to serve as TPC member of <a href="https://sensys.acm.org/2026/"><strong>Sensys 2026</strong></a>. Welcome to submit papers!</span>
363            </li>
364            <li class="flex gap-4 items-start text-sm text-stone-600">
365                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[05/25]</span>
366                <span class="">LLM + Mental Health papers are accepted by SenSys (poster), ACL 2025. Congrats to the team!</span>
367            </li>
368            <li class="flex gap-4 items-start text-sm text-stone-600">
369                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[05/25]</span>
370                <span class="">Invited to serve as TPC member of MobiCom Demo, MobiCom Poster and BodySys 2025.</span>
371            </li>
372
373            <!-- Hidden Items -->
374            <div id="more-news" class="space-y-4 hidden">
375                <li class="flex gap-4 items-start text-sm text-stone-600">
376                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[04/25]</span>
377                    <span class="">Invited to serve as a co-Chair for <a href="https://buildsys.acm.org/2025/"><strong>BuildSys 2025</strong></a>.</span>
378                </li>
379                <li class="flex gap-4 items-start text-sm text-stone-600">
380                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[04/25]</span>
381                    <span class="">Papers accepted to ACM IMWUT / Ubicomp, IEEE Comm Mag, ICC. Congrats to Luca, Senthil and Man!</span>
382                </li>
383                <li class="flex gap-4 items-start text-sm text-stone-600">
384                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[02/25]</span>
385                    <span class="">Invited to serve as TPC member of EMSOFT, ESWeek'25.</span>
386                </li>
387                <li class="flex gap-4 items-start text-sm text-stone-600">
388                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[01/25]</span>
389                    <span class="">Give an invited seminar at UC Merced.</span>
390                </li>
391                <li class="flex gap-4 items-start text-sm text-stone-600">
392                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[01/25]</span>
393                    <span class="">NeurIT is accepted by ICRA 2025. Congrats to Xinzhe!</span>
394                </li>
395
396
397                <li class="flex gap-4 items-start text-sm text-stone-600">
398                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[12/24]</span>
399                    <span>Invited to serve as a TPC member of FMSys 2025 and Shadow TPC of CoNEXT 2025.</span>
400                </li>
401
402                <li class="flex gap-4 items-start text-sm text-stone-600">
403                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[11/24]</span>
404                    <span class="inline-flex items-center gap-2">
405                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-rose-600" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
406                            <rect x="3" y="4" width="18" height="18" rx="2"></rect>
407                            <path d="M16 2v4M8 2v4M3 10h18"></path>
408                        </svg>
409                        <span>We are organizing <a href="https://humansys-workshop.github.io/WS/2025/index.html"><strong>HumanSys 2025</strong></a>.</span>
410                    </span>
411                </li>
412
413                <li class="flex gap-4 items-start text-sm text-stone-600">
414                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[10/24]</span>
415                    <span>Invited to serve as a TPC member of <a href="https://www.sigmobile.org/mobisys/2025/"><strong>MobiSys 2025</strong></a>.</span>
416                </li>
417
418                <li class="flex gap-4 items-start text-sm text-stone-600">
419                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[07/24]</span>
420                    <span>Gave an invited talk at Peking University.</span>
421                </li>
422
423                <li class="flex gap-4 items-start text-sm text-stone-600">
424                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[07/24]</span>
425                    <span>RS-BNN is accepted by IEEE TVT.</span>
426                </li>
427
428                <li class="flex gap-4 items-start text-sm text-stone-600">
429                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[06/24]</span>
430                    <span>Invited to serve as a TPC member of ICPADS 2024 and a session chair of ICDCS 2024. See you in NYC!</span>
431                </li>
432
433                <li class="flex gap-4 items-start text-sm text-stone-600">
434                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[04/24]</span>
435                    <span>MuSAC is accepted by ICDCS 2024.</span>
436                </li>
437
438                <li class="flex gap-4 items-start text-sm text-stone-600">
439                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[04/24]</span>
440                    <span>Selected as a CPS Rising Star.</span>
441                    </li>
442                <li class="flex gap-4 items-start text-sm text-stone-600">
443                    <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[04/24]</span>
444                    <span class="">Honored to join <a href="#" class="underline">Schmidt Science Fellows 2024 cohort!</a></span>
445                </li>
446                <li class="flex gap-4 items-start text-sm text-stone-600">
447                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[02/24]</span>
448                <span>
449                Invited to serve as Co-Chair for the
450                <a href="https://buildsys.acm.org/2024/doctoral_colloquium/">2024 SenSys/BuildSys Joint Ph.D. Forum</a>,
451                and as an AEC member for MobiCom 2024.
452                </span>
453            </li>
454
455            <li class="flex gap-4 items-start text-sm text-stone-600">
456                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[12/23]</span>
457                <span>
458                BG-BERT is accepted by ICASSP 2024.
459                <a href="https://github.com/aiot-lab/BG-BERT#bg-bert">Code available</a>.
460                </span>
461            </li>
462
463            <li class="flex gap-4 items-start text-sm text-stone-600">
464                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[10/23]</span>
465                <span>
466                Selected for the N2Women Young Researcher Fellowship and organized the N2Women event at SenSys 2023.
467                </span>
468            </li>
469
470            <li class="flex gap-4 items-start text-sm text-stone-600">
471                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[10/23]</span>
472                <span>
473                HandFi is accepted by SenSys 2023 and has been filed as a patent.
474                </span>
475            </li>
476
477            <li class="flex gap-4 items-start text-sm text-stone-600">
478                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[09/23]</span>
479                <span>
480                Joined HKU. Hit me up when you are in Hong Kong!
481                </span>
482            </li>
483
484            <li class="flex gap-4 items-start text-sm text-stone-600">
485                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[09/23]</span>
486                <span>
487                Honored to be listed in the
488                <a href="https://www.scs.org.sg/awards/sg100wit/profile?id=326">Singapore 100 Women in Tech</a>.
489                </span>
490            </li>
491
492            <li class="flex gap-4 items-start text-sm text-stone-600">
493                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[08/23]</span>
494                <span>
495                Gave invited talks at Zhejiang University and Zhejiang Lab.
496                </span>
497            </li>
498
499            <li class="flex gap-4 items-start text-sm text-stone-600">
500                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[07/23]</span>
501                <span>
502                Spent a wonderful month at ShanghaiTech University.
503                </span>
504            </li>
505
506            <li class="flex gap-4 items-start text-sm text-stone-600">
507                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[06/23]</span>
508                <span>
509                Successfully defended my Ph.D. thesis.
510                </span>
511            </li>
512
513            <li class="flex gap-4 items-start text-sm text-stone-600">
514                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[01/23]</span>
515                <span>
516                JPTS is accepted by ICC 2023.
517                </span>
518            </li>
519
520            <li class="flex gap-4 items-start text-sm text-stone-600">
521                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[12/22]</span>
522                <span>
523                Gave an invited Student Lecture Series talk on SiFall.
524                <a href="https://www.youtube.com/watch?v=v_8pVKWeCIo&t=114s">Video available</a>.
525                </span>
526            </li>
527
528            <li class="flex gap-4 items-start text-sm text-stone-600">
529                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[10/22]</span>
530                <span>
531                SiFall is accepted by SenSys 2022.
532                </span>
533            </li>
534
535            <li class="flex gap-4 items-start text-sm text-stone-600">
536                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[01/22]</span>
537                <span>
538                Gave an invited Student Lecture Series talk on CLNet.
539                <a href="http://youtu.be/2VhMdyQfvgU">Video available</a>.
540                </span>
541            </li>
542
543            <li class="flex gap-4 items-start text-sm text-stone-600">
544                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[10/21]</span>
545                <span>
546                1st runner-up in the Masked Face Recognition Challenge, ICCV 2021.
547                </span>
548            </li>
549
550            <li class="flex gap-4 items-start text-sm text-stone-600">
551                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[07/21]</span>
552                <span>
553                CLNet is accepted by IEEE Wireless Communications Letters.
554                </span>
555            </li>
556
557            <li class="flex gap-4 items-start text-sm text-stone-600">
558                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[06/20]</span>
559                <span>
560                2nd runner-up in the AI Meets Beauty Challenge, ACM MM 2020.
561                </span>
562            </li>
563
564            <li class="flex gap-4 items-start text-sm text-stone-600">
565                <span class="font-bold text-stone-900 shrink-0 min-w-[60px]">[05/20]</span>
566                <span>
567                2nd runner-up in the EmotioNet Challenge, CVPR 2020.
568                </span>
569            </li>
570
571            </div>
572        </ul>
573
574        <button class="uppercase hover:text-stone-600 hover:border-stone-600 transition-colors text-xs font-semibold text-stone-900 tracking-wider border-stone-900 border-b mt-4 pb-0.5" id="toggle-news-btn">Show More</button>
575    </div>
576</div>
577    </section>
578
579    <!-- Selected Publications (Work) -->
580 <section class="max-w-7xl mr-auto ml-auto pt-24 pr-6 pb-24 pl-6" id="work">
581    <div class="text-center mb-16">
582    <h2 class="text-3xl md:text-4xl font-semibold text-stone-900 tracking-tight mb-4 font-serif">Selected
583        Publications</h2>
584    <p class="text-stone-500 max-w-lg mx-auto text-sm">
585        * denotes co-first/corresponding author. ^ denotes mentored students.
586    </p>
587</div>
588
589  <div class="grid grid-cols-1 md:grid-cols-2 gap-8 gap-x-8 gap-y-8">
590  <div class="group p-6 rounded-2xl border border-stone-200 bg-white hover:border-stone-400 hover:shadow-lg transition-all flex flex-col sm:flex-row gap-6">
591    <div class="w-full h-48 sm:w-32 sm:h-32 shrink-0 bg-stone-100 rounded-lg overflow-hidden">
592      <img src="./images/figure.png" alt="Nature Sensors lipid profiling" class="w-full h-full object-contain mix-blend-multiply opacity-80 group-hover:opacity-100 transition-opacity">
593    </div>
594    <div class="flex-1">
595      <div class="mb-2">
596        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-bold bg-stone-900 text-white">Nature Sensors</span>
597      </div>
598      <h3 class="text-lg font-bold text-stone-800 mb-2 leading-tight">Noninvasive continuous lipid profiling via cofactor-refreshing cascading enzymatic reactions and causal machine learning</h3>
599      <p class="text-xs text-stone-600 mb-3">Jos&eacute; A. Lasalde-Ram&iacute;rez*, Chihyeong Won*, <span class="font-bold text-stone-900">Sijie Ji*</span>, &hellip;, Wei Gao*</p>
600      <div class="flex flex-wrap items-start gap-3 text-[10px] uppercase font-bold text-stone-400 tracking-widest gap-x-3 gap-y-3">
601        <details class="text-xs text-stone-600">
602          <summary class="cursor-pointer inline-flex text-[10px] uppercase font-bold text-stone-400 tracking-widest hover:text-stone-900 transition-colors">Full Authors</summary>
603          <p class="mt-2 leading-relaxed normal-case font-normal tracking-normal">Jos&eacute; A. Lasalde-Ram&iacute;rez*, Chihyeong Won*, <span class="font-bold text-stone-900">Sijie Ji*</span>, Soyoung Shin, Robin M. McDonald, Katherine Karish, Gwangmook Kim, Hong Han, Daniel Mukasa, Brian Arianpour, Yu Song, Jieping Yang, Tzung K. Hsiai, Zhaoping Li, Taeyoon Lee, Juliane R. Sempionatto* &amp; Wei Gao*</p>
604        </details>
605        <span class="text-stone-300">&middot;</span>
606        <a href="https://www.nature.com/articles/s44460-026-00117-0" target="_blank" rel="noopener noreferrer" class="text-stone-400 hover:text-stone-900 transition-colors">
607          Article
608        </a>
609      </div>
610    </div>
611  </div>
612
613  <div class="group p-6 rounded-2xl border border-stone-200 bg-white hover:border-stone-400 hover:shadow-lg transition-all flex flex-col sm:flex-row gap-6">
614    <div class="w-full h-48 sm:w-32 sm:h-32 shrink-0 bg-stone-100 rounded-lg overflow-hidden">
615      <img src="./images/aquacode.png" alt="AquaCode" class="w-full h-full object-contain mix-blend-multiply opacity-80 group-hover:opacity-100 transition-opacity">
616    </div>
617    <div class="flex-1">
618      <div class="mb-2">
619        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-bold bg-stone-900 text-white">MobiSys 2026</span>
620      </div>
621      <h3 class="text-lg font-bold text-stone-800 mb-2 leading-tight">AquaCode: Turning Transaction Platforms into Non-Invasive Liquid Quality Checker</h3>
622      <p class="text-xs text-stone-600 mb-3"><span class="font-bold text-stone-900">Sijie Ji*</span>, Sheng Lyu*, Wenjian Li, Wei Gao</p>
623      <div class="flex gap-3 text-[10px] uppercase font-bold text-stone-400 tracking-widest gap-x-3 gap-y-3">
624        <a href="https://dl.acm.org/doi/pdf/10.1145/3745756.3809225" class="text-stone-400 hover:text-stone-900 transition-colors">
625          PDF
626        </a>
627        ·
628        <a href="./aquacode-deck.bundle.html" class="text-stone-400 hover:text-stone-900 transition-colors">
629          PPT
630        </a>
631        ·
632        <a href="https://sijieji.github.io/aquacode-deck.bundle.html#21" class="text-stone-400 hover:text-stone-900 transition-colors">
633          Demo
634        </a>
635      </div>
636    </div>
637  </div>
638
639  <div class="group p-6 rounded-2xl border-2 border-stone-900 bg-white hover:shadow-xl transition-all relative overflow-hidden">
640    <div class="absolute top-0 right-0 bg-stone-900 text-white text-[10px] font-bold px-3 py-1 rounded-bl-lg uppercase tracking-widest">
641      Under Revision</div>
642    <div class="flex flex-col sm:flex-row gap-6">
643      <div class="w-full h-48 sm:w-32 sm:h-32 shrink-0 bg-stone-50 border border-stone-100 rounded-lg overflow-hidden flex items-center justify-center">
644        <img src="https://placehold.co/600x400/f5f5f4/44403c?text=Science+Revision" alt="Science Project" class="w-full h-full object-contain mix-blend-multiply opacity-90 group-hover:opacity-100 transition-opacity">
645      </div>
646      <div class="flex-1">
647        <div class="mb-2">
648          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-bold bg-stone-900 text-white">Science</span>
649        </div>
650        <h3 class="leading-tight text-lg font-bold text-stone-800 mb-2">Decoding Non-Invasive Molecular Signatures of Pain via Nanophotonic Mass Spectrometry</h3>
651        <p class="text-xs text-stone-600 mb-3">Moon-Ju Kim*, <span class="font-bold text-stone-900">Sijie Ji*</span> ,…,
652  Wei
653  Gao</p>
654
655        <div class="flex gap-3 text-[10px] font-bold text-stone-400 uppercase tracking-widest">
656          PDF · Project
657        </div>
658      </div>
659    </div>
660  </div>
661
662  <div class="group p-6 rounded-2xl border border-stone-200 bg-white hover:border-stone-400 hover:shadow-lg transition-all flex flex-col sm:flex-row gap-6">
663    <div class="w-full h-48 sm:w-32 sm:h-32 shrink-0 bg-stone-100 rounded-lg overflow-hidden">
664      <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/c5e95443-79ea-48c7-b46b-b7a872dfc765_1600w.png" alt="MuSAC" class="w-full h-full object-contain mix-blend-multiply opacity-80 group-hover:opacity-100 transition-opacity">
665    </div>
666    <div class="flex-1">
667  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-bold bg-stone-900 text-white">TMC 2026 </span>
668  <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[11px] font-bold bg-stone-100 text-stone-800 uppercase mb-2">ICDCS 2024</span>
669  <h3 class="text-lg font-bold text-stone-800 mb-2 leading-tight">MuSAC: Toward Communication-Free Sensory Data
670    Acquisition</h3>
671  <p class="text-xs text-stone-600 mb-3"><span class="font-bold text-stone-900">Sijie Ji</span>, Yiwei
672    Wang^, Lixiang Lian</p>
673  <div class="flex gap-3 text-[10px] uppercase font-bold text-stone-400 tracking-widest gap-x-3 gap-y-3">
674  <a href="./pdf/MuSAC_Toward_Communication-Free_Sensory_Data_Acquisition.pdf" class="text-stone-400 hover:text-stone-900 transition-colors">
675    PDF
676  </a>
677</div>
678</div>
679  </div>
680  <div class="group hover:border-stone-400 hover:shadow-lg transition-all flex flex-col sm:flex-row gap-6 bg-white border-stone-200 border rounded-2xl pt-6 pr-6 pb-6 pl-6 gap-x-6 gap-y-6">
681    <div class="w-full h-48 sm:w-32 sm:h-32 shrink-0 bg-stone-100 rounded-lg overflow-hidden">
682      <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/89a44f50-4a3b-47c9-a460-bfb5f7d6117b_800w.png" alt="ProMind" class="w-full h-full object-contain mix-blend-multiply opacity-80 group-hover:opacity-100 transition-opacity">
683    </div>
684    <div class="flex-1">
685      <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-bold bg-stone-900 text-white">Tech Report</span>
686      <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[11px] font-bold bg-stone-100 text-stone-800 mb-2">ACL 2025</span>
687      <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[11px] font-bold bg-stone-100 text-stone-800 mb-2">SenSys 2025</span>
688      <h3 class="text-lg font-bold text-stone-800 mb-2 leading-tight">Mindguard: Towards Accessible and Stigma-free
689        Mental
690        Health First Aid via Edge LLM</h3>
691      <p class="text-xs text-stone-600 mb-3"><span class="font-bold text-stone-900">Sijie Ji</span>, Xinzhe Zheng*^,
692        Jiawei
693        Sun^, Renqi Chen^, Wei Gao, Mani Srivastava</p>
694      <div class="flex gap-3 text-[10px] uppercase font-bold text-stone-400 tracking-widest gap-x-3 gap-y-3">
695  <a href="https://arxiv.org/pdf/2409.10064?" class="text-stone-400 hover:text-stone-900 transition-colors">
696    PDF
697  </a>
698  ·
699  <a href="https://aclanthology.org/2025.findings-acl.1033.pdf" class="text-stone-400 hover:text-stone-900 transition-colors">
700    PDF
701  </a>
702  ·
703  <a href="YOUR_PDF_LINK" class="text-stone-400 hover:text-stone-900 transition-colors">
704    Project
705  </a>
706</div>
707    </div>
708  </div>
709
710  <div class="group p-6 rounded-2xl border border-stone-200 bg-white hover:border-stone-400 hover:shadow-lg transition-all flex flex-col sm:flex-row gap-6">
711    <div class="w-full h-48 sm:w-32 sm:h-32 shrink-0 bg-stone-100 rounded-lg overflow-hidden">
712      <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/1a33816b-0eec-45f6-8a00-58dac3fde4b1_1600w.png" alt="HandFi" class="w-full h-full object-contain mix-blend-multiply opacity-80 group-hover:opacity-100 transition-opacity">
713    </div>
714    <div class="flex-1">
715      <div class="mb-2">
716        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-bold bg-stone-900 text-white">SenSys 2023</span>
717      </div>
718      <h3 class="text-lg font-bold text-stone-800 mb-2 leading-tight">Construct 3D Hand Skeleton with Commercial WiFi
719      </h3>
720      <p class="text-xs text-stone-600 mb-3"><span class="font-bold text-stone-900">Sijie Ji</span>, Xuanye Zhang^, Yuanqing Zheng, Mo Li</p>
721      <div class="flex gap-3 text-[10px] uppercase font-bold text-stone-400 tracking-widest gap-x-3 gap-y-3">
722  <a href="https://dl.acm.org/doi/pdf/10.1145/3625687.3625812" class="text-stone-400 hover:text-stone-900 transition-colors">
723    PDF
724  </a>
725  ·
726  <a href="https://sijieji.github.io/HandFi.html" class="text-stone-400 hover:text-stone-900 transition-colors">
727    Project
728  </a>
729  ·
730  <a href="https://github.com/SIJIEJI/HandFi" class="text-stone-400 hover:text-stone-900 transition-colors">
731    Code
732  </a>
733										
734</div>
735    </div>
736  </div>
737
738
739
740  <div class="group p-6 rounded-2xl border border-stone-200 bg-white hover:border-stone-400 hover:shadow-lg transition-all flex flex-col sm:flex-row gap-6">
741  <div class="w-full h-48 sm:w-32 sm:h-32 shrink-0 bg-stone-100 rounded-lg overflow-hidden">
742    <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/d497028e-64af-4ed0-8332-4d225b5d1e92_1600w.png" alt="SiFall" class="w-full h-full object-contain mix-blend-multiply opacity-80 group-hover:opacity-100 transition-opacity">
743  </div>
744  <div class="flex-1">
745  <div class="mb-2">
746    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-bold bg-stone-900 text-white">SenSys 2022</span>
747  </div>
748  <h3 class="text-lg font-bold text-stone-800 mb-2 leading-tight">SiFall: Practical Online Fall Detection with RF
749    Sensing
750  </h3>
751  <p class="text-xs text-stone-600 mb-3"><span class="font-bold text-stone-900">Sijie Ji</span>,
752    Yaxiong Xie, Mo Li</p>
753  <div class="flex gap-3 text-[10px] uppercase font-bold text-stone-400 tracking-widest gap-x-3 gap-y-3">
754  <a href="https://dl.acm.org/doi/pdf/10.1145/3560905.3568517" class="text-stone-400 hover:text-stone-900 transition-colors">
755    PDF
756  </a>
757  ·
758  <a href="https://youtu.be/v_8pVKWeCIo?t=1468" class="text-stone-400 hover:text-stone-900 transition-colors">
759    Demo
760  </a>
761</div>
762</div>
763</div>
764
765  <div class="group p-6 rounded-2xl border-2 border-stone-900 bg-white hover:shadow-xl transition-all relative overflow-hidden">
766    <div class="absolute top-0 right-0 bg-stone-900 text-white text-[10px] font-bold px-3 py-1 rounded-bl-lg uppercase tracking-widest">
767      Highly Cited</div>
768    <div class="flex flex-col sm:flex-row gap-6">
769      <div class="w-full h-48 sm:w-32 sm:h-32 shrink-0 bg-stone-50 border border-stone-100 rounded-lg overflow-hidden flex items-center justify-center">
770        <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/fabf6232-8707-44e4-abe5-848e87eca817_800w.png" alt="CLNet" class="group-hover:opacity-100 transition-opacity opacity-80 mix-blend-multiply w-full h-full object-auto" onerror="this.src='https://placehold.co/200x200/eaddd7/4a3b32?text=Paper'">
771      </div>
772      <div class="flex-1">
773        <div class="mb-2">
774          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-bold bg-stone-900 text-white">WCL 2021</span>
775        </div>
776        <h3 class="text-lg font-bold text-stone-800 mb-2 leading-tight">CLNet: Complex Input Lightweight
777          Neural Network for CSI Feedback</h3>
778        <p class="text-xs text-stone-600 mb-3"><span class="font-bold text-stone-900">Sijie Ji</span>, Mo Li</p>
779
780        <div class="flex gap-3 text-[10px] uppercase font-bold text-stone-400 tracking-widest gap-x-3 gap-y-3">
781  <a href="./pdf/CLNet_Complex_Input_Lightweight_Neural_Network_Designed_for_Massive_MIMO_CSI_Feedback.pdf" class="text-stone-400 hover:text-stone-900 transition-colors">
782    PDF
783  </a>
784
785  ·
786  <a href="https://github.com/SIJIEJI/CLNet" class="text-stone-400 hover:text-stone-900 transition-colors">
787    Code
788  </a>
789</div>
790      </div>
791    </div>
792  </div>
793</div>
794
795    <!-- Additional Papers List (Simplified) -->
796    <div class="mt-12 bg-stone-50 p-8 rounded-3xl border border-stone-100">
797        <h3 class="text-lg font-semibold text-stone-900 mb-6">More Publications</h3>
798        <ul class="space-y-4 text-sm text-stone-600">
799            <li class="flex gap-2 gap-x-2 gap-y-2">
800  <span class="font-bold text-stone-800">[ICC'23]</span>
801  JPTS: Enhancing Deep Learning Performance of Massive MIMO CSI Feedback — Sijie Ji, Mo Li.
802</li>
803<li class="flex gap-2 gap-x-2 gap-y-2">
804     <span class="font-bold text-stone-800">[FMSys'24]</span>
805    HARGPT: Are LLMs Zero-Shot Human Activity Recognizers? — Sijie Ji, Xinzhe Zheng^, Chenshu Wu.
806</li> 
807  <li class="flex gap-2 gap-x-2 gap-y-2">
808    <span class="font-bold text-stone-800">[ICASSP'24]</span>
809    Predicting Adverse Events for Patients with Type-1 Diabetes via Self-supervised Learning — Xinzhe Zheng^, Sijie Ji
810    , Chenshu Wu.
811</li>
812            
813            <li class="flex gap-2 gap-x-2 gap-y-2">
814    <span class="font-bold text-stone-800">[MM'25]</span>
815    CardioLive: Empowering Video Streaming with Online Cardiac Monitoring via Audio-Visual Learning — Sheng Lyu^, Ruiming Huang^, Sijie Ji, et al.
816</li>
817            <li class="flex gap-2 gap-x-2 gap-y-2">
818  <span class="font-bold text-stone-800">[IET Radar'23]</span>
819  <span class="text-rose-600 font-medium italic">Excellent Paper Award.</span> Joint location design and resource
820  allocation for ISAC — Yuanhao Cui, Weijie Yuan, Sijie Ji*, et al.
821</li>
822   <li class="flex gap-2 gap-x-2 gap-y-2">
823  <span class="font-bold text-stone-800">[IMWUT/UbiComp'25]</span>
824  USpeech: Ultrasound-Enhanced Speech with Minimal Human Effort via Cross-Modal Synthesis - Luca Jiang-Tao Yu, Running Zhao, Sijie Ji, et al.
825</li>
826        </ul>
827        <div class="mt-6 text-center">
828            <a href="https://scholar.google.com/citations?user=QodpJREAAAAJ" class="inline-flex items-center gap-2 hover:text-stone-600 transition-colors text-sm font-medium text-stone-900 border-stone-300 border-b pb-0.5">
829                View Full List on Google Scholar <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" class="" data-icon-set="lucide" data-lucide="arrow-right">
830                    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-7-7l7 7l-7 7"></path>
831                </svg>
832            </a>
833        </div>
834    </div>
835</section>
836
837
838    <!-- Services & Awards Section -->
839    <section class="bg-stone-100 pt-24 pb-24" id="services">
840        <div class="max-w-7xl mx-auto px-6 grid md:grid-cols-2 gap-12">
841            
842            <!-- Academic Services -->
843            <div class="bg-white p-8 rounded-3xl shadow-sm border border-stone-200/60">
844                <div class="flex items-center gap-3 mb-6">
845                    <div class="w-10 h-10 bg-stone-900 text-white rounded-full flex items-center justify-center">
846                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" class="" style="" data-icon-set="lucide" data-lucide="handshake"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m11 17l2 2a1 1 0 1 0 3-3"></path><path d="m14 14l2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4"></path><path d="m21 3l1 11h-2M3 3L2 14l6.5 6.5a1 1 0 1 0 3-3M3 4h8"></path></g></svg>
847                    </div>
848                    <h3 class="text-xl font-semibold text-stone-900">Academic Services</h3>
849                </div>
850                
851                <div class="space-y-6">
852                     <div class="">
853                        <h4 class="uppercase text-sm font-bold text-stone-900 tracking-wider mb-2">Organizer</h4>
854                           <ul class="list-disc list-inside text-sm text-stone-600 space-y-1">
855                         <li class="">TPC Co-Chair of HumanSys (MobiCom 2026)</li>
856                         <li class="">Publicity Co-Chair, BuildSys 2027</li>
857                         <li class="">General Co-Chair of HumanSys (CPS-IoT Week), 2025</li>
858                         <li class="">PhD Forum Co-Chair of BuildSys 2025</li>
859                         <li class="">PhD Forum Co-Chair of SenSys/BuildSys 2024</li>
860                         <li class="">N2Women@SenSys 2023</li>
861                         </ul>
862                    </div>
863                    <div class="">
864                        <h4 class="text-sm font-bold text-stone-900 uppercase tracking-wider mb-2">Session Chair / TPC</h4>
865                        <ul class="list-disc list-inside text-sm text-stone-600 space-y-1">
866                            <li class="">VTC Fall'23, ICDCS'24, MobiSys'25</li>
867                            <li class="">TPC: ACL'25/26, SenSys'26, MobiSys'25, BuildSys'24/25, MobiCom'24 (AEC), MobiCom'27, EMSOFT'25/26, ACM MM'25/26</li>
868                        </ul>
869                    </div><div class="">
870                        <h4 class="uppercase text-sm font-bold text-stone-900 tracking-wider mb-2">Invited Reviewer</h4>
871                        <p class="leading-relaxed text-sm text-stone-600">IEEE TON, TMC, TWC, TCOM, WCL, CL, TVT, IOTJ, ACM IMWUT, TIOT, CVPR, ACL, GlobeCom, ICC, INFOCOM, Science Advances, Nature Machine Intelligence</p>
872                    </div>
873                    <div class="">
874                        <h4 class="uppercase text-sm font-bold text-stone-900 tracking-wider mb-2">Editorship</h4>
875                        <p class="text-sm text-stone-600">Electronics(SI) - Ubiquitous Computing and Applications in Digital Healthcare Systems</p>
876                        <p class="text-sm text-stone-600 mt-1">Frontiers in Public Health (SI) - <a href="https://www.frontiersin.org/research-topics/82895/digital-integration-of-biomarkers-and-risk-prediction-for-chronic-disease-prevention-in-public-health" target="_blank" rel="noopener noreferrer" class="">Digital Integration of Biomarkers and Risk Prediction for Chronic Disease Prevention in Public Health</a></p>
877                    </div>
878                </div>
879            </div>
880
881            <!-- Awards -->
882            <div class="bg-white border-stone-200/60 border rounded-3xl pt-8 pr-8 pb-8 pl-8 shadow-sm">
883                <div class="flex gap-3 mb-6 items-center">
884                    <div class="flex text-white bg-stone-900 w-10 h-10 rounded-full items-center justify-center">
885                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" class="" style="" data-icon-set="lucide" data-lucide="trophy"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978m7-7.318v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978M18 9h1.5a1 1 0 0 0 0-5H18M4 22h16"></path><path d="M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm0 0H4.5a1 1 0 0 1 0-5H6"></path></g></svg>
886                    </div>
887                    <h3 class="text-xl font-semibold text-stone-900">Awards &amp; Honors</h3>
888                </div>
889
890                <ul class="space-y-4">
891                      <li class="flex gap-3 gap-x-3 gap-y-3 items-start">
892        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
892ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-1" data-lucide="award" data-icon-set="lucide" data-icon-replaced="true" style="color: rgb(168, 162, 158);">
893            <path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
894            </path>
895            <circle cx="12" cy="8" r="6"></circle>
896        </svg>
897        <div class="">
898            <span class="block text-sm font-semibold text-stone-900">mHealth Scholar, 2026</span>
899        </div>
900						                      <li class="flex gap-3 gap-x-3 gap-y-3 items-start">
901        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-1" data-lucide="award" data-icon-set="lucide" data-icon-replaced="true" style="color: rgb(168, 162, 158);">
902            <path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
903            </path>
904            <circle cx="12" cy="8" r="6"></circle>
905        </svg>
906        <div class="">
907            <span class="block text-sm font-semibold text-stone-900">MobiSys Rising Star, 2026</span>
908        </div>
909    <li class="flex gap-3 gap-x-3 gap-y-3 items-start">
910        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-1" data-lucide="award" data-icon-set="lucide" data-icon-replaced="true" style="color: rgb(168, 162, 158);">
911            <path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
912            </path>
913            <circle cx="12" cy="8" r="6"></circle>
914        </svg>
915        <div class="">
916            <span class="block text-sm font-semibold text-stone-900">Schmidt Science Fellow, 2024</span>
917        </div>
918    </li><li class="flex gap-3 items-start">
919        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-1" data-lucide="award" data-icon-set="lucide" data-icon-replaced="true" style="color: rgb(168, 162, 158);">
920            <path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
921            </path>
922            <circle cx="12" cy="8" r="6"></circle>
923        </svg>
924        <div class="">
925            <span class="block text-sm font-semibold text-stone-900">CPS Rising Star, 2024</span>
926        </div>
927    </li>
928    <li class="flex items-start gap-3">
929        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" class="text-stone-400 mt-1" style="" data-icon-set="lucide" data-lucide="award">
930            <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
931                <path d="m15.477 12.89l1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
932                </path>
933                <circle cx="12" cy="8" r="6"></circle>
934            </g>
935        </svg>
936        <div class="">
937            <span class="block text-sm font-semibold text-stone-900">N2Women Young Researcher Fellowship, SenSys 2023</span>
938        </div>
939    </li>
940    <li class="flex items-start gap-3">
941        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-1" data-lucide="award" data-icon-set="lucide" data-icon-replaced="true" style="color: rgb(168, 162, 158);">
942            <path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
943            </path>
944            <circle cx="12" cy="8" r="6"></circle>
945        </svg>
946        <div class="">
947            <span class="block text-sm font-semibold text-stone-900"><a href="https://www.scs.org.sg/awards/sg100wit/profile?id=326"> Singapore 100 Women in Tech, 2023</a></span>
948        </div>
949    </li>
950       <li class="flex items-start gap-3">
951        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-1" data-lucide="award" data-icon-set="lucide" data-icon-replaced="true" style="color: rgb(168, 162, 158);">
952            <path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
953            </path>
954            <circle cx="12" cy="8" r="6"></circle>
955        </svg>
956        <div class="">
957            <span class="block text-sm font-semibold text-stone-900">1st runner-up in the Masked Face Recognition Challenge, ICCV 2021.</span>
958        </div>
959    </li>
960        <li class="flex items-start gap-3">
961        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-1" data-lucide="award" data-icon-set="lucide" data-icon-replaced="true" style="color: rgb(168, 162, 158);">
962            <path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
963            </path>
964            <circle cx="12" cy="8" r="6"></circle>
965        </svg>
966        <div class="">
967            <span class="block text-sm font-semibold text-stone-900">2nd runner-up in the AI Meets Beauty Challenge, ACM MM 2020</span>
968        </div>
969    </li>
970     <li class="flex items-start gap-3">
971        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-1" data-lucide="award" data-icon-set="lucide" data-icon-replaced="true" style="color: rgb(168, 162, 158);">
972            <path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
973            </path>
974            <circle cx="12" cy="8" r="6"></circle>
975        </svg>
976        <div class="">
977            <span class="block text-sm font-semibold text-stone-900">2nd runner-up in the EmotioNet Challenge, CVPR 2020.</span>
978        </div>
979    </li>
980      
981    
982
983
984</ul>
985            </div>
986
987        </div>
988    </section>
989
990    <!-- Lifestyle / Dance Section -->
991    <section class="bg-white border-stone-200 border-t pt-20 pb-20" id="Dancing">
992        <div class="max-w-7xl mx-auto px-6">
993            <div class="text-center mb-12">
994                <h2 class="text-3xl font-semibold text-stone-900 font-serif mb-4">Lifestyle</h2>
995                <p class="italic text-stone-500 max-w-xl mr-auto ml-auto">
996    Dance and the community it fosters have shaped me as a person.
997</p>
998<div class="inline-block text-xs font-medium text-stone-600 bg-stone-100 rounded-full mt-4 pt-1 pr-4 pb-1 pl-6">
999
1000 <div class="flex items-center gap-2">
1001  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1002    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-1" data-lucide="award"
1003    data-icon-set="lucide" data-icon-replaced="true" style="color: rgb(168, 162, 158);">
1004    <path
1005      d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
1006    </path>
1007    <circle cx="12" cy="8" r="6"></circle>
1008  </svg>
1009  <span class="text-sm font-semibold text-stone-900">PULSE Scholar, National Arts Council Singapore (2021)</span>
1010</div>
1011
1012<div class="flex items-center gap-2">
1013  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1014    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-1" data-lucide="award"
1015    data-icon-set="lucide" data-icon-replaced="true" style="color: rgb(168, 162, 158);">
1016    <path
1017      d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
1018    </path>
1019    <circle cx="12" cy="8" r="6"></circle>
1020  </svg>
1021  <span class="text-sm font-semibold text-stone-900">
1021National Champion, 1st Place Overall, Adult Contemporary Solo, West Coast Finals, Showstopper (2026)</span>
1022</div>
1023
1024<div class="flex items-center gap-2">
1025  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1026    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-1" data-lucide="award"
1027    data-icon-set="lucide" data-icon-replaced="true" style="color: rgb(168, 162, 158);">
1028    <path
1029      d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
1030    </path>
1031    <circle cx="12" cy="8" r="6"></circle>
1032  </svg>
1033  <span class="text-sm font-semibold text-stone-900">1st Place, Advanced Ballet Solo, Bay Area U.S. Regional, Showstopper (2026)</span>
1034</div>
1035
1036<div class="flex items-center gap-2">
1037  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1038    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-1" data-lucide="award"
1039    data-icon-set="lucide" data-icon-replaced="true" style="color: rgb(168, 162, 158);">
1040    <path
1041      d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
1042    </path>
1043    <circle cx="12" cy="8" r="6"></circle>
1044  </svg>
1045  <span class="text-sm font-semibold text-stone-900">3rd Place Overall, Adult Advanced Solo, Bay Area U.S. Regional, Showstopper(2026)</span>
1046</div>
1047
1048
1049</div>
1050            </div>
1051
1052            <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
1053                <div class="relative group overflow-hidden rounded-xl aspect-square">
1054                    <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/162eb230-736a-45d2-a46b-47d631ee3157_original.gif" alt="Beautiful Scars" class="transition-transform duration-700 group-hover:scale-110 hover:grayscale-0 w-full h-full object-cover grayscale" onerror="this.src='https://images.unsplash.com/photo-1508700929628-666bc8bd84ea?auto=format&amp;fit=crop&amp;q=80&amp;w=600'">
1055                    <div class="group-hover:opacity-100 transition-opacity flex bg-black/40 opacity-0 absolute top-0 right-0 bottom-0 left-0 items-center justify-center">
1056                        <span class="text-lg text-white font-serif">Beautiful Scars</span>
1057                    </div>
1058                </div>
1059                <div class="relative group overflow-hidden rounded-xl aspect-square">
1060                    <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/ebfc4950-8afe-4398-87b0-8bd355670be9_original.gif" alt="Fleeting Moments" class="transition-transform duration-700 group-hover:scale-110 hover:grayscale-0 w-full h-full object-cover grayscale" onerror="this.src='https://images.unsplash.com/photo-1547153760-18fc86324498?auto=format&amp;fit=crop&amp;q=80&amp;w=600'">
1061                    <div class="group-hover:opacity-100 transition-opacity flex bg-black/40 opacity-0 absolute top-0 right-0 bottom-0 left-0 items-center justify-center">
1062                        <span class="text-white font-serif text-lg">Fleeting Moments</span>
1063                    </div>
1064                </div>
1065                <div class="relative group overflow-hidden rounded-xl aspect-square">
1066                    <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/7b2d2974-81ab-49b4-b2bf-331dda89940a_original.gif" alt="Christmas" class="transition-transform duration-700 group-hover:scale-110 hover:grayscale-0 w-full h-full object-cover grayscale" onerror="this.src='https://images.unsplash.com/photo-1535525153412-5a42439a210d?auto=format&amp;fit=crop&amp;q=80&amp;w=600'">
1067                    <div class="group-hover:opacity-100 transition-opacity flex bg-black/40 opacity-0 absolute top-0 right-0 bottom-0 left-0 items-center justify-center">
1068                        <span class="text-white font-serif text-lg">Christmas</span>
1069                    </div>
1070                </div>
1071                <div class="relative group overflow-hidden rounded-xl aspect-square">
1072                    <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/8d00bf5d-9aec-4901-a8f8-4c5e16dd422e_800w.jpg" alt="Leap" class="transition-transform duration-700 group-hover:scale-110 hover:grayscale-0 w-full h-full object-auto grayscale" onerror="this.src='https://images.unsplash.com/photo-1518834107812-67b0b7c58434?auto=format&amp;fit=crop&amp;q=80&amp;w=600'">
1073                    <div class="group-hover:opacity-100 transition-opacity flex bg-black/40 opacity-0 absolute top-0 right-0 bottom-0 left-0 items-center justify-center">
1074                        <span class="text-white font-serif text-lg">Leap</span>
1075                    </div>
1076                </div>
1077                 <div class="relative group overflow-hidden rounded-xl aspect-square">
1078                    <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/a627963c-8fd3-4776-bbc5-de356647790d_original.gif" alt="Recital" class="transition-transform duration-700 group-hover:scale-110 hover:grayscale-0 w-full h-full object-cover grayscale" onerror="this.src='https://images.unsplash.com/photo-1469334031218-e382a71b716b?auto=format&amp;fit=crop&amp;q=80&amp;w=600'">
1079                    <div class="group-hover:opacity-100 transition-opacity flex bg-black/40 opacity-0 absolute top-0 right-0 bottom-0 left-0 items-center justify-center">
1080                        <span class="text-white font-serif text-lg">O Recital</span>
1081                    </div>
1082                </div>
1083                 <div class="relative group overflow-hidden rounded-xl aspect-square">
1084                    <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/474cdf82-0bf8-45fc-9c41-ec22c83dd83a_1600w.jpg" alt="Site specific" class="transition-transform duration-700 group-hover:scale-110 hover:grayscale-0 w-full h-full object-cover grayscale" onerror="this.src='https://images.unsplash.com/photo-1504609813442-a8924e83f76e?auto=format&amp;fit=crop&amp;q=80&amp;w=600'">
1085                    <div class="group-hover:opacity-100 transition-opacity flex bg-black/40 opacity-0 absolute top-0 right-0 bottom-0 left-0 items-center justify-center">
1086  <span class="text-white font-serif text-lg">Site Specific</span>
1087</div>
1088                </div>
1089            </div>
1090        </div>
1091    </section>
1092
1093    <!-- Footer / Contact -->
1094    <footer id="contact" class="bg-stone-50 border-t border-stone-200 pt-20 pb-10">
1095        <div class="max-w-7xl mx-auto px-6">
1096            <div class="grid md:grid-cols-2 gap-12 mb-16">
1097                
1098                <div class="">
1099                    <h3 class="text-2xl font-semibold text-stone-900 mb-6 font-serif">Contact</h3>
1100                    <div class="space-y-6">
1101                        <div class="flex gap-4">
1102                            <div class="w-10 h-10 rounded-full bg-white border border-stone-200 flex items-center justify-center text-stone-900 shrink-0">
1103                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" class="" style="" data-icon-set="lucide" data-lucide="map-pin"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></g></svg>
1104                            </div>
1105                            <div class="">
1106                                <h4 class="text-sm font-semibold text-stone-900">Address</h4>
1107                                <p class="text-stone-500 text-sm mt-1">
1108                                    Keck Laboratory, California Institute of Technology
1109                                    1200 E California Blvd, Pasadena, CA 91125
1110                                </p>
1111                            </div>
1112                        </div>
1113                        <div class="flex gap-4">
1114                            <div class="w-10 h-10 rounded-full bg-white border border-stone-200 flex items-center justify-center text-stone-900 shrink-0">
1115                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" class="" style="" data-icon-set="lucide" data-lucide="mail"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect width="20" height="16" x="2" y="4" rx="2"></rect></g></svg>
1116                            </div>
1117                            <div class="">
1118                                <h4 class="text-sm font-semibold text-stone-900">Email</h4>
1119                                <p class="text-stone-500 text-sm mt-1">[email protected]</p>
1120                                <p class="text-stone-500 text-sm">[email protected]</p>
1121                            </div>
1122                        </div>
1123                    </div>
1124                </div>
1125
1126                <div class="flex flex-col justify-end">
1127                    <div class="flex gap-4 mb-6">
1128                        <a href="https://www.linkedin.com/in/sijieji/" class="w-12 h-12 rounded-full bg-stone-900 text-white flex items-center justify-center hover:bg-stone-700 transition-colors">
1129                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" class="" style="" data-icon-set="lucide" data-lucide="linkedin"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2a2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6M2 9h4v12H2z"></path><circle cx="4" cy="4" r="2"></circle></g></svg>
1130                        </a>
1131                        <a href="https://github.com/sijieji" class="w-12 h-12 rounded-full bg-white border border-stone-200 text-stone-900 flex items-center justify-center hover:bg-stone-100 transition-colors">
1132                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" class="" style="" data-icon-set="lucide" data-lucide="github"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5c.08-1.25-.27-2.48-1-3.5c.28-1.15.28-2.35 0-3.5c0 0-1 0-3 1.5c-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.4 5.4 0 0 0 4 9c0 3.5 3 5.5 6 5.5c-.39.49-.68 1.05-.85 1.65S8.93 17.38 9 18v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></g></svg>
1133                        </a>
1134                        <a href="https://scholar.google.com/citations?user=QodpJREAAAAJ" class="w-12 h-12 rounded-full bg-white border border-stone-200 text-stone-900 flex items-center justify-center hover:bg-stone-100 transition-colors">
1135                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" class="" style="" data-icon-set="lucide" data-lucide="graduation-cap"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0zM22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></g></svg>
1136                        </a>
1137                    </div>
1138                    
1139                    <div class="text-sm text-stone-500">
1140                        <p class="mb-2 font-medium">Useful Links:</p>
1141                        <div class="flex flex-wrap gap-4">
1142                            <a href="https://www.cs.cornell.edu/andru/csconf.html" class="hover:text-stone-900 underline">Top CS Conferences</a>
1143                            <a href="https://www.science.org/toc/science/0/0" class="hover:text-stone-900 underline">Science</a>
1144                            <a href="https://www.nature.com/nature/research-articles" class="hover:text-stone-900 underline">Nature</a>
1145                        </div>
1146                    </div>
1147                </div>
1148
1149            </div>
1150
1151             <div class="flex flex-col md:flex-row border-stone-200 border-t pt-6 gap-4 items-center justify-between">
1152
1153  <p class="text-base text-stone-900 flex-1">
1154    If you are a student from underrepresented groups or in need, you can
1155    <a href="https://forms.gle/E6kUujA4736LbwDm7"
1156       class="hover:underline font-medium text-stone-1000 bg-stone-200">
1157       fill this form.
1158    </a>
1159    I'm more than willing to chat about research, grad school, or anything else to offer assistance to the best of my ability.
1160   <br>
1161    I also support individuals affected by domestic violence and can share information about available resources and legal options.
1162  </p>
1163
1164  <p class="text-sm text-stone-400 whitespace-nowrap">
1165    © 2025 Sijie Ji.
1166  </p>
1167
1168</div>
1169               
1170        </div>
1171    </footer>
1172
1173    <!-- News Toggle Script -->
1174    
1174<script>
1175        document.getElementById('toggle-news-btn').addEventListener('click', function() {
1176            const hiddenNews = document.getElementById('more-news');
1177            const btn = this;
1178            if (hiddenNews.classList.contains('hidden')) {
1179                hiddenNews.classList.remove('hidden');
1180                btn.textContent = 'Show Less';
1181            } else {
1182                hiddenNews.classList.add('hidden');
1183                btn.textContent = 'Show More';
1184            }
1185        });
1186    </script>
1186
1187
1188</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.