-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
138 lines (122 loc) · 5.78 KB
/
index.html
File metadata and controls
138 lines (122 loc) · 5.78 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
<!doctype html>
<html lang="en" data-theme="light">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Yue Yu — Personal Website</title>
<meta name="description" content=" Yue Yu's Academic homepage" />
<link rel="stylesheet" href="assets/css/base.css" />
<link rel="stylesheet" href="assets/css/layout.css" />
<link rel="stylesheet" href="assets/css/components.css" />
<link rel="stylesheet" href="assets/css/blog.css" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚛</text></svg>" />
</head>
<body>
<!-- Accessibility: skip to content -->
<a class="skip-link" href="#home">Skip to content</a>
<!-- Scroll progress bar -->
<div class="progress" id="progress-bar"></div>
<!-- Fixed navigation -->
<header>
<nav class="nav" role="navigation" aria-label="Main navigation">
<div class="nav__inner">
<a class="nav__brand" href="#home">Yue Yu</a>
<button
class="nav__toggle"
id="nav-toggle"
aria-label="Toggle navigation menu"
aria-expanded="false"
>
<span class="nav__toggle-bar"></span>
<span class="nav__toggle-bar"></span>
<span class="nav__toggle-bar"></span>
</button>
<ul class="nav__links" id="nav-links" role="menubar">
<li role="none"><a class="nav__link nav__link--active" href="#home" role="menuitem">Home</a></li>
<li role="none"><a class="nav__link" href="#publications" role="menuitem">Publications</a></li>
<li role="none"><a class="nav__link" href="#blog" role="menuitem">Blog</a></li>
<li role="none"><a class="nav__link" href="#cv" role="menuitem">CV</a></li>
<li role="none">
<button class="nav__theme-btn" id="theme-toggle" aria-label="Toggle dark mode">◐</button>
</li>
</ul>
</div>
</nav>
</header>
<div class="nav-spacer"></div>
<main>
<!-- ============================================= -->
<!-- HOME SECTION -->
<!-- ============================================= -->
<section class="section section--first" id="home" aria-labelledby="home-heading">
<div class="container">
<h2 class="sr-only" id="home-heading">About</h2>
<div id="home-content"></div>
</div>
</section>
<!-- ============================================= -->
<!-- PUBLICATIONS SECTION -->
<!-- ============================================= -->
<section class="section" id="publications" aria-labelledby="pub-heading">
<div class="container">
<h2 class="section__title" id="pub-heading">Publications</h2>
<!-- Filter tabs -->
<div class="filter" role="tablist" aria-label="Filter publications by type">
<button class="filter__btn filter__btn--active" data-filter="all" role="tab" aria-selected="true">All</button>
<button class="filter__btn" data-filter="journal" role="tab" aria-selected="false">Journal Papers</button>
<button class="filter__btn" data-filter="conference" role="tab" aria-selected="false">Conference Papers</button>
<button class="filter__btn" data-filter="working" role="tab" aria-selected="false">Working Papers</button>
</div>
<!-- Publication list (loaded from data/publications.json) -->
<ul class="publication" id="publications-content" role="list"></ul>
</div>
</section>
<!-- ============================================= -->
<!-- BLOG SECTION -->
<!-- ============================================= -->
<section class="section" id="blog" aria-labelledby="blog-heading">
<div class="container">
<h2 class="section__title" id="blog-heading">Blog</h2>
<div id="blog-list"></div>
<p style="margin-top:1rem">
<a class="post__back" href="blog/index.html">View all posts →</a>
</p>
</div>
</section>
<!-- ============================================= -->
<!-- CV SECTION -->
<!-- ============================================= -->
<section class="section" id="cv" aria-labelledby="cv-heading">
<div class="container">
<h2 class="section__title" id="cv-heading">Curriculum Vitae</h2>
<div id="cv-content"></div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer" role="contentinfo">
<div class="container">
<ul class="footer__links">
<li><a class="footer__link" href="mailto:yue_yu_2004@163.com">Email</a></li>
<li><a class="footer__link" href="https://github.com/PluMage" target="_blank" rel="noopener">GitHub</a></li>
<li><a class="footer__link" href="#" target="_blank" rel="noopener">Google Scholar</a></li>
</ul>
<p class="footer__updated">Last updated: May 1, 2026</p>
</div>
</footer>
<!-- Back to top -->
<button class="back-to-top" id="back-to-top" aria-label="Back to top">↑</button>
<!-- JavaScript -->
<script src="assets/js/theme.js"></script>
<script src="assets/js/scroll.js"></script>
<script src="assets/js/filter.js"></script>
<script src="assets/js/blog.js"></script>
<script src="assets/js/content.js"></script>
<script>
Content.renderProfile("home-content");
Content.renderPublications("publications-content");
Content.renderCV("cv-content");
Blog.loadBlogList("blog-list", "blog/");
</script>
</body>
</html>