https://yhuan196.github.io/index.html

1<!DOCTYPE html>
2
3<html>
4
5<head>
6
7<meta charset="utf-8" />
8<meta name="generator" content="pandoc" />
9<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
10
11
12
13
14<title>Yi Huang</title>
15

16<script src="site_libs/header-attrs-2.16/header-attrs.js"></script>

16

17<script src="site_libs/jquery-3.6.0/jquery-3.6.0.min.js"></script>

17
18<meta name="viewport" content="width=device-width, initial-scale=1" />
19<link href="site_libs/bootstrap-3.3.5/css/flatly.min.css" rel="stylesheet" />

20<script src="site_libs/bootstrap-3.3.5/js/bootstrap.min.js"></script>

20

21<script src="site_libs/bootstrap-3.3.5/shim/html5shiv.min.js"></script>

21

22<script src="site_libs/bootstrap-3.3.5/shim/respond.min.js"></script>

22
23<style>h1 {font-size: 34px;}
24       h1.title {font-size: 38px;}
25       h2 {font-size: 30px;}
26       h3 {font-size: 24px;}
27       h4 {font-size: 18px;}
28       h5 {font-size: 16px;}
29       h6 {font-size: 12px;}
30       code {color: inherit; background-color: rgba(0, 0, 0, 0.04);}
31       pre:not([class]) { background-color: white }</style>

32<script src="site_libs/jqueryui-1.11.4/jquery-ui.min.js"></script>

32
33<link href="site_libs/tocify-1.9.1/jquery.tocify.css" rel="stylesheet" />

34<script src="site_libs/tocify-1.9.1/jquery.tocify.js"></script>

34

35<script src="site_libs/navigation-1.1/tabsets.js"></script>

35
36<link href="site_libs/highlightjs-9.12.0/default.css" rel="stylesheet" />

37<script src="site_libs/highlightjs-9.12.0/highlight.js"></script>

37
38<link href="site_libs/font-awesome-5.1.0/css/all.css" rel="stylesheet" />
39<link href="site_libs/font-awesome-5.1.0/css/v4-shims.css" rel="stylesheet" />
40
41<style type="text/css">
42  code{white-space: pre-wrap;}
43  span.smallcaps{font-variant: small-caps;}
44  span.underline{text-decoration: underline;}
45  div.column{display: inline-block; vertical-align: top; width: 50%;}
46  div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
47  ul.task-list{list-style: none;}
48    </style>
49
50<style type="text/css">code{white-space: pre;}</style>

51<script type="text/javascript">
52if (window.hljs) {
53  hljs.configure({languages: []});
54  hljs.initHighlightingOnLoad();
55  if (document.readyState && document.readyState === "complete") {
56    window.setTimeout(function() { hljs.initHighlighting(); }, 0);
57  }
58}
59</script>

59
60
61
62
63
64
65
66
67
68
69<style type = "text/css">
70.main-container {
71  max-width: 940px;
72  margin-left: auto;
73  margin-right: auto;
74}
75img {
76  max-width:100%;
77}
78.tabbed-pane {
79  padding-top: 12px;
80}
81.html-widget {
82  margin-bottom: 20px;
83}
84button.code-folding-btn:focus {
85  outline: none;
86}
87summary {
88  display: list-item;
89}
90details > summary > p:only-child {
91  display: inline;
92}
93pre code {
94  padding: 0;
95}
96</style>
97
98
99<style type="text/css">
100.dropdown-submenu {
101  position: relative;
102}
103.dropdown-submenu>.dropdown-menu {
104  top: 0;
105  left: 100%;
106  margin-top: -6px;
107  margin-left: -1px;
108  border-radius: 0 6px 6px 6px;
109}
110.dropdown-submenu:hover>.dropdown-menu {
111  display: block;
112}
113.dropdown-submenu>a:after {
114  display: block;
115  content: " ";
116  float: right;
117  width: 0;
118  height: 0;
119  border-color: transparent;
120  border-style: solid;
121  border-width: 5px 0 5px 5px;
122  border-left-color: #cccccc;
123  margin-top: 5px;
124  margin-right: -10px;
125}
126.dropdown-submenu:hover>a:after {
127  border-left-color: #adb5bd;
128}
129.dropdown-submenu.pull-left {
130  float: none;
131}
132.dropdown-submenu.pull-left>.dropdown-menu {
133  left: -100%;
134  margin-left: 10px;
135  border-radius: 6px 0 6px 6px;
136}
137</style>
138

