1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+
4
+ < head >
5
+ < meta charset ="utf-8 " />
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no " />
7
+ < meta name ="description " content ="Academic Webpage " />
8
+ < meta name ="author " content ="yixin0313 " />
9
+ < title id ="title "> </ title >
10
+
11
+ <!-- Icon -->
12
+ < link rel ="icon " type ="image/x-icon " href ="static/assets/favicon.ico " />
13
+
14
+ <!-- Bootstrap icons-->
15
+ < link href ="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css " rel ="stylesheet " />
16
+
17
+ <!-- Google fonts-->
18
+ < link rel ="preconnect " href ="https://fonts.gstatic.com " />
19
+ < link href ="https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,600;1,600&display=swap "
20
+ rel ="stylesheet " />
21
+ < link
22
+ href ="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,500;0,600;0,700;1,300;1,500;1,600;1,700&display=swap "
23
+ rel ="stylesheet " />
24
+ < link href ="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;1,400&display=swap "
25
+ rel ="stylesheet " />
26
+
27
+ <!-- Core theme CSS (includes Bootstrap)-->
28
+ < link type ="text/css " href ="static/css/styles.css " rel ="stylesheet " />
29
+ < link type ="text/css " href ="static/css/main.css " rel ="stylesheet " />
30
+
31
+ <!-- Bootstrap core JS-->
32
+ < script type ="text/javascript " src ="static/js/bootstrap.bundle.min.js "> </ script >
33
+
34
+ <!-- For Compatability -->
35
+ < script src ="https://polyfill.io/v3/polyfill.min.js?features=es6 "> </ script >
36
+
37
+ <!-- Markdown -->
38
+ < script type ="text/javascript " src ="static/js/marked.min.js "> </ script >
39
+
40
+ <!-- Mathematics -->
41
+ < script >
42
+ // See https://docs.mathjax.org/en/latest/index.html for more details.
43
+ MathJax = {
44
+ tex : {
45
+ packages : { } , // extensions to use
46
+ inlineMath : [ // start/end delimiter pairs for in-line math
47
+ [ '$' , '$' ] ,
48
+ [ '\\(' , '\\)' ]
49
+ ] ,
50
+ displayMath : [ // start/end delimiter pairs for display math
51
+ [ '$$' , '$$' ] ,
52
+ [ '\\[' , '\\]' ]
53
+ ] ,
54
+ processEscapes : false , // use \$ to produce a literal dollar sign
55
+ processEnvironments : true , // process \begin{xxx}...\end{xxx} outside math mode
56
+ processRefs : true , // process \ref{...} outside of math mode
57
+ digits : / ^ (?: [ 0 - 9 ] + (?: \{ , \} [ 0 - 9 ] { 3 } ) * (?: \. [ 0 - 9 ] * ) ? | \. [ 0 - 9 ] + ) / , // pattern for recognizing numbers
58
+ tags : 'all' , // or 'ams' or 'all'
59
+ tagSide : 'right' , // side for \tag macros
60
+ tagIndent : '0.8em' , // amount to indent tags
61
+ useLabelIds : true , // use label name rather than tag for ids
62
+ maxMacros : 10000 , // maximum number of macro substitutions per expression
63
+ maxBuffer : 5 * 1024 , // maximum size for the internal TeX string (5K)
64
+ // baseURL: // URL for use with links to tags (when there is a <base> tag in effect)
65
+ // (document.getElementsByTagName('base').length === 0) ? '' : String(document.location).replace(/#.*$/, ''),
66
+ formatError : // function called when TeX syntax errors occur
67
+ ( jax , err ) => jax . formatError ( err )
68
+ }
69
+ } ;
70
+ </ script >
71
+ < script type ="text/javascript " id ="MathJax-script "
72
+ src ="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js "> </ script >
73
+ < script type ="text/javascript " id ="MathJax-script " async
74
+ src ="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js "> </ script >
75
+
76
+ <!-- Core JS-->
77
+ < script type ="text/javascript " src ="static/js/scripts.js "> </ script >
78
+ < script type ="text/javascript " src ="static/js/js-yaml.min.js "> </ script >
79
+
80
+ </ head >
81
+
82
+ < body id ="page-top ">
83
+ <!-- Navigation-->
84
+ < nav class ="header navbar navbar-expand-lg navbar-light fixed-top shadow-sm " id ="mainNav ">
85
+ < div class ="container px-5 ">
86
+ < a id ="page-top-title " class ="navbar-brand fw-bold " href ="#page-top "> </ a >
87
+ <!-- <a href="#page-top"><img src="static/assets/img/CUMT_LOGO.svg" style="width: 11rem;"></a> -->
88
+ < button class ="navbar-toggler " type ="button " data-bs-toggle ="collapse " data-bs-target ="#navbarResponsive "
89
+ aria-controls ="navbarResponsive " aria-expanded ="false " aria-label ="Toggle navigation ">
90
+ MENU
91
+ < i class ="bi-list "> </ i >
92
+ </ button >
93
+ < div class ="collapse navbar-collapse " id ="navbarResponsive ">
94
+ < ul class ="navbar-nav ms-auto me-4 my-3 my-lg-0 ">
95
+ < li class ="nav-item ">
96
+ < a class ="nav-link me-lg-3 " href ="#home "> HOME</ a >
97
+ </ li >
98
+ < li class ="nav-item ">
99
+ < a class ="nav-link me-lg-3 " href ="#awards "> AWARDS</ a >
100
+ </ li >
101
+ < li class ="nav-item ">
102
+ < a class ="nav-link me-lg-3 " href ="#experience "> EXPERIENCE</ a >
103
+ </ li >
104
+ < li class ="nav-item ">
105
+ < a class ="nav-link me-lg-3 " href ="#publications "> PUBLICATIONS</ a >
106
+ </ li >
107
+ </ ul >
108
+ </ div >
109
+ </ div >
110
+ </ nav >
111
+
112
+ <!-- Top Section -->
113
+ < section class ="top-section " style ="background-image: url('static/assets/img/background.jpeg'); ">
114
+ < div class ="top-section-content ">
115
+ < div class ="container px-5 ">
116
+ < h2 id ="top-section-bg-text " class ="text-white display-3 lh-1 font-alt "> </ h2 >
117
+ </ div >
118
+ </ div >
119
+ </ section >
120
+ <!-- Top Section -->
121
+
122
+ <!-- Photo -->
123
+ < div class ="container px-5 ">
124
+ < div id ="avatar ">
125
+ < img class ="shadow " src ="static/assets/img/photo.png ">
126
+ </ div >
127
+ </ div >
128
+ <!-- Photo -->
129
+
130
+ <!-- Home -->
131
+ < section class ="bg-gradient-primary-to-secondary-light mt5 md5 " id ="home ">
132
+ < div class ="container px-5 ">
133
+ < header >
134
+ < h2 id ="home-subtitle "> </ h2 >
135
+ <!-- <span class="bi bi-list"></span> -->
136
+ </ header >
137
+ < div class ="main-body " id ="home-md "> </ div >
138
+ </ div >
139
+ </ section >
140
+ <!-- Home -->
141
+
142
+ <!-- Awards -->
143
+ < section class ="bg-gradient-primary-to-secondary-light mt5 md5 " id ="awards ">
144
+ < div class ="container px-5 ">
145
+ < header >
146
+ < h2 id ="awards-subtitle "> < i class ="bi bi-award-fill "> </ i > AWARDS </ h2 >
147
+ </ header >
148
+ < div class ="main-body " id ="awards-md "> </ div >
149
+
150
+ </ div >
151
+ </ section >
152
+ <!-- Awards -->
153
+
154
+ <!-- Experience -->
155
+ < section class ="bg-gradient-primary-to-secondary-dark mt5 md5 " id ="experience ">
156
+ < div class ="container px-5 ">
157
+ < header >
158
+ < h2 id ="experience-subtitle "> < i class ="bi bi-briefcase-fill "> </ i > EXPERIENCE </ h2 >
159
+ </ header >
160
+ < div class ="main-body " id ="experience-md "> </ div >
161
+ </ div >
162
+ </ section >
163
+ <!-- Experience -->
164
+
165
+ <!-- Publications -->
166
+ < section class ="bg-gradient-primary-to-secondary-gray mt5 md5 " id ="publications ">
167
+ < div class ="container px-5 ">
168
+ < header >
169
+ < h2 id ="publications-subtitle "> < i class ="bi bi-file-text-fill "> </ i > PUBLICATIONS</ h2 >
170
+ </ header >
171
+ < div class ="main-body " id ="publications-md "> </ div >
172
+
173
+ </ div >
174
+ </ section >
175
+ <!-- Publications -->
176
+
177
+ <!-- Footer-->
178
+ < footer class ="bg-bottom text-center py-5 ">
179
+ < div class ="container px-5 ">
180
+ < div class ="text-white-50 small ">
181
+ < div id ="copyright-text " class ="mb-2 "> </ div >
182
+ < a id ="github-link " href ="https://github.com/senli1073 "> Github</ a >
183
+ < span class ="mx-1 "> ·</ span >
184
+ < a id ="license-link "
185
+ href ="https://github.com/senli1073/senli1073.github.io/blob/main/LICENSE "> License</ a >
186
+ </ div >
187
+ </ div >
188
+ </ footer >
189
+
190
+ </ body >
191
+
192
+ </ html >
0 commit comments