1<!DOCTYPE html> 2<html> 3 4 <head> 5 6 <meta charset="utf-8"> 7<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 8<meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 10<title> 11 12 Yuke Wang 13 14 15 | projects 16 17</title> 18<meta name="description" content="A simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design. 19"> 20 21<!-- Open Graph --> 22 23 24<!-- Bootstrap & MDB --> 25<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous"> 26<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" /> 27 28<!-- Fonts & Icons --> 29<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"> 30<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"> 31<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"> 32 33<!-- Code Syntax Highlighting --> 34<link rel="stylesheet" href="https://gitcdn.link/repo/jwarby/jekyll-pygments-themes/master/github.css" /> 35 36<!-- Styles --> 37 38<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>ð¹ï¸</text></svg>"> 39 40<link rel="stylesheet" href="/assets/css/main.css"> 41<link rel="canonical" href="/projects/"> 42 43<!-- JQuery --> 44<!-- jQuery -->
45<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
45 46 47 48<!-- Theming--> 49
50<script src="/assets/js/theme.js"></script>
vendor: 1 bytes, line 50
50
51<script src="/assets/js/dark_mode.js"></script>
51 52 53 54 55 56 57 58 59<!-- MathJax -->
60<script type="text/javascript"> 61 window.MathJax = { 62 tex: { 63 tags: 'ams' 64 } 65 }; 66</script>
vendor: 1 bytes, line 66
66
67<script defer type="text/javascript" id="MathJax-script" src="https://cdn.jsdelivr.net/npm/[email protected]/es5/tex-mml-chtml.js"></script>
vendor: 1 bytes, line 67
67
68<script defer src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
68 69 70 71 </head> 72 73 <body class="fixed-top-nav "> 74 75 <!-- Header --> 76 77 <header> 78 79 <!-- Nav Bar --> 80 <nav id="navbar" class="navbar navbar-light navbar-expand-sm fixed-top"> 81 <div class="container"> 82 83 <a class="navbar-brand title font-weight-lighter" href="https://YWAN446.github.io/"> 84 <span class="font-weight-bold">Yuke</span> Wang 85 </a> 86 87 <!-- Navbar Toggle --> 88 <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"> 89 <span class="sr-only">Toggle navigation</span> 90 <span class="icon-bar top-bar"></span> 91 <span class="icon-bar middle-bar"></span> 92 <span class="icon-bar bottom-bar"></span> 93 </button> 94 <div class="collapse navbar-collapse text-right" id="navbarNav"> 95 <ul class="navbar-nav ml-auto flex-nowrap"> 96 <!-- About --> 97 <li class="nav-item "> 98 <a class="nav-link" href="/"> 99 about 100 101 </a> 102 </li> 103 104 <!-- Blog --> 105 <li class="nav-item "> 106 <a class="nav-link" href="/blog/"> 107 blog 108 109 </a> 110 </li> 111 112 <!-- Other pages --> 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 <li class="nav-item active"> 140 <a class="nav-link" href="/projects/"> 141 projects 142 143 <span class="sr-only">(current)</span> 144 145 </a> 146 </li> 147 148 149 150 151 152 <li class="nav-item "> 153 <a class="nav-link" href="/publications/"> 154 publications 155 156 </a> 157 </li> 158 159 160 161 162 163 <li class="nav-item dropdown "> 164 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 165 research 166 167 </a> 168 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"> 169 170 171 <a class="dropdown-item" href="/projects/1_project/">COVID-19</a> 172 173 174 175 <a class="dropdown-item" href="/projects/2_project/">Multipathway Exposure Assessment</a> 176 177 178 179 <a class="dropdown-item" href="/projects/3_project/">Wastewater Surveillance</a> 180 181 182 </div> 183 </li> 184 185 186 187 188 189 <li class="nav-item "> 190 <a class="nav-link" href="/teaching/"> 191 teaching 192 193 </a> 194 </li> 195 196 197 198 199 <div class="toggle-container"> 200 <a id="light-toggle"> 201 <i class="fas fa-moon"></i> 202 <i class="fas fa-sun"></i> 203 </a> 204 </div> 205 206 </ul> 207 </div> 208 </div> 209 </nav> 210 211</header> 212 213 214 <!-- Content --> 215 216 <div class="container mt-5"> 217 <div class="post"> 218 219 <header class="post-header"> 220 <h1 class="post-title">projects</h1> 221 <p class="post-description">collection of my math/stats models and hobby models</p> 222 </header> 223 224 <article> 225 <div class="projects"> 226 227 <!-- Display categorized projects --> 228 229 <h2 class="category">work</h2> 230 231 232 <!-- Generate cards for each project --> 233 234 <div class="grid"> 235 236 <div class="grid-item"> 237 238 <a href="/projects/1_project/"> 239 240 <div class="card hoverable"> 241 242 <img src="/assets/img/cov_img_001.jpg" alt="project thumbnail"> 243 244 <div class="card-body"> 245 <h2 class="card-title text-lowercase">COVID-19 Transmission</h2> 246 <p class="card-text">a project to study the heterogeneity of SARS-CoV-2 transmission (i.e., serial interval, reproductive numbers)</p> 247 <div class="row ml-1 mr-1 p-0"> 248 249 </div> 250 </div> 251 </div> 252 </a> 253</div> 254 255 256 <div class="grid-item"> 257 258 <a href="/projects/2_project/"> 259 260 <div class="card hoverable"> 261 262 <img src="/assets/img/SP_img_001.jpg" alt="project thumbnail"> 263 264 <div class="card-body"> 265 <h2 class="card-title text-lowercase">SaniPath</h2> 266 <p class="card-text">a project to access the risk of exposure to fecal contamination through multiple environmental pathways in urban communities</p> 267 <div class="row ml-1 mr-1 p-0"> 268 269 </div> 270 </div> 271 </div> 272 </a> 273</div> 274 275 276 <div class="grid-item"> 277 278 <a href="/projects/3_project/"> 279 280 <div class="card hoverable"> 281 282 <img src="/assets/img/WWS_img_001.jpg" alt="project thumbnail"> 283 284 <div class="card-body"> 285 <h2 class="card-title text-lowercase">Wastewater Surveillance</h2> 286 <p class="card-text">a project of wastewater surveillance for pathogens (i.e., SARS-CoV-2, S. Typhi)</p> 287 <div class="row ml-1 mr-1 p-0"> 288 289 </div> 290 </div> 291 </div> 292 </a> 293</div> 294 295 296 </div> 297 298 299 <h2 class="category">fun</h2> 300 301 302 <!-- Generate cards for each project --> 303 304 <div class="grid"> 305 306 <div class="grid-item"> 307 308 <a href="/projects/4_project/"> 309 310 <div class="card hoverable"> 311 312 <img src="/assets/img/nu_img1.jpg" alt="project thumbnail"> 313 314 <div class="card-body"> 315 <h2 class="card-title text-lowercase">RX-93 nu Gundam</h2> 316 <p class="card-text">MG 1/100 Nu Gundam ver Ka with KOSMOS LED lighting component</p> 317 <div class="row ml-1 mr-1 p-0"> 318 319 </div> 320 </div> 321 </div> 322 </a> 323</div> 324 325 326 <div class="grid-item"> 327 328 <a href="/projects/5_project/"> 329 330 <div class="card hoverable"> 331 332 <div class="card-body"> 333 <h2 class="card-title text-lowercase">Shockwave (Transformers)</h2> 334 <p class="card-text">Yolopark Transformers Bumblebee Shockwave Model Kit</p> 335 <div class="row ml-1 mr-1 p-0"> 336 337 </div> 338 </div> 339 </div> 340 </a> 341</div> 342 343 344 </div> 345 346 347 348 349 350</div> 351 352 </article> 353 354</div> 355 356 </div> 357 358 <!-- Footer --> 359 360 361<footer class="fixed-bottom"> 362 <div class="container mt-0"> 363 © Copyright 2023 Yuke Wang. 364 Powered by <a href="http://jekyllrb.com/" target="_blank" rel="noopener noreferrer">Jekyll</a> with <a href="https://github.com/alshedivat/al-folio" target="_blank" rel="noopener noreferrer">al-folio</a> theme. Hosted by <a href="https://pages.github.com/" target="_blank" rel="noopener noreferrer">GitHub Pages</a>. Photos from <a href="https://unsplash.com" target="_blank" rel="noopener noreferrer">Unsplash</a>. 365 366 367 368 </div> 369</footer> 370 371 372 373 </body> 374 375 <!-- Bootsrap & MDB scripts -->
376<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>
vendor: 1 bytes, line 376
376
377<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha512-M5KW3ztuIICmVIhjSqXe01oV2bpe248gOxqmlcYrEzAvws7Pw3z6BK0iGbrwvdrUQUhi3eXgtxp5I8PDo9YfjQ==" crossorigin="anonymous"></script>
vendor: 1 bytes, line 377
377
378<script src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/js/mdb.min.js" integrity="sha512-Mug9KHKmroQFMLm93zGrjhibM2z2Obg9l6qFG2qKjXEXkMp/VDkI4uju9m4QKPjWSwQ6O2qzZEnJDEeCw0Blcw==" crossorigin="anonymous"></script>
378 379 380 381<!-- Mansory & imagesLoaded -->
382<script defer src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
vendor: 1 bytes, line 382
382
383<script defer src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
vendor: 1 bytes, line 383
383
384<script defer src="/assets/js/mansory.js" type="text/javascript"></script>
384 385 386 387 388 389 390<!-- Medium Zoom JS -->
391<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/medium-zoom.min.js" integrity="sha256-EdPgYcPk/IIrw7FYeuJQexva49pVRZNmt3LculEr7zM=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 391
391
392<script src="/assets/js/zoom.js"></script>
392 393 394 395<!-- Load Common JS -->
396<script src="/assets/js/common.js"></script>
396 397 398 399</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.