139<script type="text/javascript">
140// manage active state of menu based on current page
141$(document).ready(function () {
142  // active menu anchor
143  href = window.location.pathname
144  href = href.substr(href.lastIndexOf('/') + 1)
145  if (href === "")
146    href = "index.html";
147  var menuAnchor = $('a[href="' + href + '"]');
148
149  // mark the anchor link active (and if it's in a dropdown, also mark that active)
150  var dropdown = menuAnchor.closest('li.dropdown');
151  if (window.bootstrap) { // Bootstrap 4+
152    menuAnchor.addClass('active');
153    dropdown.find('> .dropdown-toggle').addClass('active');
154  } else { // Bootstrap 3
155    menuAnchor.parent().addClass('active');
156    dropdown.addClass('active');
157  }
158
159  // Navbar adjustments
160  var navHeight = $(".navbar").first().height() + 15;
161  var style = document.createElement('style');
162  var pt = "padding-top: " + navHeight + "px; ";
163  var mt = "margin-top: -" + navHeight + "px; ";
164  var css = "";
165  // offset scroll position for anchor links (for fixed navbar)
166  for (var i = 1; i <= 6; i++) {
167    css += ".section h" + i + "{ " + pt + mt + "}\n";
168  }
169  style.innerHTML = "body {" + pt + "padding-bottom: 40px; }\n" + css;
170  document.head.appendChild(style);
171});
172</script>

172
173
174<!-- tabsets -->
175
176<style type="text/css">
177.tabset-dropdown > .nav-tabs {
178  display: inline-table;
179  max-height: 500px;
180  min-height: 44px;
181  overflow-y: auto;
182  border: 1px solid #ddd;
183  border-radius: 4px;
184}
185
186.tabset-dropdown > .nav-tabs > li.active:before {
187  content: "";
188  font-family: 'Glyphicons Halflings';
189  display: inline-block;
190  padding: 10px;
191  border-right: 1px solid #ddd;
192}
193
194.tabset-dropdown > .nav-tabs.nav-tabs-open > li.active:before {
195  content: "&#xe258;";
196  border: none;
197}
198
199.tabset-dropdown > .nav-tabs.nav-tabs-open:before {
200  content: "";
201  font-family: 'Glyphicons Halflings';
202  display: inline-block;
203  padding: 10px;
204  border-right: 1px solid #ddd;
205}
206
207.tabset-dropdown > .nav-tabs > li.active {
208  display: block;
209}
210
211.tabset-dropdown > .nav-tabs > li > a,
212.tabset-dropdown > .nav-tabs > li > a:focus,
213.tabset-dropdown > .nav-tabs > li > a:hover {
214  border: none;
215  display: inline-block;
216  border-radius: 4px;
217  background-color: transparent;
218}
219
220.tabset-dropdown > .nav-tabs.nav-tabs-open > li {
221  display: block;
222  float: none;
223}
224
225.tabset-dropdown > .nav-tabs > li {
226  display: none;
227}
228</style>
229
230<!-- code folding -->
231
232
233
234<style type="text/css">
235
236#TOC {
237  margin: 25px 0px 20px 0px;
238}
239@media (max-width: 768px) {
240#TOC {
241  position: relative;
242  width: 100%;
243}
244}
245
246@media print {
247.toc-content {
248  /* see https://github.com/w3c/csswg-drafts/issues/4434 */
249  float: right;
250}
251}
252
253.toc-content {
254  padding-left: 30px;
255  padding-right: 40px;
256}
257
258div.main-container {
259  max-width: 1200px;
260}
261
262div.tocify {
263  width: 20%;
264  max-width: 260px;
265  max-height: 85%;
266}
267
268@media (min-width: 768px) and (max-width: 991px) {
269  div.tocify {
270    width: 25%;
271  }
272}
273
274@media (max-width: 767px) {
275  div.tocify {
276    width: 100%;
277    max-width: none;
278  }
279}
280
281.tocify ul, .tocify li {
282  line-height: 20px;
283}
284
285.tocify-subheader .tocify-item {
286  font-size: 0.90em;
287}
288
289.tocify .list-group-item {
290  border-radius: 0px;
291}
292
293
294</style>
295
296
297
298</head>
299
300<body>
301
302
303<div class="container-fluid main-container">
304
305
306<!-- setup 3col/9col grid for toc_float and main content  -->
307<div class="row">
308<div class="col-xs-12 col-sm-4 col-md-3">
309<div id="TOC" class="tocify">
310</div>
311</div>
312
313<div class="toc-content col-xs-12 col-sm-8 col-md-9">
314
315
316
317
318<div class="navbar navbar-default  navbar-fixed-top" role="navigation">
319  <div class="container">
320    <div class="navbar-header">
321      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbar" data-bs-target="#navbar">
322        <span class="icon-bar"></span>
323        <span class="icon-bar"></span>
324        <span class="icon-bar"></span>
325      </button>
326      <a class="navbar-brand" href="index.html">Home</a>
327    </div>
328    <div id="navbar" class="navbar-collapse collapse">
329      <ul class="nav navbar-nav">
330        
331      </ul>
332      <ul class="nav navbar-nav navbar-right">
333        <li>
334  <a href="about.html">About</a>
335</li>
336<li>
337  <a href="dashboard.html">Dashboard</a>
338</li>
339<li>
340  <a href="mailto:&lt;[email protected]&gt;">
341    <span class="fa fa-envelope fa-lg"></span>
342     
343  </a>
344</li>
345<li>
346  <a href="http://github.com/yhuan196/">
347    <span class="fa fa-github fa-lg"></span>
348     
349  </a>
350</li>
351<li>
352  <a href="http://www.linkedin.com/in/yi-b50925177/">
353    <span class="fab fa-linkedin fa-lg"></span>
354     
355  </a>
356</li>
357      </ul>
358    </div><!--/.nav-collapse -->
359  </div><!--/.container -->
360</div><!--/.navbar -->
361
362<div id="header">
363
364
365
366<h1 class="title toc-ignore">Yi Huang</h1>
367
368</div>
369
370
371<div id="welcome-to-my-personal-website" class="section level1">
372<h1>Welcome to my personal website!</h1>
373<p><img src = "images/E00E943D.jpeg" style = "width:30%"></p>
374<div
375id="i-graduated-from-binghamton-university-in-2022-with-bs-in-mathematics-and-economics.-currently-im-a-graduate-student-studying-biostatistics-at-mailman-school-of-public-health-columbia-university."
376class="section level5">
377<h5>I graduated from Binghamton University in 2022 with BS in
378Mathematics and Economics. Currently, I’m a graduate student studying
379Biostatistics at Mailman school of public health, Columbia
380University.</h5>
381</div>

