-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
330 lines (311 loc) · 23 KB
/
about.html
File metadata and controls
330 lines (311 loc) · 23 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About · Yang Chen Lin</title>
<meta name="description" content="Yang Chen Lin 林泱辰 — Graduate Researcher at NTHU HMI Lab. HCI, Cognitive Neuroscience, Conversational AI, NeuroAI.">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KX3ZB52DC6"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-KX3ZB52DC6');</script>
<style>
:root{
--bg:#1a1714;--bg2:#232018;--bg3:#2c2820;--bg4:#353028;
--fg:#ede8e0;--fg2:#a89e90;--fg3:#665e52;
--acc:#d4924a;--amb:#6aa4c8;--blue:#6aa4c8;--violet:#9d8fe8;
--bdr:rgba(255,255,255,0.08);--bdr2:rgba(255,255,255,0.14);
}
[data-theme="light"]{
--bg:#f5f2ec;--bg2:#fdfbf7;--bg3:#ede9e0;--bg4:#e4e0d4;
--fg:#1c1814;--fg2:#5a5048;--fg3:#9a9088;
--acc:#a0640a;--amb:#2a6a94;--blue:#2a6a94;--violet:#5a4ab0;
--bdr:rgba(0,0,0,0.07);--bdr2:rgba(0,0,0,0.12);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--fg);font-size:14px;line-height:1.65;min-height:100vh;transition:background .25s,color .25s}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
.layout{display:flex;min-height:100vh}
.sidebar{width:200px;min-width:200px;background:var(--bg2);border-right:0.5px solid var(--bdr);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}
.sb-logo{padding:20px 18px 16px;border-bottom:0.5px solid var(--bdr)}
.sn{font-size:16px;font-weight:600;color:var(--fg)}
.sb-nav{padding:14px 0;flex:1}
.ng{padding:12px 18px 4px;font-size:9px;color:var(--fg3);letter-spacing:.1em;text-transform:uppercase}
.na{display:block;padding:6px 18px;font-size:12px;color:var(--fg2);border-left:2px solid transparent;transition:all .15s;text-decoration:none}
.na:hover{color:var(--fg);background:rgba(212,146,74,0.04);text-decoration:none}
.na.cur{color:var(--acc);border-left-color:var(--acc);background:rgba(212,146,74,0.07);font-weight:500}
.sb-foot{padding:14px 18px;border-top:0.5px solid var(--bdr);display:flex;flex-direction:column;gap:10px}
.ttog{background:none;border:0.5px solid var(--bdr2);border-radius:20px;padding:5px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--fg3);font-size:11px;transition:border-color .2s}
.ttog:hover{border-color:var(--acc);color:var(--fg2)}
.tpill{width:26px;height:14px;background:var(--bg3);border-radius:7px;position:relative}
.tpill::after{content:'';position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--acc);transition:transform .2s}
[data-theme="light"] .tpill::after{transform:translateX(12px)}
.sb-mail{font-size:10px;color:var(--acc);text-decoration:none;transition:opacity .15s}
.sb-mail:hover{opacity:.72;text-decoration:none}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.opp-popup{display:none;position:absolute;bottom:calc(100% + 8px);left:0;width:216px;background:var(--bg2);border:0.5px solid var(--bdr2);border-radius:10px;padding:14px 16px;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,.35)}
.opp-popup.open{display:block}
.opp-popup::after{content:'';position:absolute;bottom:-5px;left:14px;width:8px;height:8px;background:var(--bg2);border-right:0.5px solid var(--bdr2);border-bottom:0.5px solid var(--bdr2);transform:rotate(45deg)}
.opp-title{font-size:11px;font-weight:600;color:var(--fg);margin-bottom:8px}
.opp-item{font-size:11px;color:var(--fg2);padding:4px 0;border-bottom:0.5px solid var(--bdr);display:flex;align-items:center;gap:7px;line-height:1.4}
.opp-item:last-child{border-bottom:none;padding-bottom:0}
.opp-dot{width:5px;height:5px;border-radius:50%;background:var(--acc);flex-shrink:0}
.opp-cta{margin-top:10px;display:block;font-size:10px;color:var(--acc);text-align:center;padding:5px;border:0.5px solid rgba(212,146,74,0.3);border-radius:6px;text-decoration:none;transition:background .15s}
.opp-cta:hover{background:rgba(212,146,74,0.1);text-decoration:none}
.main{flex:1;min-width:0}
.ptbar{padding:18px 32px;border-bottom:0.5px solid var(--bdr);background:var(--bg2)}
.pt-ey{font-size:10px;color:var(--fg3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}
.pt-h{font-size:22px;font-weight:600;color:var(--fg)}
.page{padding:32px;max-width:820px}
.ps{margin-bottom:44px;scroll-margin-top:72px}
.sh{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;border-bottom:0.5px solid var(--bdr)}
.st{font-size:16px;font-weight:600;color:var(--fg)}
.fi{opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s}
.fi.vis{opacity:1;transform:translateY(0)}
.hero{display:flex;gap:24px;align-items:flex-start;margin-bottom:36px}
.photo-box{width:120px;height:120px;border-radius:50%;background:var(--bg3);border:1.5px dashed var(--fg3);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--acc);flex-shrink:0;overflow:hidden}
.photo-box img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hero-text .hn{font-size:22px;font-weight:700;color:var(--fg);margin-bottom:10px;display:flex;align-items:baseline;gap:10px}
.hero-text .hz{font-size:14px;color:var(--fg3);font-weight:400}
.hero-text .hr{font-size:12px;color:var(--fg2);margin-bottom:14px}
.tag{font-size:10px;padding:2px 9px;border-radius:4px;font-weight:500}
.tag-hci,.tag-neuro,.tag-ai,.tag-neuroai{background:var(--bg3);color:var(--fg2)}
.hero-links{display:flex;gap:8px;flex-wrap:wrap}
.hl{font-size:11px;padding:4px 10px;border-radius:6px;border:0.5px solid var(--bdr2);color:var(--fg2);transition:all .15s;text-decoration:none}
.hl:hover{border-color:var(--acc);color:var(--acc);text-decoration:none}
.hl-ico{display:inline-flex;align-items:center;gap:5px}
.hl-ico svg{width:12px;height:12px;flex-shrink:0}
.hl-icon{padding:4px 8px;display:inline-flex;align-items:center}
.hl-icon svg{width:13px;height:13px;display:block}
.bio{font-size:13px;color:var(--fg);line-height:1.8}
.bio strong{color:var(--fg)}
.bio p{margin-bottom:14px}
.bio p:last-child{margin-bottom:0}
.bio a{color:var(--acc)}
.bio-aside{background:var(--bg3);border-radius:8px;padding:13px 16px;margin:14px 0;font-size:12px;color:var(--fg2);line-height:1.75;border-left:2px solid rgba(212,146,74,0.35)}
.bio-aside p{margin-bottom:8px}
.bio-aside p:last-child{margin-bottom:0}
.bio-aside strong{color:var(--fg)}
.bio-aside a{color:var(--acc)}
.bio-greeting{font-size:12px;color:var(--fg2);margin-top:6px}
.bio-seeking{margin-top:16px;font-size:12px;padding:10px 14px;border-radius:6px;background:rgba(212,146,74,0.1);border:0.5px solid rgba(212,146,74,0.3);color:var(--fg);line-height:1.6}
.bio-seeking strong{color:var(--acc)}
.collab-list{display:flex;flex-direction:column;gap:0}
.collab-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:0.5px solid var(--bdr)}
.collab-item:last-child{border-bottom:none}
.collab-tag{font-size:9px;font-weight:600;letter-spacing:.06em;padding:2px 8px;border-radius:3px;background:var(--bg3);color:var(--fg2);white-space:nowrap;flex-shrink:0;margin-top:2px}
.collab-body{}
.collab-title{font-size:12px;font-weight:500;color:var(--fg);line-height:1.5}
.collab-sub{font-size:11px;color:var(--fg2);margin-top:2px}
.trow{display:flex;gap:16px;padding:12px 0;border-bottom:0.5px solid var(--bdr)}
.trow:last-child{border-bottom:none}
.tr-period{font-size:11px;color:var(--fg2);min-width:104px;padding-top:1px;flex-shrink:0}
.tr-body .tr-title{font-size:13px;font-weight:500;color:var(--fg)}
.tr-body .tr-sub{font-size:11px;color:var(--fg2);margin-top:2px;font-style:italic}
.tr-body .tr-detail{font-size:11px;color:var(--fg2);margin-top:4px;line-height:1.6}
.skill-rows{display:flex;flex-direction:column}
.skill-row{display:flex;align-items:baseline;gap:14px;padding:10px 0;border-bottom:0.5px solid var(--bdr)}
.skill-row:last-child{border-bottom:none}
.sk-cat{font-size:11px;color:var(--fg3);min-width:104px;flex-shrink:0}
.sk-pills{display:flex;flex-wrap:wrap;gap:5px}
.sk{font-size:11px;padding:2px 9px;border-radius:20px;background:var(--bg3);color:var(--fg2);border:0.5px solid var(--bdr)}
.award-row{display:flex;gap:16px;padding:8px 0;border-bottom:0.5px solid var(--bdr)}
.award-row:last-child{border-bottom:none}
.award-yr{font-size:11px;color:var(--acc);min-width:70px;flex-shrink:0;padding-top:1px;font-weight:500}
.award-desc{font-size:12px;color:var(--fg2);line-height:1.6}
.seeking{font-size:12px;padding:10px 16px;border-radius:8px;background:rgba(212,146,74,0.07);border:0.5px solid rgba(212,146,74,0.22);color:var(--fg2);line-height:1.6;margin-bottom:32px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.seeking strong{color:var(--acc);font-weight:600}
.seeking a{color:var(--acc);font-size:11px;white-space:nowrap}
/* ── Mobile responsive ── */
.hamburger{display:none;flex-direction:column;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:10px 14px;flex-shrink:0}
.hamburger span{display:block;width:18px;height:1.5px;background:var(--fg2);border-radius:2px;transition:all .2s}
@media(max-width:720px){
.layout{flex-direction:column}
.sidebar{width:100%;min-width:unset;height:auto;position:relative;flex-direction:row;align-items:center;border-right:none;border-bottom:0.5px solid var(--bdr)}
.sb-logo{border-bottom:none;padding:12px 16px;flex:1}
.sb-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg2);border-bottom:0.5px solid var(--bdr);padding:6px 0;z-index:20;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.sb-nav.open{display:block}
.sb-foot{display:none}
.hamburger{display:flex}
.page{padding:20px 16px}
.hero{flex-direction:column;align-items:flex-start}
.photo-box{margin-bottom:12px}
.ptbar{padding:14px 16px}
.filters{gap:6px}
.filter-row{gap:4px}
.news-grid{display:block}
.col:last-child{padding-left:0;border-left:none;padding-top:20px;border-top:0.5px solid var(--bdr)}
.pr{gap:8px}
.pr-venue{min-width:54px;font-size:9px}
}
/* ── Orbit panel ── */
.content-wrap{display:flex;align-items:flex-start}
.page{flex:1;min-width:0;max-width:660px}
.orbit-panel{width:210px;min-width:210px;padding:28px 20px 28px 24px;border-left:0.5px solid var(--bdr);position:sticky;top:0;max-height:100vh;overflow-y:auto;flex-shrink:0}
.op-section{margin-bottom:22px}
.op-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg3);margin-bottom:8px;padding-bottom:5px;border-bottom:0.5px solid var(--bdr)}
.op-list{list-style:none;display:flex;flex-direction:column;gap:4px}
.op-list li{font-size:11px;color:var(--fg2);line-height:1.5}
.op-list a{color:var(--fg2);text-decoration:underline;text-underline-offset:2px}
.op-list a:hover{color:var(--acc)}
.op-log{display:flex;flex-direction:column;gap:6px}
.op-log-entry{display:flex;gap:8px;font-size:11px;line-height:1.4}
.op-log-date{color:var(--fg3);white-space:nowrap;min-width:52px;font-size:10px;padding-top:1px}
.op-log-text{color:var(--fg2)}
.op-log-text a{color:var(--fg2);text-decoration:underline;text-underline-offset:2px}
.op-log-text a:hover{color:var(--acc)}
/* ── Name hover photo ── */
.name-hover{position:relative;display:inline-block;cursor:default}
.name-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:0;width:150px;border-radius:10px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.45);z-index:50;pointer-events:none;border:1px solid var(--bdr2)}
.name-hover:hover .name-tooltip{display:block}
.name-tooltip img{width:100%;display:block}
.name-tooltip .nt-placeholder{width:100%;aspect-ratio:1;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--fg3)}
@media(max-width:900px){.orbit-panel{display:none}}
@media(max-width:720px){.page{max-width:unset}}
</style>
</head>
<body>
<div class="layout">
<nav class="sidebar">
<div class="sb-logo"><div class="sn">About</div></div>
<button class="hamburger" onclick="document.querySelector('.sb-nav').classList.toggle('open')" aria-label="Menu"><span></span><span></span><span></span></button>
<div class="sb-nav">
<div class="ng">Pages</div>
<a class="na cur" href="about.html">About</a>
<a class="na" href="research.html">Research</a>
<a class="na" href="publications.html">Publications</a>
<a class="na" href="news.html">Logs</a>
<!-- <a class="na" href="blog.html">Blog</a> -->
</div>
<div class="sb-foot">
<button class="ttog" onclick="toggleTheme()"><span id="tlbl" style="font-size:11px;color:var(--fg3)">Light Mode</span><span class="tpill"></span></button>
<a class="sb-mail" href="mailto:yangchenlin@gapp.nthu.edu.tw">Get in touch →</a>
</div>
</nav>
<main class="main">
<div class="content-wrap">
<div class="page">
<!-- HERO -->
<div class="fi" style="margin-bottom:44px">
<div class="hero">
<div class="photo-box"><img src="photo-profile.PNG" alt="Yang Chen Lin"></div>
<div class="hero-text">
<div class="hn"><span class="name-hover">Yang Chen Lin<span class="name-tooltip"><img src="photo-hover.jpg" alt="Yang Chen Lin"></span></span><span class="hz">林泱辰</span></div>
<div class="hero-links">
<a class="hl" href="CV_YangChenLin.html" target="_blank" rel="noopener">CV Web</a>
<a class="hl" href="https://www.dropbox.com/scl/fi/z1wr7trj7dbfduecg17ud/20260515_YangChenLin_CV.pdf?rlkey=me3r2sbefyaquur5xspdbsfo6&dl=0" target="_blank" rel="noopener">CV PDF</a>
<a class="hl" href="https://scholar.google.com/citations?user=zMCfsbIAAAAJ" target="_blank" rel="noopener">Scholar</a>
<a class="hl" href="https://www.researchgate.net/profile/Yang-Chen-Lin" target="_blank" rel="noopener">ResearchGate</a>
<a class="hl hl-icon" href="https://www.linkedin.com/in/yangchenlin/" target="_blank" rel="noopener" title="LinkedIn"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a>
<a class="hl hl-icon" href="https://bsky.app/profile/yangchenlin.bsky.social" target="_blank" rel="noopener" title="Bluesky"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 01-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.204-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8z"/></svg></a>
<a class="hl hl-icon" href="https://twitter.com/ycl_yc" target="_blank" rel="noopener" title="Twitter / X"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.737-8.835L1.254 2.25H8.08l4.259 5.622L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg></a>
<a class="hl hl-icon" href="mailto:yangchenlin@gapp.nthu.edu.tw" title="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 7 10 7 10-7"/></svg></a>
</div>
</div>
</div>
<div class="bio">
<p>Hi, I'm <strong>YC</strong>, a graduate student (started from 02/2025) from Taiwan at National Tsing Hua University (NTHU), where I work with <strong><a href="https://scholar.google.com/citations?user=ganmD58AAAAJ&hl=en" target="_blank" rel="noopener">Dr. Po-Chih Kuo</a></strong> in <a href="https://nthu-cs-hmilab.github.io/#" target="_blank" rel="noopener">HMI Lab</a> within the Department of Computer Science.</p>
<p>My <em>research</em> explores the spatial, social, and design cognition of humans and AI in built environments and social landscapes. Grounded in everyday, real-world experiences, my work draws on approaches from <strong><em>human-computer interaction</em> (HCI)</strong> and <a href="https://www.nature.com/articles/s41593-018-0210-5" target="_blank" rel="noopener"><em>cognitive computational neuroscience</em></a> (cognitive science/psychology + neuroimaging + machine learning/deep learning).</p>
<div class="bio-aside">
<p>Currently, I am particularly passionate about two <em>main topics</em>:</p>
<p>(1) exploring how to craft <strong>evidence-based design tools</strong> that enable humans and AI to co-create <strong>architectural experiences</strong> during the design process (<a href="publications.html#chi25-lbw">CHI'25 LBW</a>, <a href="publications.html#aided">CHI'26</a>), and</p>
<p>(2) examining how people navigate their relationships with <strong>social issues</strong></p>
</div>
<p>In parallel, I am also very interested in fundamental challenges in ML/DL with a <em>NeuroAI (brain-inspired)</em> lens, focusing on shortcut learning (<a href="publications.html#play-mismatch">AAAI '26 NeuroAI Workshop</a>) and biologically plausible propagation mechanisms.</p>
<p>More recently, I have been collaborating with <strong>Dr. <a href="https://www.yclee.net" target="_blank" rel="noopener">Yi-Chieh (EJ) Lee</a></strong> at the <a href="https://www.ai4sg.org" target="_blank" rel="noopener">AI4SG Lab</a>, National University of Singapore, and his Ph.D students <a href="https://yitian.super.site" target="_blank" rel="noopener">Yitian Yang</a> and Yugin Tan. Our research examines everyday information-seeking behavior in the era of <strong>conversational AI agents</strong>, using <strong>psychological distance</strong> as a framework to understand how situation-dependent <strong>information needs</strong> shape individuals' preferences and experiences with different search tools (<a href="publications.html#chi25-psych-dist">CHI'25</a>) and formats (<a href="publications.html#fit-matters">CHI'26</a>).</p>
<p>Previously, I was fortunate to be mentored by Dr. <a href="https://cmhuanglab.weebly.com" target="_blank" rel="noopener">Chih-Mao Huang</a> at NCTU (now at HKU), where I received foundational training in cognitive neuroscience research and fMRI experiments. My prior research focused on a cross-cultural fMRI study examining moral decision-making during social interactions.</p>
<p class="bio-greeting">Nice to meet you all! Feel free to reach out! ✉️ <em>I'm always open to deeper conversations and connections — whether to discuss ideas 💬 or explore possible collaborations 🤝</em></p>
</div>
</div>
<!-- OTHER EXPERIENCE -->
<div class="ps fi" id="other-experience">
<div class="sh"><h2 class="st">Other Experience</h2></div>
<div class="trow">
<div class="tr-period">08/2024</div>
<div class="tr-body">
<div class="tr-title">Scholarship Student</div>
<div class="tr-sub">Moving Boundaries: Human Sciences & Future of Architecture · Stockholm & Helsinki</div>
</div>
</div>
<div class="trow">
<div class="tr-period">12/2022</div>
<div class="tr-body">
<div class="tr-title">Online Asian Machine Learning School (ACML)</div>
<div class="tr-sub">Virtual</div>
</div>
</div>
<div class="trow">
<div class="tr-period">07–08/2021</div>
<div class="tr-body">
<div class="tr-title">Computational Neuroscience, Neuromatch Academy</div>
<div class="tr-sub">Virtual</div>
</div>
</div>
<div class="trow">
<div class="tr-period">08–12/2017</div>
<div class="tr-body">
<div class="tr-title">Research & Space Intern · Plan b Inc.</div>
<div class="tr-sub">Taipei, Taiwan</div>
</div>
</div>
<div class="trow">
<div class="tr-period">08–12/2017</div>
<div class="tr-body">
<div class="tr-title">Adjunct Research Assistant · Institute of Architecture, NCTU</div>
<div class="tr-sub">Hsinchu, Taiwan</div>
</div>
</div>
<div class="trow">
<div class="tr-period">09/2015–08/2017</div>
<div class="tr-body">
<div class="tr-title">Director · Community of Social Innovation & Entrepreneurship, NCTU</div>
</div>
</div>
</div>
</div>
<!-- ORBIT PANEL -->
<aside class="orbit-panel">
<div class="op-section">
<div class="op-label">upcoming</div>
<ul class="op-list">
<li>Applying 2026 Summer Research Internships</li>
<li>Applying 2027 Fall PhD applications</li>
</ul>
</div>
<div class="op-section">
<div class="op-label">recent logs</div>
<div class="op-log">
<div class="op-log-entry"><span class="op-log-date">May 2026</span><span class="op-log-text">Two papers at CHI '26, Barcelona</span></div>
<div class="op-log-entry"><span class="op-log-date">May 2025</span><span class="op-log-text">Two papers at CHI '25, Yokohama</span></div>
<div class="op-log-entry"><span class="op-log-date">Mar 2025</span><span class="op-log-text">Joined NTHU HMI Lab, ranked 1st</span></div>
<div class="op-log-entry"><span class="op-log-date">Aug 2024</span><span class="op-log-text">Moving Boundaries scholarship, Stockholm</span></div>
</div>
</div>
<div class="op-section">
<div class="op-label">wip</div>
<ul class="op-list">
<li>Building 3D House Tour Dataset</li>
<li>Developing AI-powered design tools</li>
<li>Cross-cultural fMRI study <em>(under review)</em></li>
</ul>
</div>
<div class="op-section">
<div class="op-label">learning</div>
<ul class="op-list">
<li>LLM quantization</li>
</ul>
</div>
</aside>
</div>
</main>
</div>
<script>
function toggleOpp(e){e.stopPropagation();const p=document.getElementById('opp-popup');if(p)p.classList.toggle('open');}
document.addEventListener('click',function(){const p=document.getElementById('opp-popup');if(p)p.classList.remove('open');});
(function(){const s=localStorage.getItem('theme')||'dark';document.documentElement.setAttribute('data-theme',s);const l=document.getElementById('tlbl');if(l)l.textContent=s==='light'?'Dark Mode':'Light Mode';})();
function toggleTheme(){const c=document.documentElement.getAttribute('data-theme'),n=c==='dark'?'light':'dark';document.documentElement.setAttribute('data-theme',n);localStorage.setItem('theme',n);document.getElementById('tlbl').textContent=n==='light'?'Dark Mode':'Light Mode';}
const fo=new IntersectionObserver(e=>{e.forEach(x=>{if(x.isIntersecting){x.target.classList.add('vis');fo.unobserve(x.target);}});},{threshold:0.05});
document.querySelectorAll('.fi').forEach(el=>fo.observe(el));
</script>
</body>
</html>