PageSourceSearch

https://eyzhao.github.io/

html eyzhao.github.io collected 2026-10-03 09:10:42 UTC 23,354 bytes, 545 lines download raw bytes

1<!DOCTYPE html>
2<html>
3
4  <head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <title>Eric Zhao</title>
8    <meta name="viewport" content="width=device-width">
9    <meta name="description" content="Professional site for Eric Y. Zhao, MD, PhD, radiation oncologist, cancer researcher, data scientist.">
10    <link rel="icon" href="/img/logo/logo.png">
11
12
13    <!-- Custom CSS & Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
14
15    <link rel="canonical" href="https://eyzhao.github.io//">
16
17    <link rel="stylesheet" href="/style.css">
18
19    <!-- Custom Fonts -->
20    <link rel="stylesheet" href="/css/font-awesome/css/font-awesome.min.css">
21    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
22    <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
23    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
24    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
25    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
vendor: 87 bytes, lines 25-29
25
26
27    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
28
29    
29<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
30    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
31    <!--[if lt IE 9]>
32        
32<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
32
33        
33<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
33
34    <![endif]-->
35    
36</head>
37
38
39
40    <body id="page-top" class="index">
41
42    
43  <!-- Navigation -->
44    <nav class="navbar navbar-default navbar-fixed-top">
45        <div class="container">
46            <!-- Brand and toggle get grouped for better mobile display -->
47            <div class="navbar-header page-scroll">
48                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
49                    <span class="sr-only">Toggle navigation</span>
50                    <span class="icon-bar"></span>
51                    <span class="icon-bar"></span>
52                    <span class="icon-bar"></span>
53                </button>
54            </div>
55
56            <!-- Collect the nav links, forms, and other content for toggling -->
57            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
58                <a href='/'>
59                    <img src='/img/logo/logo.png' class='nav-logo'/>
60                </a>
61                <ul class="nav navbar-nav navbar-right">
62                    <li class="hidden">
63                        <a href="#page-top"></a>
64                    </li>
65                    <li>
66                        <a class="page-scroll" href="#about">About</a>
67                    </li>
68                    <li>
69                        <a class="page-scroll" href="#cv">CV</a>
70                    </li>
71                    <li>
72                        <a class="page-scroll" href="#blog">Blog</a>
73                    </li>
74                    <!--
75                    <li>
76                        <a class="page-scroll" href="#portfolio">Portfolio</a>
77                    </li>
78                    -->
79                    <li>
80                        <a class="page-scroll" href="#contact">Contact</a>
81                    </li>
82                </ul>
83            </div>
84            <!-- /.navbar-collapse -->
85        </div>
86        <!-- /.container-fluid -->
87    </nav>
88
89
90
91    <!-- Header -->
92    <header>
93        <div class="container">
94            <div class="intro-text" style='text-shadow: 0px 0px 5px black'>
95                <div class="intro-heading">Eric Zhao<span class="degrees">, MD, PhD</degrees></div>
96                <div class="intro-lead-in">Cancer Doctor / Data Scientist</div>
97            </div>
98        </div>
99    </header>
100<!--
101        
102          <a class="page-link" href="/categories">Categories</a>
103        
104          
105        
106          <a class="page-link" href="/blog/">Home</a>
107        
108          
109        
110          
111        
112          
113        
114          
115        
116          
117        
118          
119        
120          
121        
122 -->
123
124
125    <!-- Services Section -->
126    <section id="about" class="bg-light-gray">
127        <div class="container">
128            <div class="row">
129                <div class="col-lg-12 text-center">
130                    <h2 class="section-heading">About</h2>
131                    <h3 class="section-subheading text-muted" style='margin-bottom: 2em'>Enabling personalized cancer therapy.</h3>
132                    <p style='margin-bottom: 2em'>
133                        I grew up in a few different cities,
134                        but mostly in <a href="https://vancouver.ca/">Vancouver, BC</a>.
135                        When I’m not seeing patients or
136                        <a href="/research/article/2020/05/09/scientific-literature/">keeping up with the scientific literature</a>,
137                        you’ll find me tinkering with graphic design, <a href="/music/milestones/2020/03/10/piano/">playing music</a>,
138                        biking around the city, listening to podcasts, shooting photos, and many more
139                        things I feel obligated to do as a west coast millenial.
140                    </p>
141                </div>
142
143            </div>
144            <div class="row text-center">
145                <div class="col-md-4">
146                    <span class="fa-stack fa-4x">
147                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
148                        <i class="fa fa-user-md fa-stack-1x fa-inverse"></i>
149                    </span>
150                    <h4 class="service-heading">Radiation Oncologist</h4>
151                    <p class="text-muted">
152                        <strong>Resident doctor</strong> at the University of Toronto,
153                        specializing in <a href="https://www.radonc.utoronto.ca/">Radiation Oncology</a>.
154                    </p>
155                </div>
156                <div class="col-md-4">
157                    <span class="fa-stack fa-4x">
158                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
159                        <i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
160                    </span>
161                    <h4 class="service-heading">Data Scientist</h4>
162                    <p class="text-muted">
163                        <strong>I love health, and I love data</strong>.
164                        So I especially love studying how we can use data to improve health.
165                        I’m basically a gene hacker - I use data science to uncover new
166                        knowledge about the human cancer genome.
167                    </p>
168                </div>
169                <div class="col-md-4">
170                    <span class="fa-stack fa-4x">
171                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
172                        <i class="fa fa-area-chart fa-stack-1x fa-inverse"></i>
173                    </span>
174                    <h4 class="service-heading">Cancer Researcher</h4>
175                    <p class="text-muted">
176                    My <a href="/milestones/2020/06/17/mdphd-graduation-ceremony/"><strong>PhD research</strong></a> happened at the
177                        <a href="http://bcgsc.ca/">Michael Smith Genome Sciences Centre</a>.
178                        I investigated how cancers (fail to) repair their DNA, and how
179                        that could improve cancer treatment.
180                    </p>
181                </div>
182            </div>
183        </div>
184    </section>
185
186    <!-- About Section -->
187    <section id="cv">
188        <div class="container">
189            <div class="row">
190                <div class="col-lg-12 text-center">
191                    <h2 class="section-heading">CV</h2>
192                    <h3 class="section-subheading text-muted">Complete curriculum vitae, with awards, publications, and leadership roles.</h3>
193                </div>
194            </div>
195            <div class="cv-screenshot-container">
196                <a href='http://eyzhao.com/cv'>
197                    <img src='img/cv-image.png' style="width: 100%">
198                </a>
199            </div>
200        </div>
201    </section>
202
203    <!-- About Section -->
204    <section id="blog" class="bg-light-gray">
205        <div class="container">
206            <div class="row">
207                <div class="col-lg-12 text-center">
208                    <h2 class="section-heading">Posts</h2>
209                    <h3 class="section-subheading text-muted">Latest Blog Posts</h3>
210                </div>
211            </div>
212            <div class="row">
213                <div class="col-lg-12">
214                    <ul class="timeline">
215
216                        
217                        
218                        
219                        
220
221                        
222
223                        
224                        
225                        <li>
226                        
227                            <div class="timeline-image">
228                                <img class="img-circle img-responsive" src="img/posts/gradphoto-1.jpg" alt="">
229                            </div>
230                            <div class="timeline-panel">
231                                <div class="timeline-heading">
232                                    <h5>17 Jun 2020</h5>
233                                    <a class="post-link" href="/milestones/2020/06/17/mdphd-graduation-ceremony/">
234                                        <h4 class="subheading">Graduation from the UBC MD/PhD program</h4>
235                                    </a>
236
237                                </div>
238                                <div class="timeline-body">
239                                    <p class="text-muted">My goals, gratitudes, and thoughts on graduating in a global pandemic.</p>
240                                </div>
241                            </div>
242                        </li>
243
244                        
245                        
246                        
247                        
248
249                        
250
251                        
252                        
253                        <li class="timeline-inverted">
254                        
255                            <div class="timeline-image">
256                                <img class="img-circle img-responsive" src="img/posts/scientific-literature.png" alt="">
257                            </div>
258                            <div class="timeline-panel">
259                                <div class="timeline-heading">
260                                    <h5>09 May 2020</h5>
261                                    <a class="post-link" href="/research/article/2020/05/09/scientific-literature/">
262                                        <h4 class="subheading">Keeping up with scientific literature</h4>
263                                    </a>
264
265                                </div>
266                                <div class="timeline-body">
267                                    <p class="text-muted">Methods I use to keep on top of the scientific literature</p>
268                                </div>
269                            </div>
270                        </li>
271
272                        
273                        
274                        
275                        
276
277                        
278
279                        
280                        
281                        <li>
282                        
283                            <div class="timeline-image">
284                                <img class="img-circle img-responsive" src="img/posts/piano.jpg" alt="">
285                            </div>
286                            <div class="timeline-panel">
287                                <div class="timeline-heading">
288                                    <h5>10 Mar 2020</h5>
289                                    <a class="post-link" href="/music/milestones/202
2890/03/10/piano/">
290                                        <h4 class="subheading">Performing Music with UBC President Santa Ono</h4>
291                                    </a>
292
293                                </div>
294                                <div class="timeline-body">
295                                    <p class="text-muted">What better way to cap off 11 years at UBC?</p>
296                                </div>
297                            </div>
298                        </li>
299
300                        
301                        
302                        
303                        
304
305                        
306                        
307                        <li class="timeline-inverted">
308                            <div class="timeline-image">
309                                <a href='/blog' style='color: white'>
310                                    <h4>More<br>Blog<br>Posts</h4>
311                                </a>
312                            </div>
313                        </li>
314                    </ul>
315                </div>
316            </div>
317        </div>
318    </section>
319
320    <section id="contact">
321        <div class="container">
322            <div class="row">
323                <div class="col-lg-12 text-center">
324                    <h2 class="section-heading">Contact</h2>
325                    <h3 class="section-subheading text-muted">Shoot me a message to connect!</h3>
326                    <p>
327                        You can connect on <a href='https://twitter.com/zhaoez'>Twitter</a> or <a href='https://github.com/eyzhao'>GitHub</a>.
328                    </p>
329                    <p>
330                    Or you can <button class='contact-button' href="https://mailhide.io/e/34ShD" onclick="mailhidepopup=window.open('https://mailhide.io/e/34ShD','mailhidepopup','width=580,height=635'); return false;">Email Me</button>
331                    </p>
332                </div>
333            </div>
334 
335        </div>
336    </section>
337
338      <footer>
339        <div class="container">
340            <div class="row">
341                <div class="col-md-4">
342                    <span class="copyright">Copyright &copy; Eric Zhao 2021</span>
343                </div>
344                <div class="col-md-4">
345                    <ul class="list-inline social-buttons">
346                        
347                        <li><a href="https://twitter.com/zhaoez"><i class="fa fa-twitter"></i></a>
348                        </li>
349                        
350                        <li><a href="https://scholar.google.com/citations?user=lUGg5RMAAAAJ&hl=en"><i class="fa fa-google scholar"></i></a>
351                        </li>
352                        
353                        <li><a href="https://github.com/eyzhao"><i class="fa fa-github"></i></a>
354                        </li>
355                        
356                    </ul>
357                </div>
358                <div class="col-md-4">
359                    <ul class="list-inline quicklinks">
360                        <li><a href="#">Privacy Policy</a>
361                        </li>
362                        <li><a href="#">Terms of Use</a>
363                        </li>
364                    </ul>
365                </div>
366            </div>
367        </div>
368    </footer>
369
370     <!-- Portfolio Modals -->
371 
372    <div class="portfolio-modal modal fade" id="portfolioModal" tabindex="-1" role="dialog" aria-hidden="true">
373        <div class="modal-content">
374            <div class="close-modal" data-dismiss="modal">
375                <div class="lr">
376                    <div class="rl">
377                    </div>
378                </div>
379            </div>
380            <div class="container">
381                <div class="row">
382                    <div class="col-lg-8 col-lg-offset-2">
383                        <div class="modal-body">
384                            <h2>Graduation from the UBC MD/PhD program</h2>
385                            <hr class="star-primary">
386                            <img src="img/portfolio/" class="img-responsive img-centered" alt="">
387                            <p>My goals, gratitudes, and thoughts on graduating in a global pandemic.</p>
388                            <ul class="list-inline item-details">
389                                <li>Client:
390                                    <strong><a href="http://startbootstrap.com"></a>
391                                    </strong>
392                                </li>
393                                <li>Date:
394                                    <strong><a href="http://startbootstrap.com"></a>
395                                    </strong>
396                                </li>
397                                <li>Service:
398                                    <strong><a href="http://startbootstrap.com">Milestones</a>
399                                    </strong>
400                                </li>
401                            </ul>
402                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
403                        </div>
404                    </div>
405                </div>
406            </div>
407        </div>
408    </div>
409
410    <div class="portfolio-modal modal fade" id="portfolioModal" tabindex="-1" role="dialog" aria-hidden="true">
411        <div class="modal-content">
412            <div class="close-modal" data-dismiss="modal">
413                <div class="lr">
414                    <div class="rl">
415                    </div>
416                </div>
417            </div>
418            <div class="container">
419                <div class="row">
420                    <div class="col-lg-8 col-lg-offset-2">
421                        <div class="modal-body">
422                            <h2>Keeping up with scientific literature</h2>
423                            <hr class="star-primary">
424                            <img src="img/portfolio/" class="img-responsive img-centered" alt="">
425                            <p>Methods I use to keep on top of the scientific literature</p>
426                            <ul class="list-inline item-details">
427                                <li>Client:
428                                    <strong><a href="http://startbootstrap.com"></a>
429                                    </strong>
430                                </li>
431                                <li>Date:
432                                    <strong><a href="http://startbootstrap.com"></a>
433                                    </strong>
434                                </li>
435                                <li>Service:
436                                    <strong><a href="http://startbootstrap.com"></a>
437                                    </strong>
438                                </li>
439                            </ul>
440                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
441                        </div>
442                    </div>
443                </div>
444            </div>
445        </div>
446    </div>
447
448    <div class="portfolio-modal modal fade" id="portfolioModal" tabindex="-1" role="dialog" aria-hidden="true">
449        <div class="modal-content">
450            <div class="close-modal" data-dismiss="modal">
451                <div class="lr">
452                    <div class="rl">
453                    </div>
454                </div>
455            </div>
456            <div class="container">
457                <div class="row">
458                    <div class="col-lg-8 col-lg-offset-2">
459                        <div class="modal-body">
460                            <h2>Performing Music with UBC President Santa Ono</h2>
461                            <hr class="star-primary">
462                            <img src="img/portfolio/" class="img-responsive img-centered" alt="">
463                            <p>What better way to cap off 11 years at UBC?</p>
464                            <ul class="list-inline item-details">
465                                <li>Client:
466                                    <strong><a href="http://startbootstrap.com"></a>
467                                    </strong>
468                                </li>
469                                <li>Date:
470                                    <strong><a href="http://startbootstrap.com"></a>
471                                    </strong>
472                                </li>
473                                <li>Service:
474                                    <strong><a href="http://startbootstrap.com">MusicMilestones</a>
475                                    </strong>
476                                </li>
477                            </ul>
478                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
479                        </div>
480                    </div>
481                </div>
482            </div>
483        </div>
484    </div>
485
486    <div class="portfolio-modal modal fade" id="portfolioModal" tabindex="-1" role="dialog" aria-hidden="true">
487        <div class="modal-content">
488            <div class="close-modal" data-dismiss="modal">
489                <div class="lr">
490                    <div class="rl">
491                    </div>
492                </div>
493            </div>
494            <div class="container">
495                <div class="row">
496                    <div class="col-lg-8 col-lg-offset-2">
497                        <div class="modal-body">
498                            <h2>Thesis Defence on May 7th, 2018</h2>
499                            <hr class="star-primary">
500                            <img src="img/portfolio/" class="img-responsive img-centered" alt="">
501                            <p>Details about my thesis defence.</p>
502                            <ul class="list-inline item-details">
503                                <li>Client:
504                                    <strong><a href="http://startbootstrap.com"></a>
505                                    </strong>
506                                </li>
507                                <li>Date:
508                                    <strong><a href="http://startbootstrap.com"></a>
509                                    </strong>
510                                </li>
511                                <li>Service:
512                                    <strong><a href="http://startbootstrap.com"></a>
513                                    </strong>
514                                </li>
515                            </ul>
516                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
517                        </div>
518                    </div>
519                </div>
520            </div>
521        </div>
522    </div>
523
524
525     <!-- jQuery Version 1.11.0 -->
526    
526<script src="/js/jquery-1.11.0.js"></script>
526
527
528    <!-- Bootstrap Core JavaScript -->
529    
529<script src="/js/bootstrap.min.js"></script>
529
530
531    <!-- Plugin JavaScript -->
532    
532<script src="/js/jquery.easing.min.js"></script>
532
533    
533<script src="/js/classie.js"></script>
533
534    
534<script src="/js/cbpAnimatedHeader.js"></script>
534
535
536    <!-- Contact Form JavaScript -->
537    
537<script src="/js/jqBootstrapValidation.js"></script>
537
538    
538<script src="/js/contact_me.js"></script>
538
539
540    <!-- Custom Theme JavaScript -->
541    
541<script src="/js/agency.js"></script>
541
542
543
544    </body>
545</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.