Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·444 lines (428 loc) · 29.3 KB
/
Copy pathindex.html
File metadata and controls
executable file
·444 lines (428 loc) · 29.3 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
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
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Site Metadata + Description -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="As part of UCLA'S Institute of the Environment and Sustainability, we are researching how certain marine restoration projects, involving kelp forests and seagrass beds, can provide various benefits for both the planet and its inhabitants. Our practicum goal is to establish a scientific communications portal for students and researchers to utilize in future restoration efforts.">
<!-- Title -->
<title>Home | 2020-2021 Stronger Shorelines</title>
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Overpass&display=swap" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<div class="container px-0">
<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 class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tools.html">Tools</a>
</li>
<li class="nav-item">
<a class="nav-link" href="resources.html">Resources</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Explore
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="ecology.html">Ecology</a>
<a class="dropdown-item" href="methods.html">Methods</a>
<a class="dropdown-item" href="library.html">Library</a>
<a class="dropdown-item" href="team-2019-20.html">2019-2020 Team</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
<!--Introduction -->
<h2>The Bay Foundation Practicum Team</h2>
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="card bordered">
<div class="card-body">
<p class="card-text">
Our oceans experience severe negative impacts from human-induced global warming. Much of the carbon dioxide emitted into the atmosphere from burning fossil fuels is absorbed by seawater. This leads to ocean warming and acidification, which have cascading effects that impact marine biodiversity and public health. In an effort to guide effective ocean resource management, our team partnered with The Bay Foundation, a non-profit environmental group whose mission is to protect and preserve coastal waters in and around the Santa Monica Bay. We will be researching and developing solutions for the growing issue of ocean acidification. We will focus on how marine vegetation, human actions and coastal policies can help keep our oceans’ pH levels steady.
</p>
</div>
</div>
</div>
</div>
<!--Documentry -->
<h2>The Importance of Eelgrass and Kelp</h2>
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="card bordered">
<div class="card-body">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/KR_CzAEiv1Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p class="card-text">
We created this documentary to discuss the benefits that marine vegetation provides to local ecosystems and the challenges that these organisms and people who try to transplant them face. With the help of The Bay Foundation, Dr. Daniele Bianchi, Dr. Kyle Cavanaugh, Dr. Tonya Kane were able to gather information about the benefits and challenges of marine vegetation and synthesise it in this documentary.
</p>
</div>
</div>
</div>
</div>
<!-- Team Members -->
<section id="members">
<div class="container pt-3">
<div class="row">
<div class="col-xs-12 col-md-12">
<h2>Team Members 20/21 Team</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/Madison.jpg" class="card-img img-fluid" alt="Madison Castelazo">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Madison Castelazo</div>
<div class="role mb-3">Project Manager</div>
<p class="card-text">Madison was raised in Napa, California, and her love of the ocean grew over time with every adventure along the California coast. Pursuing a B.S in Environmental Science with a concentration in Atmospheric and Oceanic Sciences, she has been continuously passionate about mitigating the effects of global climate change. In her free time she enjoys playing tennis and volleyball, and never turns down a road trip. </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/KaHei.jpg" class="card-img img-fluid" alt="Ka Hei Ng">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Ka Hei Ng</div>
<div class="role mb-3">GIS Analyist, Researcher</div>
<p class="card-text">Ka Hei Ng spent his undergrad at UCLA as an exchange student studying environmental science and oceanography. He was the main GIS analyst for our team, and spent the year polishing his skills as a professional researcher and oceanographic GIS analyst.</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/Emily.JPG" class="card-img img-fluid" alt="Emily Gin">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Emily Gin</div>
<div class="role mb-3">Content Curator</div>
<p class="card-text">Emily was born and raised in South Pasadena, CA. Her fascination with the ocean began at a young age when she would take annual trips to Hawaii. Snorkeling through the reefs furthered Emily's interest in the ocean. Before transferring to UCLA, Emily attended Pasadena City College where she had done previous work studying the effects of ocean acidification in Isla Vista. She was very excited to work with The Bay Foundation and continue learning about marine vegetation restoration and ocean acidification. While pursuing a B.S in Environmental science, Emily also minors in Environmental Systems & Society, and hopes to pursue a career in law.</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/Lily.jpg" class="card-img img-fluid" alt="Lily Sperling">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Lily Sperling</div>
<div class="role mb-3">Meta-Analysis Specialist</div>
<p class="card-text">Lily is an environmental scientist who graduated from UCLA. She has a passion for snorkeling and scuba diving. Her love of the marine world fuled her passion for this project. She dreams of swiming with sharks and living along the coast.</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.jpg" class="card-img img-fluid" alt="Rachel Lu">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Rachel Lu</div>
<div class="role mb-3">Videographer and Editor</div>
<p class="card-text">Rachel is a environmental scientist at UCLA, who loves the ocean and eating ice cream on rooftops. She is passionate about environmental science but she is also an aspiring film maker.</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/Vanessa.jpg" class="card-img img-fluid" alt="Vanessa Saucedo">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Vanessa Saucedo</div>
<div class="role mb-3">Meta-Analysis Specialist</div>
<p class="card-text">Growing up in Southern California, I have always been intrigued by the vastness and the mysteries of the ocean.When I am not in school I really enjoy going hiking and spending as much time at the beach as I can. During my time here at UCLA I pursued a B.S. in Environmental Science and minor in Conservation Biology as I have a passion for protecting species and most importantly the habitats they live in. I worked directly in the Success Quantification group for The Bay Foundation Practicum Team, creating a tool for quantifying the success of eelgrass restoration projects.</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/George.jpg" class="card-img img-fluid" alt="George Shenusay">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">George Shenusay</div>
<div class="role mb-3">Web Designer and GIS Analyst</div>
<p class="card-text">George Shenusay is a Brooklynite studying environmental science at UCLA and has been living a bicoastal life from a young age. George has been close to the ocean all his life and enjoys spending his time studying and learning about the ocean.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Team Info -->
<section id="team">
<div class="container py-3">
<div class="row">
<div class="col-xs-12 col-md-12">
<h1>Who We Are</h1>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="card bordered">
<div class="card-body">
<p class="card-text">We are the UCLA IoES 2019-2020 Stronger Shorelines practicum team. With the help of the <a href="https://www.santamonicabay.org/" target="_blank">Bay Foundation</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 restoration research through a resourceful and interactive website. This scientific communication resource relays the importance of aquatic vegetation in supporting marine ecosystems, benefitting human economies, and mitigating damages due to climate change!<br><br>Watch the video below to understand the origins of our practicum research and inspirations, and how these goals shifted due to COVID-19:
</p>
</div>
<!-- Video -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/22tzOqB3PNw" srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href='https://www.youtube.com/embed/22tzOqB3PNw?autoplay=1'><img src='img/about/team-web.jpg' alt='Video: About Stronger Shorelines'><span>▶</span></a>" allow="autoplay;" allowfullscreen title="About Stronger Shorelines"></iframe>
</div>
</div>
</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>Team Members 19/20 Team</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/connor-square.jpg" class="card-img img-fluid" alt="Connor Bercik">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Connor Bercik</div>
<div class="role mb-3">Website Architect</div>
<p class="card-text">Having grown up in Connecticut, Connor has always had an affinity for coastlines which compelled him to dive into oceanic research at UCLA. While he pursues a B.S. in Environmental Science, Connor also minors in Environmental Systems & Society as his passions revolve around system modelling and data analysis in the context of environmental remediation. Connor is a member of the UCLA Rugby team and always enjoys outdoor activities, whether it be on land or out at sea.</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/carter-square.jpg" class="card-img img-fluid" alt="Carter Webb">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Carter Webb</div>
<div class="role mb-3">Research & Content Curator</div>
<p class="card-text">Originally from Colorado, Carter has been striving to get to the coast most of his life. As an avid diver and photographer he realized how much needed to be done to save our oceans. Pursuing a B.S. in Environmental Science, with an emphasis in Conservation Biology, he hopes to take what he learns at UCLA and during this project to graduate school for Biological Oceanography and Food Web Design. </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/mateen-square.jpg" class="card-img img-fluid" alt="Mateen Hassan">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Mateen Hassan</div>
<div class="role mb-3">Interviews & Content Curator</div>
<p class="card-text">Hailing from Los Angeles County, Mateen’s love of the outdoors developed from the pockets of nature interspersed throughout the Greater Los Angeles area. Pursuing a B.S. in Environmental Science with a concentration in Environmental Health, he aims to apply his eclectic skill set and knowledge to achieve the goals of the project. In his spare time, Mateen loves to discover new music as he partakes in outdoor activities such as 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/meg-square.jpg" class="card-img img-fluid" alt="Meg Grammar">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Meg Grammar</div>
<div class="role mb-3">Research & Content Creator</div>
<p class="card-text">Meagan grew up in Illinois to a family of outdoorsmen, which fostered her fascination in the environment and inspired her to move to a school by the ocean. She is currently set to graduate with a B.S. in Environmental Science and a concentration in Atmospheric and Oceanic Sciences. When not in school, Meagan spends her time taking care of her numerous aquarium, insect, and reptile habitats, as well as preparing fossil specimens at the La Brea Tar Pits and Museum.</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-square.jpg" class="card-img img-fluid" alt="Rachel Bressler">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Rachel Bressler</div>
<div class="role mb-3">Interviews & Content Curator</div>
<p class="card-text">Rachel was born and raised in Orange County, CA. Her love for the outdoors started with family road trips to Sequoia National Park, Joshua Tree, and various other nature reserves, which ultimately played a large role in choosing her field of study. She is currently pursuing a B.S. in Environmental Science with a concentration in Environmental Engineering. In her free time she enjoys dancing, trying out new recipes, and visiting museums.</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/ryan-square.jpg" class="card-img img-fluid" alt="Ryan Miller">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Ryan Miller</div>
<div class="role mb-3">Project Manager</div>
<p class="card-text">Ryan is the project manager for the Stronger Shoreline Team. Ryan’s minor in Conservation Biology inspired him to join up with this project, dedicated to protecting biodiversity off the California coasts. A native San Diegan, he has lived his whole life developing a love for the ocean, and hopes to continue building this love both within a scientific framework with this project as well as continuing to be a passionate competitive paddler and recreational sailor.</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/steph-square.jpg" class="card-img img-fluid" alt="Steph Kwiatkowski">
</div>
<div class="col-xs-12 col-md-8 col-lg-9">
<div class="card-body">
<div class="card-title name mb-0">Steph Kwiatkowski</div>
<div class="role mb-3">Interviews & Content Curator</div>
<p class="card-text">Stephanie grew up in southern Orange County near the beach, and has always had a connection to the ocean. She grew up surfing at San Clemente pier, and has a passion for marine biology, oceanography, and the impact of climate change on marine ecosystems. She is currently pursuing a B.S. degree in Environmental Science with a minor in Environmental Systems & Society. After graduation, she hopes to pursue a career in ocean conservation in Los Angeles.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<div id="seagrass"></div>
<footer>
<div class="container pt-4">
<div class="row">
<!-- Logo -->
<div class="col-xs-12 col-md-2 col-lg-1 pt-3">
<a href="index.html">
<img src="img/ioes-short.svg" id="logo-short" alt="UCLA IoES" />
</a>
</div>
<div class="col-xs-12 col-md-10 col-lg-11 pt-3" id="sitemap">
<div>UCLA IoES - Stronger Shorelines</div>
<a href="index.html">Home</a> |
<a href="tools.html">Tools</a> |
<a href="resources.html">Resources</a> |
<a href="ecology.html">Ecology</a> |
<a href="methods.html">Methods</a> |
<a href="library.html">Library</a> |
<a href="team-2019-20.html">2019-2020 Team</a> |
<a href="https://github.com/uclaioes/shorelines">GitHub</a>
</div>
</div>
<div class="row py-3">
<!-- Copyright -->
<div class="col-xs-12 col-md-12 text-center">
<span id="copyright">Copyright 2020 © UCLA IoES</span>
</div>
</div>
</div>
</footer>
<!-- JQuery JS -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>