-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathleadership.html
247 lines (224 loc) · 18.9 KB
/
leadership.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Leadership - Woodson Science Olympiad</title>
<link rel="icon" type="image/x-icon" href="./assets/genetics-rotated.png">
<!-- Styling -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/queries.css">
<link rel="stylesheet" href="./css/leadership.css">
<!-- Fonts -->
<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=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Karla&display=swap" rel="stylesheet">
<!-- Icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
</head>
<body>
<!-- ---------------- BIG NAVBAR ---------------- -->
<nav class="navbar sticky-top navbar-expand-md d-none d-md-block" id="big-navbar">
<div class="container-fluid" id="big-fluid">
<ul class="navbar-nav me-auto mb-2 mb-lg-0" id="big-navlist">
<li class="nav-item big-nav-item" id="big-0">
<a class="nav-link" href="/">Home</a>
<div class="nav-decor" id="decor-0"></div>
</li>
<li class="nav-item big-nav-item" id="big-1">
<a class="nav-link" href="team">The Team</a>
<div class="nav-decor" id="decor-1"></div>
</li>
<li class="nav-item big-nav-item" id="big-2">
<a class="nav-link" href="leadership">Leadership</a>
<div class="nav-decor" id="decor-2"></div>
</li>
<li class="nav-item big-nav-item " id="big-3">
<a class="nav-link" href="tryouts">Tryouts</a>
<div class="nav-decor" id="decor-3"></div>
</li>
<li class="nav-item big-nav-item " id="big-4">
<a class="nav-link" href="contribute">Contribute</a>
<div class="nav-decor" id="decor-4"></div>
</li>
</ul>
</div>
</nav>
<!-- ---------------- SMALL NAVBAR ---------------- -->
<nav class="navbar sticky-top d-md-none" id="small-navbar">
<div class="container-fluid">
<span class="material-symbols-outlined" id="navbar-small-icon">genetics</span>
<a class="navbar-brand" href="/" id="small-navbar-brand">Woodson Scioly</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="material-symbols-outlined" id="small-toggle-button">menu</span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link nav-link-small" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link nav-link-small" href="team">The Team</a></li>
<li class="nav-item"><a class="nav-link nav-link-small" href="leadership">Leadership</a></li>
<li class="nav-item"><a class="nav-link nav-link-small" href="tryouts">Tryouts</a></li>
<li class="nav-item"><a class="nav-link nav-link-small" href="contribute">Contribute</a></li>
</ul>
</div>
</div>
</nav>
<div id="intro-container">
<div id="intro-title">Leadership</div>
</div>
<!-- ---------------- MAIN BODY ---------------- -->
<div id="main">
<div class="main-section">
<div class="bio-section row">
<div class="bio-name">Andrew Kim, President</div>
<hr>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
<div class="bio-image-container"><img class="bio-image" src="./assets/andrew.jpg"></div>
</div>
<div class="bio-text col-xs-8 col-sm-8 col-md-9 col-lg-9">
Hi, I'm Andrew, a senior on my fourth year as a Science Olympiad competitor. WSO has been a place for me to reach my fullest potential while working the smartest people in the school. My favorite moments in high school have been with my scioly team, and I aim to make WSO a place where people have unforgettable and fulfilling experiences, just like it is for me. If I had to choose, my most memorable experiences were when the team threw a surprise birthday party for me, and when we got 1st at Regionals. As for events, my best include Codebusters and Robot Tour, but I'll always insist that Fermi questions is the greatest scioly event of all time. In my free time, I like coding, running, listening to indie music, and reading Frank Herbert.
</div>
</div>
<div class="bio-section row">
<div class="bio-name">Jamie Kim, Vice President</div>
<hr>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
<div class="bio-image-container"><img class="bio-image" src="./assets/jamie.jpg"></div>
</div>
<div class="bio-text col-xs-8 col-sm-8 col-md-9 col-lg-9">
Hey there! I'm Jamie, and as a junior, it's my 4th year participating in Science Olympiad. During meetings, you can find me diligently working away at the Life Science events, trying my best not to destroy the builds, and occasionally (or often) catching a nap on Mrs. Babcock's couch. Science Olympiad is one of my greatest passions; from pulling all-nighters to perfect my binder events to hanging out with friends after competitions, I truly enjoy every aspect of it. Outside of Science Olympiad, I love learning about all things biology, listening to Lauv, and destroying food while baking. I am excited to bring my experience and enthusiasm to the team, ensuring that our journey this year is both successful and memorable. Let's make this year the best one yet!
</div>
</div>
<div class="bio-section row">
<div class="bio-name">Matthew Lee, Build Captain</div>
<hr>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
<div class="bio-image-container"><img class="bio-image" src="./assets/matthew.jpg"></div>
</div>
<div class="bio-text col-xs-8 col-sm-8 col-md-9 col-lg-9">
I'm a senior interested in electrical engineering and aerospace engineering! I spend my free time either putting together or flying FPV drones for fun, or for projects. I typically spend most of my time in scioly building my 5in notes binders for hybirds or trying to find the next workaround for my build events.
</div>
</div>
<div class="bio-section row">
<div class="bio-name">Nick Tong, Secretary</div>
<hr>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
<div class="bio-image-container"><img class="bio-image" src="./assets/nick.jpg"></div>
</div>
<div class="bio-text col-xs-8 col-sm-8 col-md-9 col-lg-9">
I'm a senior who loves build and earth science events, specifically Dynamic Planet and Air Trajectory. I initially joined Science Olympiad in my sophomore year, and it has been a wonderful avenue to connect with others while exploring the sciences. Each year, I set ambitious academic goals, particularly focused on the realm of science. Woodson Science Olympiad provides the perfect environment for me to challenge myself and grow. The supportive team that surrounds me shares these same goals, making it an inspiring and nurturing experience. When I am not working on Science Olympiad, in my free time, I enjoy wrestling, weightlifting, and drumming to music. I am excited for what the next season will bring and hope we have another wonderful season.
</div>
</div>
<div class="bio-section row">
<div class="bio-name">James Kim, Treasurer</div>
<hr>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
<div class="bio-image-container"><img class="bio-image" src="./assets/james.jpg"></div>
</div>
<div class="bio-text col-xs-8 col-sm-8 col-md-9 col-lg-9">
Hi! I'm James, and I'm a senior with a deep interest in life science. I'm especially passionate about agricultural science and hope that an agsci event will be added to the permanent SciOly rotation in the near future. I first experienced Science Olympiad in 7th grade, and after a brief hiatus during 8th grade distance learning, I returned to it during my freshman year and have continued on with it since then. My favorite event from the past season was Forestry, and I continue to identify trees on my walk home after school. As Treasurer, I hope to boost parent involvement in Science Olympiad and help organize finances to provide WSO members with even more opportunities and meaningful experiences. In my free time, I likes to practice tree ID, play games with my friends, and dream about the day when a cure for sleep is finally developed.
</div>
</div>
<div class="bio-section row">
<div class="bio-name">Morgan Altier, Logistics Officer</div>
<hr>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
<div class="bio-image-container"><img class="bio-image" src="./assets/morgan.jpg"></div>
</div>
<div class="bio-text col-xs-8 col-sm-8 col-md-9 col-lg-9">
Hello! I'm Morgan, and I'm a senior who loves math and science and staying up late for no reason. It's my third year doing Science Olympiad, and I've loved it ever since I started sophomore year. My favorite thing about scioly is the fun and supportive community. In my free time, you can find me listening to music, solving puzzles, crocheting, and playing bass. I'm looking forward to this year in scioly and what it has in store !
</div>
</div>
</div>
<!-- <div class="main-section">
<div class="section-title officer-section-title">Executive Board</div>
<div class="bio-section row">
<div class="bio-name">Sophia Huh, President</div>
<hr>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
<div class="bio-image-container"><img class="bio-image" src="./assets/sophia.png"></div>
</div>
<div class="bio-text col-xs-8 col-sm-8 col-md-9 col-lg-9">
Sophia is a senior who is always excited to learn new things with other people, especially her Scioly teammates. During the 2023 season, she took on a variety of events and could be found cutting tiny pieces of balsa, formatting her 4pt notes on 200% zoom, or abusing the school printer. When she's not in Ms. Babcockss room, Sophia is usually at the cheer gym or playing music with her friends. Her best Scioly memory is from hanging out and laughing with her team at States, right before they won a ton of medals. Sophia's favorite thing about Science Olympiad is the community that it has created for STEM lovers and the lasting friendships she's made within it.
</div>
</div>
<div class="bio-section row">
<div class="bio-name">Andrew Kim, Vice President</div>
<hr>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
<div class="bio-image-container"><img class="bio-image" src="./assets/andrew.jpg"></div>
</div>
<div class="bio-text col-xs-8 col-sm-8 col-md-9 col-lg-9">
Andrew is a junior who has a passion for all things related to Science Olympiad. When he's not running or playing the piano, you'll find Andrew working on Scioly, cramming notes into oversized binders or writing scripts that make practice tests. His favorite event for the 2023 season was Environmental Chemistry, and his fondest memory was staying up and eating grass jelly in a hotel room with his friends and winning 4 medals the next day at the States tournament.
</div>
</div>
<div class="bio-section row">
<div class="bio-name">Zahra Ramakdawala</div>
<hr>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
<div class="bio-image-container"><img class="bio-image" src="./assets/zahra.jpeg"></div>
</div>
<div class="bio-text col-xs-8 col-sm-8 col-md-9 col-lg-9">
I'm a senior who loves Science Olympiad almost as much as I love Temm's hyper realistic frog drawings. With a speciality in bio and life science events, you'd likely find me fitting one last diagram into my 5pt font Anatomy notes or memorizing one more random history fact for Disease Detectives. My favorite memory of Woodson Scioly was when one of the in-person invitationals was canceled and rescheduled to be online, my partner and I decided to have some fun and make dinner before taking the tests. On the day we decided to take the tests, we spent two hours cooking a full three course meal. After dinner, we got ready to take the test and they hadn't even been assigned on Scilympiad. We then stayed up for another 5 hours watching horror movies, listening to Icelandic metal, and finishing our forestry notes.
</div>
</div>
</div>
<div class="main-section">
<div class="section-title officer-section-title">Captains</div>
<div class="bio-section row">
<div class="bio-name">Benjamin Hall, Build Captain</div>
<hr>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
<div class="bio-image-container"><img class="bio-image" src="./assets/benjamin.jpg"></div>
</div>
<div class="bio-text col-xs-8 col-sm-8 col-md-9 col-lg-9">My name is Ben and I am a senior who loves science, engineering, and mathematics, and is always up for a challenge. I've been doing Science Olympiad nearly every year since 4th grade, and I love to create and learn. My favorite thing to do in his free time is to code to try to solve challenges and create fun programs. I love the ingenuity I see in what people make, and want to help further foster team members' ability to create. I see Woodson Science Olympiad as an environment in which people can have fun and be creative in attempts to solve problems, learn new things, and create interesting machines.
</div>
</div>
<div class="bio-section row">
<div class="bio-name">Matthew Lee, Hybrid Captain</div>
<hr>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
<div class="bio-image-container"><img class="bio-image" src="./assets/matthew.jpg"></div>
</div>
<div class="bio-text col-xs-8 col-sm-8 col-md-9 col-lg-9">
Matthew is a junior who is passionate about electrial engineering and physics, particularly electriciy and magnetism. His favorite event was WiFi Lab. When he's not working on antennae early in the morning or desoldering load cell amplifiers in the lobby of a Princeton, NJ hotel, he's playing flying drones, playing badminton, or messing with electronics.
</div>
</div>
<div class="bio-section row">
<div class="bio-name">Boram Min, Lab Captain</div>
<hr>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
<div class="bio-image-container"><img class="bio-image" src="./assets/boram.jpeg"></div>
</div>
<div class="bio-text col-xs-8 col-sm-8 col-md-9 col-lg-9">
I'm a senior interested in pursuing a career STEM. Ever since I got involved with Scioly in middle school, it has became a platform where I can push myself to new heights. If anybody needs me, I can most likely be found in the chemistry labs doing powder or flame tests. My favorite things to do outside of Scioly are solving puzzles and going to concerts. The thing I like the most about Woodson Scioly is the community! The community is full of creative and clever individuals who are always ready to take on challenges. With their extreme curiosity, I'm excited to see what my peers will be able to succeed in the future!
</div>
</div>
</div> -->
<div class="main-section">
<div class="section-title">Contact Us</div>
<hr>
<div id="contact-us">
Contact the officers at <a href="mailto:woodsonscioly@gmail.com" class="inline-link">woodsonscioly@gmail.com</a> and follow us on Instagram at <a href="https://www.instagram.com/woodsonscioly/" class="inline-link">@woodsonscioly</a>! Or, you can DM Andrew on Discord at <span class="text-muted">.expectation</span>.
</div>
</div>
<!-- Footer -->
<footer class="py-3 my-4" id="footer-main">
<div class="navbar-link-container" id="footer-icons">
<a href="mailto:woodsonscioly@gmail.com" class="footer-icon"><i class="bi bi-envelope-at"></i></a>
<a href="https://www.instagram.com/woodsonscioly/" class="footer-icon"><i class="bi bi-instagram"></i></a>
<a href="https://www.github.com/i30101/woodsonscioly" class="footer-icon"><i class="bi bi-github"></i></a>
</div>
<hr/>
<p class="text-center text-muted" id="copyright">© 2024 Woodson Science Olympiad <br> Website by Andrew Kim </p>
</footer>
</div>
<!-- ---------------- SCRIPTS ---------------- -->
<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>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="./js/animate.js"></script>
</body>
</html>