-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathteam.html
More file actions
241 lines (220 loc) · 14.7 KB
/
Copy pathteam.html
File metadata and controls
241 lines (220 loc) · 14.7 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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/style.css" rel="stylesheet" type="text/css">
<title>Our Team - Hearts in Orbit</title>
</head>
<body class="team-page">
<!-- Main Navigation -->
<nav></nav>
<!-- Theme Toggle Button -->
<button class="theme-toggle" id="theme-toggle" aria-label="Toggle theme">
<svg id="theme-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="5"/>
<line x1="12" y1="1" x2="12" y2="3"/>
<line x1="12" y1="21" x2="12" y2="23"/>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
<line x1="1" y1="12" x2="3" y2="12"/>
<line x1="21" y1="12" x2="23" y2="12"/>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
</svg>
</button>
<!-- Hero Section -->
<section class="hero">
<div class="hero-content">
<h1>Meet Our Team</h1>
<p>A diverse group of researchers, designers, and innovators working together to explore the intersection of music, mental health, and space science.</p>
</div>
</section>
<!-- Team Section -->
<section class="team-section">
<div class="team-container">
<div class="team-grid">
<!-- Leadership Team -->
<div class="team-member">
<div class="member-photo">
<img src="headshots/Daniel Shi.png" alt="Daniel Shi">
</div>
<div class="member-info">
<h3>Daniel Shi</h3>
<p class="member-role">Founder, Project Director</p>
<p class="member-description">Passionate about music therapy and its applications in space environments. Leading research on cognitive enhancement through sound-based interventions.</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Alvin C.png" alt="Alvin Chen">
</div>
<div class="member-info">
<h3>Alvin Chen</h3>
<p class="member-role">App Development Team Lead</p>
<p class="member-description">I'm a high school student with a passion for using technology to tackle real-world challenges. I love exploring science and innovation to improve people's lives and create positive change in the world.</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Sarah Lin.jpg" alt="Sarah Lin">
</div>
<div class="member-info">
<h3>Sarah Lin</h3>
<p class="member-role">Research Team Lead</p>
<p class="member-description">I love to code in C++, play jazz piano, classical flute, draw, and ski. My dream is to go into the field of CS while playing in jazz gigs on the side. Fun fact: I have a banana intolerance.</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Suri Li.jpeg" alt="Suri Li">
</div>
<div class="member-info">
<h3>Suri Li</h3>
<p class="member-role">Design Team Lead</p>
<p class="member-description">Hi, I'm Suri and I'm so excited to be the Design Team Lead for Hearts in Orbit! I've always loved design, playing with colors and layouts, but on the other end of the spectrum, I'm also really into coding and building things behind the scenes. When I'm not doing either, I'm probably listening to Kpop or learning a new hip-hop routine!</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Nicole Zheng.png" alt="Nicole Zheng">
</div>
<div class="member-info">
<h3>Nicole Zheng</h3>
<p class="member-role">Outreach Team Lead</p>
<p class="member-description">I enjoy running on breezy mornings during the spring, drawing, reading web novels, and exploring new foods and cuisines. A fun fact about me is that I love fried chicken.</p>
</div>
</div>
<!-- Team Members (Alphabetical Order) -->
<div class="team-member">
<div class="member-photo">
<img src="headshots/April Zhang.jpeg" alt="April Zhang">
</div>
<div class="member-info">
<h3>April Zhang</h3>
<p class="member-role">Member of Design Team</p>
<p class="member-description">I play piano and flute. I enjoy reading, writing, and listening to music in my free time.</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Claire Yuan.png" alt="Claire Yuan">
</div>
<div class="member-info">
<h3>Claire Yuan</h3>
<p class="member-role">Member of Design & Research Teams</p>
<p class="member-description">I'm a high school student passionate about philosophy, neuroscience, and bioinformatics research. In addition, I am a visual arts student who also enjoys playing the violin and reading classical literature. I hope I can use my knowledge and curiosity to build positive change!</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Ginger Z.jpeg" alt="Ginger Lai">
</div>
<div class="member-info">
<h3>Ginger Lai</h3>
<p class="member-role">Member of Research Team</p>
<p class="member-description">Hey there, I go by the name Ginger as it is easier to remember, spell, and pronounce. I got the nickname from my moms love of Yoshinoya Ginger packets a little over a decade ago. Some things that I want to learn are yoga, painting/drawing, and to play the guitar!</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/HanYa Yu.jpg" alt="HanYa Yu">
</div>
<div class="member-info">
<h3>HanYa Yu</h3>
<p class="member-role">Member of Design Team</p>
<p class="member-description">I love to read, write, and brainstorm stories. I play tennis, flute, and I love art with a burning passion. Fun fact: I see music and art as the two biggest parts of my life, like the two main layers of a cake.</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Hayden Jian.png" alt="Hayden Jian">
</div>
<div class="member-info">
<h3>Hayden Jian</h3>
<p class="member-role">Member of Research Team</p>
<p class="member-description">I'm Hayden and I'm a sophomore at Northwood High School in Irvine, California. I really enjoy playing tennis, practicing fun songs on the piano, singing, designing 3d models for robotics, and playing video games with my friends. I'm looking to go into some sort of engineering in college as I'm passionate about designing technology for the benefit of society.</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Julia Yang.jpeg" alt="Julia Yang">
</div>
<div class="member-info">
<h3>Julia Yang</h3>
<p class="member-role">Member of Research Team</p>
<p class="member-description">I enjoy exploring new places and attending live concerts. They inspire my creativity and give me fresh perspectives. A fun fact about me: cherries are my favorite fruit, but I can't stand anything cherry-flavored!</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Karissa Barone.png" alt="Karissa Barone">
</div>
<div class="member-info">
<h3>Karissa Barone</h3>
<p class="member-role">Member of Outreach Team</p>
<p class="member-description">My favorite thing to do is snowboard, especially in canada. I love to travel; my favorite place I've been to so far is Japan. My goal for the future is to major in business administration and management and work in the real estate field.</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Lacole Yang.jpeg" alt="Lacole Yang">
</div>
<div class="member-info">
<h3>Lacole Yang</h3>
<p class="member-role">Member of App Development & Research Teams</p>
<p class="member-description">Lacole is an undergraduate student studying psychology and statistics. Her research interests lie in neurodevelopmental disorders and the psychology of sleep. She also enjoys poetry and game development.</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Mary Mason.jpeg" alt="Mary Mason">
</div>
<div class="member-info">
<h3>Mary Mason</h3>
<p class="member-role">Member of Design Team</p>
<p class="member-description">I have lots of hobbies and extracurriculers in art. I have played piano for 8 years and I also have 10 years of art experience. I'm really ambitious as well and hope to become a dermatologist in the future.</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Richard Hao.jpg" alt="Richard Hao">
</div>
<div class="member-info">
<h3>Richard Hao</h3>
<p class="member-role">Member of Research Team</p>
<p class="member-description">I enjoy playing tennis and video games, and also listen to lots of music. I hope to one day go into the medical field, specializing in anesthesiology.</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Sarah Yin.jpg" alt="Sarah Yin">
</div>
<div class="member-info">
<h3>Sarah Yin</h3>
<p class="member-role">Member of Research Team</p>
<p class="member-description">Throughout my high school years, I've participated in a variety of extracurriculars, including competing in Science Bowl and Science Olympiad. I have a strong interest in astronomy and psychology and my current goal is to major in neuroscience. Outside of school, I play the flute and am deeply invested in world literature.</p>
</div>
</div>
<div class="team-member">
<div class="member-photo">
<img src="headshots/Siyi Bao.jpg" alt="Siyi Bao">
</div>
<div class="member-info">
<h3>Siyi Bao</h3>
<p class="member-role">Member of App Development Team</p>
<p class="member-description">I play violin and I have a cat I really love. I believe in living with no regrets, so I make sure to live each day to the fullest.</p>
</div>
</div>
</div>
<div class="team-acknowledgments">
<h2>Thanks to our sponsors, tutors, and advisors!</h2>
<p>We're grateful for the support and guidance of our mentors, sponsors, and the broader community that makes our research possible.</p>
</div>
</div>
</section>
<!-- Footer Section -->
<footer class="footer"></footer>
<script src="js/script.js"></script>
</body>
</html>