Repository navigation
Expand file tree
/
Copy pathofficers.html
More file actions
302 lines (206 loc) · 11.7 KB
/
Copy pathofficers.html
File metadata and controls
302 lines (206 loc) · 11.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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>ACM@WM</title>
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link href='assets/fonts/roboto_thin_macroman/stylesheet.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>
<div id="wrapper">
<div id="header">
<!--Puts logo into Bootstrap grid so that it properly resizes across devices-->
<div class="container">
<div class="row">
<div class="col-sm-4"><a href="home.html"><img src="assets/img/logo.png" alt="ACM@WM Logo"></a></div>
<div class="col-sm-4"></div>
<div class="col-sm-4"></div>
</div>
</div>
<!-- Static navbar -->
<!-- HTML for the navigation bar - will collapse into a dropdown button on small screens-->
<div class="navbar navbar-inverse navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-left">
<li><a href="home.html">Home</a></li>
<li><a href="membership.html">Membership</a></li>
<li><a href="calendar.html">Events</a></li>
<li><a href="officers.html">Officers</a></li>
<li><a href="acm-w.html">ACM-W</a></li>
<li><a href="icpc.html">ICPC</a></li>
<li><a href="http://cypher.cs.wm.edu">Cypher</a><li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div id="body">
<h2>Officers</h2>
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<!-- Grid of Pictures, one row per exec board member, includes photo, title and a quick biography-->
<!-- Order of exec board members is derived from the order in which the members are listed in Article 4, Sect 1 of Constitution-->
<!-- Should only need to edit names, biography paragraph, links to personal sites/githubs, and image sources-->
<div class="row picGrid">
<div class="col-md-2"></div>
<div class="col-md-2"><img src="assets/img/officers/meg.jpg"></div>
<div class="col-md-6 officer-description">
<h4>Meg Anderson / <i>Chair</i></h4>
<hr>
<p>Meg is a junior studying Computer Science and Biology here at the college. When she's not hanging out with ACM, you can find her in the bowels of McGlothlin Street helping intro computer science students as a consultant, or at the German house trying not to forgot how to <em>Deutsch sprechen</em> after her summer internship in Germany. Makes a killer crème brûlée.</p>
</div>
<div class="col-md-2"></div>
</div>
<div class="row picGrid">
<div class="col-md-2"></div>
<div class="col-md-2"><img src="assets/img/officers/liz-2018.png"></div>
<div class="col-md-6 officer-description">
<h4>Liz Weech / <i>Vice Chair</i></h4>
<hr>
<p>Liz is a junior studying Computer Science and Physics. She is the firmware lead for TribeSat, W&M's satellite project, and gets really excited about anything space related. Milk is her beverage of choice, and she reached her peak when she met Buzz Aldrin at a conference in 2014.</p>
</div>
<div class="col-md-2"></div>
</div>
<div class="row picGrid">
<div class="col-md-2"></div>
<div class="col-md-2"><img src="assets/img/officers/aj.jpg"></div>
<div class="col-md-6 officer-description">
<h4>AJ Marra / <i>Secretary</i></h4>
<hr>
<p>AJ is a junior majoring in Computer Science and minoring in English. Aside from all things computers and programming, AJ enjoys reading, writing, playing soccer, and swimming. She is also a sister of Alpha Chi Omega and subsists off of coffee and sugar.</p>
</div>
<div class="col-md-2"></div>
</div>
<div class="row picGrid">
<div class="col-md-2"></div>
<div class="col-md-2"><img src="assets/img/officers/wils.png"></div>
<div class="col-md-6 officer-description">
<h4>Wils McCreight / <i>Treasurer</i></h4>
<hr>
<p>Wils McCreight is a senior majoring in Computer Science and minoring in Data Science at W&M. He loves all things music, and when he’s not coding apps for IOS you can catch him singing a cappella on the Wren Portico! His other interests include machine learning, dogs and caffeine.</p>
</div>
<div class="col-md-2"></div>
</div>
<div class="row picGrid">
<div class="col-md-2"></div>
<div class="col-md-2"><img src="assets/img/officers/no-pic-yet.png"></div>
<div class="col-md-6 officer-description">
<h4>Kayla Shirley / <i>Public Relations Chair</i></h4>
<hr>
<p>Kayla is a senior pursuing a Bachelors in Computer Science with a minor in Russian & Post-Soviet Studies. When she’s not coding or studying in Swem, Kayla can most likely be found in the Russian House(она любит Русский Дом)! She also works at the Cohen Career Center as resident Webmaster/IT Assistant. Mains Dva and Moira in Overwatch.</p>
</div>
<div class="col-md-2"></div>
</div>
<div class="row picGrid">
<div class="col-md-2"></div>
<div class="col-md-2"><img src="assets/img/officers/adam.png"></div>
<div class="col-md-6 officer-description" style="font-family: Georgia, serif">
<h4>Adam An / <i>Webmaster</i></h4>
<hr>
<div style="background-color: #f9f4d9;
padding: 20px;
border-radius: 10px;
color: #726d4e;
border: solid 1px #d8d3b6;
-webkit-box-shadow: inset 0px 0px 5px 2px rgba(216,211,182,1);
-moz-box-shadow: inset 0px 0px 5px 2px rgba(216,211,182,1);
box-shadow: inset 0px 0px 5px 2px rgba(216,211,182,1);">
<p style="text-align: center;">🙤 🙦</p>
<p style="font-family: Garamond, Georgia, sans-serif;">Adam gets the fancy bio because he made this page. He does full-stack webdev and linguistics. Find out more about him <a href=" http://theycallmezeal.me">on his website</a>.</p>
<p style="text-align: center;">🙥 🙧</p>
</div>
</div>
<div class="col-md-2"></div>
</div>
<div class="row picGrid">
<div class="col-md-2"></div>
<div class="col-md-2"><img src="assets/img/officers/alex.png"></div>
<div class="col-md-6 officer-description">
<h4>Alex Fantine / <i>Hack Committee Chair</i></h4>
<hr>
<p>Alex is a sophomore planning on majoring in Computer Science and possibly minoring in theatre. Aside from planning the Hackathon, you can usually catch him acting in some production at W&M or trying to think of a cool idea for a coding project. He also really likes Transformers, and is looking for someone to geek out about the Lost Light with!</p>
</div>
<div class="col-md-2"></div>
</div>
<div class="row picGrid">
<div class="col-md-2"></div>
<div class="col-md-2"><img src="assets/img/officers/no-pic-yet.png"></div>
<div class="col-md-6 officer-description">
<h4>Conrad Gehrki / <i>Interview Preparation Chair</i></h4>
<hr>
<p>Conrad is a senior at the college studying computer science and math. Outside of classes, he likes to talk politics and pop culture with friends. His research interests center on virtualization and cloud security.</p>
</div>
<div class="col-md-2"></div>
</div>
<div class="row picGrid">
<div class="col-md-2"></div>
<div class="col-md-2"><img src="assets/img/officers/richie.jpg"></div>
<div class="col-md-6 officer-description">
<h4>Richie Bonett / <i>Graduate Student Liaison</i></h4>
<hr>
<p>Richie is a MS/PhD student advised by <a href="http://www.cs.wm.edu/~denys/">Dr. Denys Poshyvanyk</a>. His primary research interests lie in Software Engineering, particularly in the development and evolution of mobile applications. You can read more about his work and technical interests on <a href="http://richardbonett.com">his website</a>.</p>
</div>
<div class="col-md-2"></div>
</div>
<div class="row picGrid">
<div class="col-md-2"></div>
<div class="col-md-2"><img src="assets/img/officers/jim.jpg"></div>
<div class="col-md-6 officer-description">
<h4>Jim Deverick / <i>Faculty Advisor</i></h4>
</div>
<div class="col-md-2"></div>
</div>
</div>
<div class="col-md-2"></div>
</div>
</div>
<div id="footer">
<div class="row links">
<div class="col-sm-6 socialmedia" id="paypal">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="KHZGYQZUT79DW">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
</form>
<p style="font-size: 10px"> *We do not provide refunds of donations.<br>
Customer information is collected for the purpose of processing your donation.<br>
This information is kept confidential and is not shared.</p>
</div>
<div class="col-sm-6 socialmedia" id="contact">
<p>Contact Us</p>
<p><a href="mailto:exec@wm.acm.org" style="color: white">Email: exec@wm.acm.org</a></p>
</div>
<div class="col-sm-6 socialmedia" id="icons">
<a href="https://www.facebook.com/ACMWM"><i class="fa fa-facebook-official fa-3x"></i></a>
<a href="https://www.youtube.com/channel/UCnfKbq9c78huqulztQDs_dA"><i class="fa fa-youtube fa-3x"></i></a>
</div>
</div>
<div class="row copyright">
<div class="col-md-4"></div>
<div class="col-md-4">
<p>© 2016 William & Mary ACM</p>
</div>
<div class="col-md-4"></div>
</div>
</div>
</div>
</body>
</html>