-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
98 lines (92 loc) · 9.22 KB
/
about.html
File metadata and controls
98 lines (92 loc) · 9.22 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Yolanda Shen | About</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Assistant">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Yellowtail">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/-Filterable-Cards-.css">
<link rel="stylesheet" href="assets/css/Contact-Form-Clean-1.css">
<link rel="stylesheet" href="assets/css/Contact-Form-Clean.css">
<link rel="stylesheet" href="assets/css/Footer-Basic.css">
<link rel="stylesheet" href="assets/css/gradient-navbar-1.css">
<link rel="stylesheet" href="assets/css/gradient-navbar.css">
<link rel="stylesheet" href="assets/css/Navigation-Clean.css">
<link rel="stylesheet" href="assets/css/Projects-Clean.css">
<link rel="stylesheet" href="assets/css/Social-Icons.css">
<link rel="stylesheet" href="assets/css/styles.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-169850642-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-169850642-1');
</script>
</head>
<body style="background-color: rgb(255,255,255);">
<section id="about" style="max-width: 100%;background-color: white;">
<nav class="navbar navbar-dark navbar-expand-md" id="app-navbar" style="background: rgba(255,255,255,0);padding-bottom: 20px;padding-top: 30px;border-bottom: 1px solid rgb(116,116,116);">
<div class="container-fluid">
<div class="container d-sm-flex align-items-sm-center" style="padding: 0px;"><a class="navbar-brand navname2" href="index.html" style="font-family: Raleway, sans-serif;font-size: 28px;font-weight: bold;background-position: center;background-repeat: no-repeat;color: #0056b3;">Yolanda Shen</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon" style="filter: invert(100%);"></span></button>
<div class="collapse navbar-collapse" id="navcol-1" style="font-family: 'Raleway';font-size: 19px;">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link active navlink" href="about.html" style="color: #0056b3;"><strong>About Me</strong></a></li>
<li class="nav-item"><a class="nav-link navlink" href="projects.html" style="color: black;">Projects</a></li>
<li class="nav-item"><a class="nav-link navlink" href="https://drive.google.com/file/d/1vmp8dAoPNO-jILzICmRgYvLsItd5yiJE/view?usp=sharing" style="color: black;" target="_blank">Resume</a></li>
<li class="nav-item"><a class="nav-link navlink" href="connect.html" style="color: black;">Connect</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="container d-flex d-lg-flex justify-content-center justify-content-lg-start about" style="color: rgb(0,0,0);background-repeat: no-repeat;font-family: inherit;text-align: center;align-items: center;">
<div class="row" id="about-row" style="width: 100%;">
<div class="col about" id="about-img" style="color: rgb(0,0,0);margin-bottom: 300px;"><img class="d-flex about-img" style="width: 100%;background-image: url("assets/img/image0.jpg");background-size: cover;background-repeat: repeat;background-position: center;height: 600px;">
<h1 style="font-family: Raleway, sans-serif;font-size: 20pt;padding-top: 30px;color: rgb(0,0,0);">Get in touch!</h1>
<p style="font-size: 14pt;padding: 10px;margin-right: 5px;margin-bottom: 10px;"></p>
<div class="justify-content-xl-center align-items-xl-center social"><a href="https://www.linkedin.com/in/yolanda-shen/" target="_blank"><i class="fab fa-linkedin connect-icon"></i></a><a href="connect.html"><i class="icon ion-android-mail connect-icon"></i></a><a href="https://github.com/yolandaas" target="_blank"><i class="fab fa-github justify-content-xl-center connect-icon"></i></a></div>
</div>
<div class="col about-text" style="margin-left: 5px;margin-right: 5px;">
<h1 class="text-left" style="font-family: Raleway, sans-serif;font-size: 28pt;color: rgb(45,45,45);font-weight: 550;">Hello! I'm Yolanda.</h1><p class="text-left" style="font-size: 14pt;font-family: Assistant, sans-serif; color:black">
I'm a fourth year majoring in genetics and data science at UC Berkeley, set to graduate in 2022. When I'm not in class, you can often find me
making art, cooking, or doing bioinformatics research. <br /><br />
When I was in middle school, my dad had me cold email biology professors to ask for mentorship. In hindsight, no professor has that kind of time, but while researching I came across the concept of predicting protein folding. It happened that a Nobel Prize-winning professor was researching that exact question. Seeing high-achieving scientists working on the same topics you are interested in was inspirational to twelve-year-old me. I set my sights on proteomics and genomics and haven't looked back. <br /><br />
In my free time, I enjoy watching the sunset, reading a good book, making matcha, and watching gaming streams. Above all, I try to listen and learn as much as I can to be empathetic person and a sincere friend. <br /><br />
Some fast facts:<br /><br />
<b> Research interests | </b> Genomics, data-driven impact, gene regulation <br />
<b> Ongoing projects | </b> Markovian evolution modeler, data analysis on Berkeley PhD students, and COVID spike protein predictor <br />
<b> Other interests | </b> Travel plannning, American football, drinking coffee, playing puzzle games, exercising<br />
<br /><br />
</p>
</div>
</div>
</div>
</section>
<section class="d-flex flex-column align-items-center align-items-lg-center" style="padding-top: 30px;text-align: center;background-color: #ffffff;">
<h1 style="font-family: Raleway, sans-serif;font-weight: 550;width: 100%;font-size: 28pt;padding-top: 20px;">National Parks</h1><p class="text-center" style="font-size: 14pt;font-family: Assistant, sans-serif;width: 75%;max-width: 1100px;color:black">The biggest item on my bucket list is to visit all 63 American National Parks. One project that I will be working on is an interactive map tracker. Parks that I've visited will be colored, and clicking on a region will show you details of both the
park and my personal visits. It will be a difficult but amazing combination of code and design.<br /><br />Until this project comes to fruition, <a href=natparkdata.html target="_blank">here is some generic and personal data on the parks</a>. Generic data from<a href=https://en.wikipedia.org/wiki/List_of_national_parks_of_the_United_States target ="_blank"> Wikipedia. </a> Below is as a preliminary planning sketch for the project. I hope you are excited about nature as I am!</p><img style="background-image: url("assets/img/IMG_01632.jpg");max-width: 900px;max-height: 600px;background-size: cover;width: 80vw;height: 55vw;">
</section>
<div class="footer-basic">
<footer>
<div class="social" style="margin-left: -13px;"><a href="https://www.linkedin.com/in/yolanda-shen/" target="_blank"><i class="icon ion-social-linkedin d-flex d-xl-flex justify-content-center align-items-center justify-content-xl-center align-items-xl-center connect-icon" style="width: 40px;height: 40px;font-size: 24px;margin-left: 0px;"></i></a><a href="connect.html"><i class="icon ion-android-mail d-flex d-xl-flex justify-content-center align-items-center justify-content-xl-center align-items-xl-center connect-icon" style="width: 40px;height: 40px;font-size: 24px;"></i></a></div>
<ul class="list-inline">
<li class="list-inline-item"><a href="index.html">Home</a></li>
<li class="list-inline-item"><a href="about.html">About</a></li>
<li class="list-inline-item"><a href="projects.html">Projects</a></li>
<li class="list-inline-item"><a href="https://drive.google.com/file/d/1vmp8dAoPNO-jILzICmRgYvLsItd5yiJE/view?usp=sharing" arget="_blank">Resume</a></li>
<li class="list-inline-item"><a href="connect.html">Connect</a></li>
</ul>
<p class="copyright">Yolanda Shen © 2021</p>
</footer>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/-Filterable-Cards-.js"></script>
</body>
</html>