-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·402 lines (357 loc) · 19.7 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
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
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Home | Water Quality Monitoring with Remote Sensing</title>
<meta name="description" content="Using remote sensing to monitor antibiotic resistance vectors in Southern California coastal waters">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<!-- Navigation -->
<div class="container">
<nav class="navbar navbar-expand-lg">
<!-- Logo -->
<a class="navbar-brand" href="index.html">
<img src="img/ioes-alt-caption.svg" class="img-fluid" id="logo" alt="UCLA IoES" />
</a>
<!-- Navigation Toggle -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navigation Links -->
<div id="navbarNav" class="collapse navbar-collapse">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="turbidity-app.html">Results</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Explore</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="methods.html">Methods</a></li>
<li><a class="dropdown-item" href="library.html">Library</a></li>
<li><a class="dropdown-item" href="resources.html">Resources</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</div>
<main class="my-5 p-4 container">
<!--Introduction -->
<h1>NASA JPL Practicum Team</h1>
<div class='embed-container embed-responsive embed-responsive-4by3'>
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vTjuYBldS0NV0n9hXLFH_2x82XPW9fTz4TqlWh7l5a28vSAMSbp1kHACZg9pybQiZ5-8ib0siERxhs5/embed?start=true&loop=true&delayms=3000" frameborder="0" width="100%" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</div>
<div class="p-4 card bordered">
<p>In recent years, there has been a rise in the
prevalence of antibiotic resistant bacteria (ARBs)
that is jeopardizing our ability to treat infections
and diseases (Meek, et al. 2015). We need to
understand how ARBs are transported through the
environment in order to research the effects they
have on the human body. During storm events, ARBs
that accumulate on land enter coastal waters through
runoff pathways and can be ingested or inhaled by
people during recreational ocean activities. An
example of an antibiotic resistant bacteria is
methicillin-resistant Staphylococcus aureus (MRSA),
which causes skin infections and can be
life-threatening. A prior practicum team found that
people who surfed during and soon after wet weather
events were over six times more likely to carry MRSA
in their nasal cavities than surfers who avoided the
water during this time.
</p>
<p>
Our practicum team will use findings from the
previous project and couple it with new remote
sensing satellite data to expand future water
quality analysis. Currently, easy and immediate
access to information on water quality is
unavailable. Field sampling provides accurate water
quality data, but it can be costly and is
infrequently collected. A cheaper, more accessible
option for analyzing water quality is remote
sensing, which involves collecting imagery of large
spatial areas from NASA’s satellites. The
relationship between harmful contaminant plumes and
satellite data will be investigated by
simultaneously collecting water samples as
satellites pass over the Southern California coast.
This project aims to advance the application of
satellite data modeling for public health, and has
the potential to better inform the public about how
they can protect themselves from harmful pathogens
in coastal waters.
</p>
<p><b>Student Team</b>: Kierstin Blatzheim, Albert Cao,
Jasmine
Summer-Evans, Max Menczer, Rachel Han, Cade Mills,
Savannah McCarthy, and Sophia Winter</p>
<p><b>Client</b>: NASA’s Jet Propulsion Laboratory (JPL)
</p>
<p><b>Advisor</b>: Yuwei Kong</p>
</div>
<!-- Team Info -->
<section class="container mt-5" id="team">
<h2 class="mt-5 mb-4">Project Proposal</h2>
<div class="grid">
<div class="p-4 card bordered">
<p>We are the UCLA IoES 2021-2022 Water Quality Monitoring with Remote Sensing practicum team. With the help of the <a href="https://www.jpl.nasa.gov/" target="_blank">NASA JPL</a> and <a href="https://www.ioes.ucla.edu/" target="_blank">UCLA's Institute of the Environment and Sustainability</a>, we aim to engage the public in water quality research through a resourceful and interactive website. This scientific communication resource relays the importance of understanding coastal water quality benefitting the environment and public health!</p>
<p>Watch the video below to understand the origins of our practicum research and our project goals
<p>
<!-- Video -->
<div class="ratio ratio-16x9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/H1roI257Syw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<!-- Team Members -->
<section id="members">
<div class="container pt-3">
<div class="row">
<div class="col-xs-12 col-md-12">
<h2 class="mt-5 mb-4">Team Members</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-lg-12 mb-3">
<div class="card h-100 bordered">
<div class="row no-gutters ">
<div class="col-xs-12 col-md-4 col-lg-3">
<img src="img/about/Kierstin-Blaztzheim.jpg" class="card-img img-fluid" alt="Kierstin Blatzheim">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Kierstin
Blkatzheim</div>
<div class="role mb-3">Remote Sensing Analyst & Water Quality Analyst
</div>
<p class="card-text">
Kierstin Blatzheim is a southern Delaware native graduating from UCLA with a degree in Environmental Science and a concentration in Environmental Engineering.
She believes in approaching problems from a variety of perspectives and especially enjoys design work.
When she isn’t collecting water samples or in the lab, she likes going to the beach, camping, and hiking.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-lg-12 mb-3">
<div class="card h-100 bordered">
<div class="row no-gutters">
<div class="col-xs-12 col-md-4 col-lg-3">
<img src="img/about/Albert-Cao.jpeg" class="card-img img-fluid" alt="Albert Cao">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Albert Cao</div>
<div class="role mb-3">Data Analyst & Web App Developer</div>
<p class="card-text">Albert is graudating with a B.S. in Environmental Science, a B.S. in Statistics,
and a minor in Environmental Engineering. He's passionate about using data visualizations and modelling
to tackle real-wrold problems. Albert enjoys skiing in winter and hiking in spring and fall! </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-lg-12 mb-3">
<div class="card h-100 bordered">
<div class="row no-gutters">
<div class="col-xs-12 col-md-4 col-lg-3">
<img src="img/about/Rachel-Han.jpg" class="card-img img-fluid" alt="Rachel Han">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Rachel Han</div>
<div class="role mb-3">Remote Sensing Analyst &
Communications Mangaer
</div>
<p class="card-text">
Rachel Han is graduating UCLA with a BS in Environmental Science and a concentration in Atmospheric & Oceanic Sciences.
She is really passionate about projects focusing on air quality and water quality, and is pursuing a career prioritizing the planet and addressing climate change.
Outside of the lab, Rachel enjoys traveling, playing softball, and going on food adventures with her friends.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-lg-12 mb-3">
<div class="card h-100 bordered">
<div class="row no-gutters">
<div class="col-xs-12 col-md-4 col-lg-3">
<img src="img/about/Savannah-McCarthy.png" class="card-img img-fluid" alt="Savannah McCarthy">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Savannah McCarthy</div>
<div class="role mb-3">Microbiology Manager & Water Quality Analyst</div>
<p class="card-text">Savannah is graduating from UCLA in June 2022 with a B.S. in environmental science with a concentration in environmental health science.
Beyond her work in the lab, she is the student supervisor for UCLA’s COVID-19 wastewater epidemiology program and fundraising director for UCLA’s chapter of Surfrider.
She will be pursuing a Master’s of Sustainability from the University of Sydney upon graduation and is hoping to pursue a career as a sustainability consultant.
Outside of her classes, she enjoys surfing, hiking, and sustainable fashion.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-lg-12 mb-3">
<div class="card h-100 bordered">
<div class="row no-gutters">
<div class="col-xs-12 col-md-4 col-lg-3">
<img src="img/about/Max-Menczer.jpg" class="card-img img-fluid" alt="Max Menczer">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Max Menczer
</div>
<div class="role mb-3">Remote Sensing Analyst & Water Quality Analyst
</div>
<p class="card-text">Max is graduating from UCLA with a BS in Environmental Science and a concentration in Environmental Engineering.
He is passionate about equitable access to clean water and designing sustainable urban water management systems.
Max will continue his education next year at Berkeley for an MS in Environmental Engineering.
In his free time, Max enjoys traveling, going to the movies, and rock climbing.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-lg-12 mb-3">
<div class="card h-100 bordered">
<div class="row no-gutters">
<div class="col-xs-12 col-md-4 col-lg-3">
<img src="img/about/Cade-Mills.jpg" class="card-img img-fluid" alt="Cade Mills">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Cade Mills</div>
<div class="role mb-3">Microbology Analyst & Field Manager
</div>
<p class="card-text">Cade is from San Clemente, CA, and has a passion for all things to do with the ocean.
He will graduate UCLA with a degree in Environmental Science and a concentration in Environmental Health,
and plans to pursue a career that blends his interests in the environment and human medicine. Outside of the lab,
Cade likes to spend his time surfing, camping, and traveling.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-lg-12 mb-3">
<div class="card h-100 bordered">
<div class="row no-gutters">
<div class="col-xs-12 col-md-4 col-lg-3">
<img src="img/about/Jasmine-Summers-Evans.jpg" class="card-img img-fluid" alt="Jasemine Summers-Evans">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Jasmine Summers-Evans</div>
<div class="role mb-3">Lead Editor & Water Quality Analyst
</div>
<p class="card-text">Jasmine is graduating from UCLA with a BS in Environmental Science and a concentration in Environmental Engineering.
She is interested in the intersection of ecology and hydrology, and she plans to pursue a career focused on improving water access and quality.
After graduation, she is excited to continue learning about microbial water issues in the field as an Assistant Hydrologist with the National Park Service.
In her free time, she enjoys backpacking, pottery, and reading. </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-lg-12 mb-3 mx-auto">
<div class="card h-100 bordered">
<div class="row no-gutters">
<div class="col-xs-12 col-md-4 col-lg-3">
<img src="img/about/Sophia-Winter.jpg" class="card-img img-fluid" alt="Sophia Winter">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Sophia
Winter
</div>
<div class="role mb-3">Project
Manager
</div>
<p class="card-text">Sophia is graduating from UCLA with a BS in Environmental Science and a minor in Atmospheric & Oceanic Sciences.
After graduation, she will be working as a remote sensing consultant for the United Nations on a project creating interactive crop suitability models focused on climate resiliency.
She is also interested in carbon sequestration technology and the emerging blue carbon market and hopes to eventually return to academia to further her understanding in those fields.
Sophia enjoys running, reading, and playing with her dog, Geo.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-lg-12 mb-3">
<div class="card h-100 bordered">
<div class="row no-gutters">
<div class="col-xs-12 col-md-4 col-lg-3">
<img src="img/Screen Shot 2022-06-08 at 12.03.33 PM.png" class="card-img img-fluid" alt="Yuwei Kong">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Yuwei Kong</div>
<div class="role mb-3"> Postgraduate Advisor
</div>
<p class="card-text">Yuwei Kong is a first year PhD student studying Environmental Engineering. She received her MS in Civil Engineering at UCLA. She is interested in the utilization of remote sensing tools for coastal water quality monitoring around SoCal and antibiotic resistance gene transportation and fate. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="container pt-4">
<div>
<p class="mb-4"><a href="https://www.ioes.ucla.edu/">
<img src="img/ucla-ioes-logo.svg" class="ioes-logo" alt="UCLA IoES" />
</a></p>
<p>UCLA IoES - Water Quality Monitoring with Remote
Sensing</p>
<p><a href="index.html">Home</a> |
<a href="turbidity-app.html">Results</a> |
<a href="resources.html">Resources</a> |
<a href="methods.html">Methods</a> |
<a href="library.html">Library</a> |
<a href="https://github.com/uclaioes/nasa-jpl">GitHub</a></p>
<p><small>Copyright 2022 © UCLA IoES</small></p>
</div>
<div class="satellite">
<img src="img/sentinel2.png" class="sentinel">
</div>
</footer>
</div>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</body>
</html>