-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
228 lines (214 loc) · 8.99 KB
/
index.html
File metadata and controls
228 lines (214 loc) · 8.99 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
<!doctype html>
<html lang="en" data-theme="auto">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Le Fu</title>
<meta
name="description"
content="Academic homepage for Le Fu, including biography, news, publications, awards, talks, and contact information."
/>
<link rel="stylesheet" href="styles.css" />
</head>
<body id="home">
<header class="topbar">
<div class="topbar-inner">
<a class="site-name" href="#home">Le Fu</a>
<nav class="main-nav" aria-label="Primary navigation">
<a href="#home">Home</a>
<a href="#publications">Publications</a>
<a href="#news">News</a>
<a href="#awards">Awards</a>
<a href="#talks">Talks</a>
<a href="#contact">Contact</a>
</nav>
<div class="top-actions">
<button class="icon-button search-button" type="button" aria-label="Search this page" title="Search">
<svg viewBox="0 0 24 24" aria-hidden="true">
<circle cx="11" cy="11" r="6"></circle>
<path d="m16 16 5 5"></path>
</svg>
</button>
<button class="icon-button theme-toggle" type="button" aria-label="Toggle dark mode" title="Toggle dark mode">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M21 14.8A8.2 8.2 0 0 1 9.2 3 9 9 0 1 0 21 14.8Z"></path>
</svg>
</button>
</div>
</div>
</header>
<main class="layout">
<aside class="sidebar" aria-label="Profile">
<img class="avatar" src="assets/profile-placeholder.svg" alt="Le Fu portrait placeholder" />
<h1>Le Fu</h1>
<p class="position">PhD Student / Researcher</p>
<a class="institution" href="#">Your University</a>
<div class="profile-links" aria-label="Academic profiles">
<a href="mailto:your.name@example.edu" aria-label="Email">Email</a>
<a href="#" aria-label="Google Scholar">Scholar</a>
<a href="#" aria-label="GitHub">GitHub</a>
<a href="#" aria-label="LinkedIn">LinkedIn</a>
</div>
</aside>
<div class="content">
<section class="section" aria-labelledby="bio-title">
<h2 id="bio-title">Biography</h2>
<p>
I am a researcher working at the intersection of energy systems, optimization, and climate
resilience. My work develops data-driven models and decision-support tools for reliable and
sustainable infrastructure under uncertainty.
</p>
<p>
My research aims to bridge engineering systems and real-world decision making, with a focus
on resilience analysis, risk-aware planning, and scalable optimization for complex networks.
</p>
<p>
I collaborate with academic and industry partners on methods that connect theory, computation,
and practice. This site collects selected publications, talks, awards, and recent updates.
</p>
<div class="bio-columns" aria-label="Research overview">
<div>
<h3>Research Interests</h3>
<ul>
<li>Energy system resilience</li>
<li>Optimization under uncertainty</li>
<li>Climate risk analysis</li>
<li>Data-driven infrastructure planning</li>
</ul>
</div>
<div>
<h3>Education</h3>
<ul>
<li>PhD, Your University, 2026</li>
<li>MS, Previous Institution, 2022</li>
<li>BS, Previous Institution, 2020</li>
</ul>
</div>
</div>
</section>
<section class="section" id="publications" aria-labelledby="publications-title">
<h2 id="publications-title">Selected Publications</h2>
<p class="helper-text">More publications are available via Google Scholar.</p>
<article class="publication">
<div class="pub-thumb" aria-hidden="true">
<span>2026</span>
</div>
<div class="pub-body">
<h3><a href="#">Risk-aware electricity dispatch under climate extremes</a></h3>
<p class="venue">Journal of Energy Systems, 2026</p>
<p class="authors">Le Fu, Collaborator A, Collaborator B</p>
<p class="pub-links"><a href="#">PDF</a> <a href="#">Cite</a> <a href="#">Code</a></p>
</div>
</article>
<article class="publication">
<div class="pub-thumb" aria-hidden="true">
<span>2025</span>
</div>
<div class="pub-body">
<h3><a href="#">Cross-sector infrastructure resilience in a changing climate</a></h3>
<p class="venue">Nature Energy, 2025</p>
<p class="authors">Le Fu, Collaborator C, Collaborator D</p>
<p class="pub-links"><a href="#">PDF</a> <a href="#">Cite</a></p>
</div>
</article>
<article class="publication">
<div class="pub-thumb" aria-hidden="true">
<span>2024</span>
</div>
<div class="pub-body">
<h3><a href="#">Learning-augmented optimization for reliable power grids</a></h3>
<p class="venue">IEEE Transactions on Power Systems, 2024</p>
<p class="authors">Le Fu, Collaborator E</p>
<p class="pub-links"><a href="#">PDF</a> <a href="#">Cite</a></p>
</div>
</article>
</section>
<section class="section" id="news" aria-labelledby="news-title">
<h2 id="news-title">News</h2>
<h3 class="year-heading">2026</h3>
<ul class="news-list">
<li>
<span class="date">May 15, 2026</span>
Our new paper on resilient energy system planning was accepted for publication.
</li>
<li>
<span class="date">Mar 02, 2026</span>
I gave an invited talk on data-driven risk analysis for critical infrastructure.
</li>
</ul>
<h3 class="year-heading">2025</h3>
<ul class="news-list">
<li>
<span class="date">Nov 18, 2025</span>
New project page added for climate-aware optimization under extreme events.
</li>
<li>
<span class="date">Sep 10, 2025</span>
I joined a collaborative research project on robust planning for low-carbon power systems.
</li>
</ul>
</section>
<section class="section" id="awards" aria-labelledby="awards-title">
<h2 id="awards-title">Awards</h2>
<div class="entry-list">
<article>
<h3><a href="#">Best Dissertation Award</a></h3>
<p>Professional Society, Apr 2026</p>
</article>
<article>
<h3>Graduate Research Fellowship</h3>
<p>Your University, Nov 2025</p>
</article>
<article>
<h3>Outstanding Reviewer</h3>
<p>Academic Journal, Oct 2024</p>
</article>
</div>
</section>
<section class="section" id="talks" aria-labelledby="talks-title">
<h2 id="talks-title">Recent & Upcoming Talks</h2>
<article class="talk">
<h3><a href="#">Towards climate-resilient energy systems</a></h3>
<p>International Conference on Energy Systems</p>
<p>Jul 22, 2026, Berlin, Germany</p>
</article>
<article class="talk">
<h3><a href="#">Data-driven risk analysis for critical infrastructure</a></h3>
<p>Research Seminar</p>
<p>Mar 02, 2026, Online</p>
</article>
</section>
<section class="section contact-section" id="contact" aria-labelledby="contact-title">
<div>
<h2 id="contact-title">Contact</h2>
<form class="contact-form" action="mailto:your.name@example.edu" method="post" enctype="text/plain">
<label>
Name
<input name="name" autocomplete="name" />
</label>
<label>
Email
<input name="email" type="email" autocomplete="email" />
</label>
<label>
Message
<textarea name="message" rows="5"></textarea>
</label>
<button type="submit">Send</button>
</form>
</div>
<address class="address">
<a href="mailto:your.name@example.edu">your.name@example.edu</a><br />
Your Department, Your University<br />
City, Country<br />
Office: Building, Room 000
</address>
</section>
</div>
</main>
<footer class="footer">
<p>(c) 2026 Le Fu</p>
</footer>
<script src="script.js"></script>
</body>
</html>