-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (96 loc) · 4.96 KB
/
index.html
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
99
100
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="author" content="Yingrong Chen" />
<meta name="viewport" content="width=device-width, initial-scale=200" />
<title>YingrongChen</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<nav class="navbar">
<ul class="nav justify-content-center">
<li class="nav-item">
</li>
<li class="nav-item">
</li>
</ul>
</nav>
<div class="container">
<div class="row">
<div class="col-12 col-lg-4">
<div class="profile">
<img class="portrait" src="/images/profile.png" itemprop="image" alt="profile" />
<h2 itemprop="name">Yingrong Chen</h2>
<h3 itemprop="jobTitle">Undergraduate Researcher</h3>
<h3 itemprop="worksFor">Emory University</h3>
<div class="contact">
<a href="https://www.linkedin.com/in/yingrong-chen/">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin"
viewBox="0 0 16 16">
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4" />
</svg>
</a>
<a href="https://github.com/YingrongChen"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8" />
</svg>
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-8">
<div class="intro">
<h1>Welcome!</h1>
<p>
I am an undergraduate at Emory University double majoring in
Computer Science and Chemistry (graduated in December 2023). And I
am a research student in Computational Chemistry, working with
<a href="https://flgroup.emorychem.science/">Dr. Fang Liu</a>
at Emory University and
<a href="https://meilerlab.org/">Dr. Jens Meiler</a>
at Vanderbilt University.
</p>
</div>
</div>
</div>
<div class="row">
<h3>
Programming Projects
</h3>
<div class="card-group">
<div class="card">
<div class="card-header">
Interactive Data-Driven Poetry Visualization:
<a href="https://yingrongchen.github.io/Poetry-Data-Vis/client/index">
Our Feelings & Future – Teenage Girls' Wellbeing and Outlook
</a>
</div>
<div class="card-body">
This is a interactive visualization accompanying a poem. The poem "Our Feelings & Future – Teenage Girls'
Wellbeing and Outlook" stems from personal reflections on misogyny, particularly prevalent in East Asia, and
its impact on the growth and development of teenage girls.
</div>
</div>
<div class="card">
<div class="card-header">
<a href="https://github.com/DaisyWang919/temp370Project">
BookBot
</a>
</div>
<div class="card-body">
This is a Q&A chatbot that can answer questions about uploaded books. It has signup, google login, bookshelf, bookbot and community features.
The frontend is built React(redux, axios), HTML, and CSS. The backend is built with Python and FastAPI. The database is MySQL. It is deployed on AWS.
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>