382<div id="to-know-me-better-please-click-here." class="section level5">
383<h5>To know me better, please click <a href="about.html">here</a>.</h5>
384</div>
385</div>
386
387
388
389</div>
390</div>
391
392</div>
393

394<script>
395
396// add bootstrap table styles to pandoc tables
397function bootstrapStylePandocTables() {
398  $('tr.odd').parent('tbody').parent('table').addClass('table table-condensed');
399}
400$(document).ready(function () {
401  bootstrapStylePandocTables();
402});
403
404
405</script>

405
406
407<!-- tabsets -->
408

409<script>
410$(document).ready(function () {
411  window.buildTabsets("TOC");
412});
413
414$(document).ready(function () {
415  $('.tabset-dropdown > .nav-tabs > li').click(function () {
416    $(this).parent().toggleClass('nav-tabs-open');
417  });
418});
419</script>

419
420
421<!-- code folding -->
422

423<script>
424$(document).ready(function ()  {
425
426    // temporarily add toc-ignore selector to headers for the consistency with Pandoc
427    $('.unlisted.unnumbered').addClass('toc-ignore')
428
429    // move toc-ignore selectors from section div to header
430    $('div.section.toc-ignore')
431        .removeClass('toc-ignore')
432        .children('h1,h2,h3,h4,h5').addClass('toc-ignore');
433
434    // establish options
435    var options = {
436      selectors: "h1,h2,h3",
437      theme: "bootstrap3",
438      context: '.toc-content',
439      hashGenerator: function (text) {
440        return text.replace(/[.\\/?&!#<>]/g, '').replace(/\s/g, '_');
441      },
442      ignoreSelector: ".toc-ignore",
443      scrollTo: 0
444    };
445    options.showAndHide = true;
446    options.smoothScroll = true;
447
448    // tocify
449    var toc = $("#TOC").tocify(options).data("toc-tocify");
450});
451</script>

451
452
453<!-- dynamically load mathjax for compatibility with self-contained -->

454<script>
455  (function () {
456    var script = document.createElement("script");
457    script.type = "text/javascript";
458    script.src  = "https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML";
459    document.getElementsByTagName("head")[0].appendChild(script);
460  })();
461</script>

461
462
463</body>
464</html>