https://yuqingd.github.io/projects/

1<!DOCTYPE html>
2<html>
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 http-equiv="X-UA-Compatible" content="IE=edge">
8
9<title>Yuqing  Du</title>
10<meta name="description" content="">
11
12<!-- Open Graph -->
13
14
15<!-- Bootstrap & MDB -->
16<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous">
17<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/css/mdb.min.css" integrity="sha512-RO38pBRxYH3SoOprtPTD86JFOclM51/XTIdEPh5j8sj4tp8jmQIx26twG52UaLi//hQldfrh7e51WzP9wuP32Q==" crossorigin="anonymous" />
18
19<!-- Fonts & Icons -->
20<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"  integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous">
21<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.9.0/css/academicons.min.css" integrity="sha512-W4yqoT1+8NLkinBLBZko+dFB2ZbHsYLDdr50VElllRcNt2Q4/GSs6u71UHKxB7S6JEMCp5Ve4xjh3eGQl/HRvg==" crossorigin="anonymous">
22<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:100,300,400,500,700|Material+Icons">
23
24<!-- Code Syntax Highlighting -->
25<!-- <link rel="stylesheet" href="https://combinatronics.io/jwarby/pygments-css/master/github.css" /> -->
26
27<!-- Styles -->
28<link rel="shortcut icon" href="/assets/img/favicon.ico">
29<link rel="stylesheet" href="/assets/css/main.css">
30
31<link rel="canonical" href="/projects/">
32
33    
34<!-- MathJax -->

35<script defer type="text/javascript" id="MathJax-script" src="https://cdn.jsdelivr.net/npm/[email protected]/es5/tex-mml-chtml.js"></script>

35

36<script defer src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>

36
37
38
39  </head>
40
41  <body class="fixed-top-nav ">
42
43    <!-- Header -->
44
45    <header>
46
47    <!-- Nav Bar -->
48    <nav id="navbar" class="navbar navbar-light bg-white navbar-expand-sm fixed-top">
49    <div class="container">
50      
51      <a class="navbar-brand title font-weight-lighter" href="/">
52       <span class="font-weight-bold">Yuqing</span>   Du
53      </a>
54      
55      <!-- Navbar Toogle -->
56      <button class="navbar-toggler collapsed ml-auto" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
57        <span class="sr-only">Toggle navigation</span>
58        <span class="icon-bar top-bar"></span>
59        <span class="icon-bar middle-bar"></span>
60        <span class="icon-bar bottom-bar"></span>
61      </button>
62      <div class="collapse navbar-collapse text-right" id="navbarNav">
63        <ul class="navbar-nav ml-auto flex-nowrap">
64          <!-- About -->
65          <li class="nav-item ">
66            <a class="nav-link" href="/">
67              about
68              
69            </a>
70          </li>
71          
72          <!-- Other pages -->
73          
74          
75          
76          
77          
78          <li class="nav-item active">
79              <a class="nav-link" href="/projects/">
80                
81                
82                <span class="sr-only">(current)</span>
83                
84              </a>
85          </li>
86          
87          
88          
89          <li class="nav-item active">
90              <a class="nav-link" href="/publications/">
91                
92                
93                <span class="sr-only">(current)</span>
94                
95              </a>
96          </li>
97          
98          
99          
100          <li class="nav-item active">
101              <a class="nav-link" href="/teaching/">
102                
103                
104                <span class="sr-only">(current)</span>
105                
106              </a>
107          </li>
108          
109          
110          
111          
112          
113          
114          
115          
116          
117          
118        </ul>
119      </div>
120    </div>
121  </nav>
122
123</header>
124
125
126    <!-- Content -->
127
128    <div class="container mt-5">
129      <div class="post">
130
131  <header class="post-header">
132    <h1 class="post-title"></h1>
133    <p class="post-description">A growing collection of your cool projects.</p>
134  </header>
135
136  <article>
137    <div class="projects grid">
138
139  
140  
141  <div class="grid-item">
142    
143    <a href="/projects/1_project/">
144    
145      <div class="card hoverable">
146        
147        <img src="/assets/img/12.jpg" alt="project thumbnail" />
148        
149        <div class="card-body">
150          <h2 class="card-title text-lowercase">project 1</h2>
151          <p class="card-text">a project with a background image</p>
152          <div class="row ml-1 mr-1 p-0">
153            
154          </div>
155        </div>
156      </div>
157    </a>
158  </div>
159
160  <div class="grid-item">
161    
162    <a href="/projects/2_project/">
163    
164      <div class="card hoverable">
165        
166        <img src="/assets/img/3.jpg" alt="project thumbnail" />
167        
168        <div class="card-body">
169          <h2 class="card-title text-lowercase">project 2</h2>
170          <p class="card-text">a project with a background image</p>
171          <div class="row ml-1 mr-1 p-0">
172            
173          </div>
174        </div>
175      </div>
176    </a>
177  </div>
178
179  <div class="grid-item">
180    
181    <a href="https://unsplash.com" target="_blank">
182    
183      <div class="card hoverable">
184        
185        <img src="/assets/img/7.jpg" alt="project thumbnail" />
186        
187        <div class="card-body">
188          <h2 class="card-title text-lowercase">project 3</h2>
189          <p class="card-text">a project that redirects to another website</p>
190          <div class="row ml-1 mr-1 p-0">
191            
192          </div>
193        </div>
194      </div>
195    </a>
196  </div>
197
198  <div class="grid-item">
199    
200    <a href="/projects/4_project/">
201    
202      <div class="card hoverable">
203        
204        <div class="card-body">
205          <h2 class="card-title text-lowercase">project 4</h2>
206          <p class="card-text">another without an image</p>
207          <div class="row ml-1 mr-1 p-0">
208            
209          </div>
210        </div>
211      </div>
212    </a>
213  </div>
214
215  <div class="grid-item">
216    
217    <a href="/projects/5_project/">
218    
219      <div class="card hoverable">
220        
221        <img src="/assets/img/1.jpg" alt="project thumbnail" />
222        
223        <div class="card-body">
224          <h2 class="card-title text-lowercase">project 5</h2>
225          <p class="card-text">a project with a background image</p>
226          <div class="row ml-1 mr-1 p-0">
227            
228          </div>
229        </div>
230      </div>
231    </a>
232  </div>
233
234  <div class="grid-item">
235    
236    <a href="/projects/6_project/">
237    
238      <div class="card hoverable">
239        
240        <div class="card-body">
241          <h2 class="card-title text-lowercase">project 6</h2>
242          <p class="card-text">a project with no image</p>
243          <div class="row ml-1 mr-1 p-0">
244            
245          </div>
246        </div>
247      </div>
248    </a>
249  </div>
250
251
252</div>
253
254  </article>
255
256</div>
257
258    </div>
259
260    <!-- Footer -->
261
262    
263<footer class="fixed-bottom">
264  <div class="container mt-0">
265    &copy;

