-
Notifications
You must be signed in to change notification settings - Fork 2
/
2021-2022about.html
283 lines (218 loc) · 15.7 KB
/
2021-2022about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>About | Van Tech Coding Club</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/linkinbiologo.png">
<!-- Import the Courier Prime font -->
<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=Courier+Prime&display=swap" rel="stylesheet">
<!-- ^^^ -->
<link href="css/universal.css" rel="stylesheet" type="text/css">
<link href="css/about.css" rel="stylesheet" type="text/css"/>
<script src="https://kit.fontawesome.com/841ed0000c.js" crossorigin="anonymous"></script>
</head>
<body>
<nav>
<ul class="desktop_navbar" id="navbar">
<li><button onclick="burger_button()" class="navbut_text nav_button"><i class="fa fa-bars fa-lg"></i></button></li>
<li class="navbar_li"><a class="nav_text"><img class="navbar_logo" src="images/logo.png" alt="VanTech Coding Club Logo"/></a></li>
<li class="navbar_li navbar_title"><a class="nav_text" href="">VAN TECH CODING CLUB</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text" href="index.html">Home</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text current_nav_page" href="about.html">About</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text" href="meetingslides.html">Meeting Slides</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text" href="#footer_contact">Contact</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text joc" href="signup.html">Join our Club!</a></li>
</ul>
</nav>
<section>
<div class="about_top_section">
<div class="square_1"></div>
<div class="filler_square">
<img class="slide_show_image" id="slideshow" src="images/slideshow/one.JPG"/>
<div class="slideshow_buttons">
<i onclick="change_image('previous')" class="image_arrows fa-solid fa-angle-left"></i>
<i onclick="change_image('next')" class="image_arrows fa-solid fa-angle-right"></i>
</div>
<p class="about_top_text">
<span class="top_title">About</span><br>
Van Tech Coding Club was established in October of 2022. Our mission is to make programming accessible and fun to learn for everyone.
We can be found in Room 601 every Wednesday, as well as on Instagram @vtcodingclub! Feel free to join us if you want to learn
some basics of topics like Python and Web Development, or just have a welcoming place to hang out! No prior experience required.
</p>
</div>
<div class="square_2"></div>
</div>
</section>
<section class="exec_section">
<h1 class="section_titles">Meet our Execs</h1>
<div class="execs_container">
<!-- ONE EXEC -->
<div class="exec">
<div class="exec_image_container">
<img class="exec_image" src="images/2021-2022execs/Donald.jpg">
<!-- Bio slides in when the exec is hovered -->
<p class="exec_bio" style="font-size: 0.9em;">Donald began self-teaching himself how to code in Grade 9 and is currently in Grade 12. He started this club to create what he wished existed back when he was in Grade 9 and wanted to provide students with resources and mentorship to help them get into coding. He has a passion for developing projects that can help others make their lives easier and wants to start a tech startup or become a software engineer one day.</p>
</div>
<p class="exec_name">Donald Lee</p>
<p class="exec_position">Founder & President</p>
<div class="exec_socials">
<a href="https://www.instagram.com/donald.k.lee/" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i></a>
<a href="https://twitter.com/HiDonaldLee" target="_blank"><i class="fab fa-twitter" aria-hidden="true"></i></a>
<a href="https://github.com/DonaldKLee" target="_blank"><i class="fab fa-github" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/donald-k-lee/" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
<a href="https://donaldlee.xyz" target="_blank"><i class="fab fa-solid fa-globe" aria-hidden="true"></i></a>
</div>
</div>
<!-- ONE EXEC ^^^ -->
<!-- ONE EXEC -->
<div class="exec">
<div class="exec_image_container">
<img class="exec_image" style="top: -30px;" src="images/2021-2022execs/Ryan.jpg">
<!-- Bio slides in when the exec is hovered -->
<p class="exec_bio" style="top: -390px;">Ryan is one of the vice-presidents for the Van Tech Coding Club. He hopes to pursue a future in STEM, but for now he is in his junior year pursuing secondary education at Van Tech in the French Immersion program. He hopes to help others learn and develop a passion for programming through Coding Club.</p>
</div>
<p class="exec_name">Ryan Lowe</p>
<p class="exec_position">Vice-President</p>
<div class="exec_socials">
<a href="instagram.com/stat1c_vo1d/" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i></a>
<a href="https://github.com/icyfrostbolt" target="_blank"><i class="fab fa-github" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/ryan-lowe-aa873a241/" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
<a style="visibility: hidden;"><i class="fab fa-solid fa-globe" aria-hidden="true"></i></a>
</div>
</div>
<!-- ONE EXEC ^^^ -->
<!-- ONE EXEC -->
<div class="exec">
<div class="exec_image_container">
<img class="exec_image"style="top: -90px;" src="images/2021-2022execs/Gordon.png">
<!-- Bio slides in when the exec is hovered -->
<p class="exec_bio" style="top: -390px;">Gordon is a vice-president for the Van Tech Coding Club. He was first introduced to coding in Grade 7, creating a flash game for a school project. He is now currently in Grade 11 and hopes to pursue a career in computer science or STEM. He hopes that Coding Club can offer itself to others as a place to explore all that programming has to offer.</p>
</div>
<p class="exec_name">Gordon Zhou</p>
<p class="exec_position">Vice-President</p>
<div class="exec_socials">
<a href="https://www.instagram.com/_gordon.z/" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i></a>
<a href="https://github.com/complexape" target="_blank"><i class="fab fa-github" aria-hidden="true"></i></a>
<a style="visibility: hidden;"><i class="fab fa-solid fa-globe" aria-hidden="true"></i></a>
</div>
</div>
<!-- ONE EXEC ^^^ -->
<!-- ONE EXEC -->
<div class="exec">
<div class="exec_image_container">
<img class="exec_image" style="top: 0px;" src="images/2021-2022execs/Samuel.png">
<!-- Bio slides in when the exec is hovered -->
<p class="exec_bio">Samuel is Secretary for VanTech Coding Club and in his senior year at VanTech. Next year, he will be going to UBC’s Faculty of Applied Science to study engineering. He can be found on Instagram @pretzelpoptart. His proudest accomplishments are his 64% in Food Studies 9 and the time he managed to get 40 kills in a Minecraft Bedwars game.</p>
</div>
<p class="exec_name">Samuel Wu</p>
<p class="exec_position">Secretary</p>
<div class="exec_socials">
<a href="https://www.instagram.com/pretzelpoptart/" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i></a>
<!-- <a href="" target="_blank"><i class="fab fa-twitter" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-github" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-solid fa-globe" aria-hidden="true"></i></a>
-->
<a style="visibility: hidden;"><i class="fab fa-solid fa-globe" aria-hidden="true"></i></a>
</div>
</div>
<!-- ONE EXEC ^^^ -->
<!-- ONE EXEC -->
<div class="exec">
<div class="exec_image_container">
<img class="exec_image" style="top: -80px;" src="images/2021-2022execs/Rosa.jpg">
<!-- Bio slides in when the exec is hovered -->
<p class="exec_bio" style="top: -380px;">Rosa is the Director of Marketing for Van Tech Coding Club. Next year, she intends to pursue a joint major in business and computer science at the SFU Beedie School of Business.</p>
</div>
<p class="exec_name">Rosa Chen</p>
<p class="exec_position">Marketing Director</p>
<div class="exec_socials">
<a href="https://www.instagram.com/_rosa.c/" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/rosachen1/" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
<a style="visibility: hidden;"><i class="fab fa-solid fa-globe" aria-hidden="true"></i></a>
</div>
</div>
<!-- ONE EXEC ^^^ -->
<!-- ONE EXEC -->
<div class="exec">
<div class="exec_image_container">
<img class="exec_image" style="top: -80px;" src="images/2021-2022execs/Tamara.png">
<!-- Bio slides in when the exec is hovered -->
<p class="exec_bio" style="top: -380px;">Tamara originally joined Coding Club as a design team member, but was later promoted to Design Director! She is graduating from Van Tech in 2022, and will be attending UBC with dreams of becoming a veterinarian. Tamara loves listening to K-pop and playing games like Genshin Impact and Valorant.</p>
</div>
<p class="exec_name">Tamara Miranda</p>
<p class="exec_position">Design Director</p>
<div class="exec_socials">
<!-- <a href="" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-twitter" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-github" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-solid fa-globe" aria-hidden="true"></i></a>
-->
<a style="visibility: hidden;"><i class="fab fa-solid fa-globe" aria-hidden="true"></i></a>
</div>
</div>
<!-- ONE EXEC ^^^ -->
<!-- ONE EXEC -->
<div class="exec">
<div class="exec_image_container">
<img class="exec_image" src="images/2021-2022execs/Kenny.jpg">
<!-- Bio slides in when the exec is hovered -->
<p class="exec_bio" style="top: -380px;">Kenny is a current Grade 12 student and the Logistics Director. He will be pursuing Computer Science at SFU next year.</p>
</div>
<p class="exec_name">Kenny Kwan</p>
<p class="exec_position">Logistics Director</p>
<div class="exec_socials">
<!-- <a href="" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-twitter" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-github" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-solid fa-globe" aria-hidden="true"></i></a>
-->
<a style="visibility: hidden;"><i class="fab fa-solid fa-globe" aria-hidden="true"></i></a>
</div>
</div>
<!-- ONE EXEC ^^^ -->
<!-- ONE EXEC -->
<div class="exec">
<div class="exec_image_container">
<img class="exec_image" style="transform: scale(1.2);" src="images/2021-2022execs/Jopher .png">
<!-- Bio slides in when the exec is hovered -->
<p class="exec_bio">Jopher joined the club as way to get voluntary hours, later he found out you didnt need it to graduate. So he just forced Donald to let him join the Exec team. Next year Jopher will be attending Langara university to pursue his dreams on become and accountant. Even though he wanted to become a chef in the beginning.</p>
</div>
<p class="exec_name">Jopher Revano</p>
<p class="exec_position">Advisor</p>
<div class="exec_socials">
<a href="https://www.twitch.tv/pedgeon" target="_blank"><i class="fab fa-twitch" aria-hidden="true"></i></a>
<!--<a href="" target="_blank"><i class="fab fa-twitter" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-github" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
<a href="" target="_blank"><i class="fab fa-solid fa-globe" aria-hidden="true"></i></a>
-->
<a style="visibility: hidden;"><i class="fab fa-solid fa-globe" aria-hidden="true"></i></a>
</div>
</div>
<!-- ONE EXEC ^^^ -->
</div>
</section>
<footer id="footer_contact">
<div class="footer_content">
<div class="contact_email">
<p>Questions? Contact us here!</p>
<a class="footer_email_link" href="mailto:[email protected]">[email protected]</a>
</div>
<div class="media_icons">
<a href="https://www.instagram.com/vtcodingclub/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="https://discord.gg/Bw62yHXa82" target="_blank"><i class="fa-brands fa-discord"></i></a>
</div>
</div>
<div id="footer_shape_1"></div>
<div id="footer_shape_2"></div>
</footer>
</body>
<script src="js/navbar.js"></script>
<script src="js/slideshow.js"></script>
</html>