265 Copyright 2020 Yuqing  Du.
266    Powered by <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> with <a href="https://github.com/alshedivat/al-folio">al-folio</a> theme. Hosted by <a href="https://pages.github.com/" target="_blank">GitHub Pages</a>. Photos from <a href="https://unsplash.com" target="_blank">Unsplash</a>.
267
268    
269    Last updated: October 03, 2020.
270    
271  </div>
272</footer>
273
274
275
276  </body>
277
278  <!-- jQuery -->

279<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>

279
280
281  <!-- Bootsrap & MDB scripts -->

282<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.4.4/umd/popper.min.js" integrity="sha512-eUQ9hGdLjBjY3F41CScH3UX+4JDSI9zXeroz7hJ+RteoCaY+GP/LDoM8AO+Pt+DRFw3nXqsjh9Zsts8hnYv8/A==" crossorigin="anonymous"></script>

282

283<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha512-M5KW3ztuIICmVIhjSqXe01oV2bpe248gOxqmlcYrEzAvws7Pw3z6BK0iGbrwvdrUQUhi3eXgtxp5I8PDo9YfjQ==" crossorigin="anonymous"></script>

283

284<script src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/js/mdb.min.js" integrity="sha512-Mug9KHKmroQFMLm93zGrjhibM2z2Obg9l6qFG2qKjXEXkMp/VDkI4uju9m4QKPjWSwQ6O2qzZEnJDEeCw0Blcw==" crossorigin="anonymous"></script>

284
285
286  
287<!-- Mansory & imagesLoaded -->

288<script defer src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>

288

289<script defer src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>

289

290<script defer src="/assets/js/mansory.js" type="text/javascript"></script>

290
291
292
293  
294
295
296
297<!-- Load Common JS -->

298<script src="/assets/js/common.js"></script>

298
299
300
301</html>