-
Notifications
You must be signed in to change notification settings - Fork 3
/
officers.html
executable file
·288 lines (260 loc) · 13.3 KB
/
officers.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
<!DOCTYPE html>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Officers</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8
]><script src="assets/js/ie/html5shiv.js"></script
><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/officers.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<!--[if lte IE 9
]><link rel="stylesheet" href="assets/css/ie9.css"
/><![endif]-->
<!--[if lte IE 8
]><link rel="stylesheet" href="assets/css/ie8.css"
/><![endif]-->
</head>
<body>
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="./index">BYU Dev</a></h1>
<nav id="nav">
<ul>
<li>
<a href="#">What We Do</a>
<ul>
<li><a href="./index#student-spotlight">Student Spotlight</a></li>
<li>
<a href="./index#talent">BYU Developers Talent Network</a>
</li>
<li>
<a href="http://dev.byu.edu/events/" class="scrolly">Upcoming Events</a>
</li>
</ul>
</li>
<li>
<a href="#">What We've Accomplished</a>
<ul>
<li><a href="./index#club-projects">Club Projects</a></li>
<li>
<a href="./index#talent">BYU Developers Talent Network</a>
</li>
</ul>
</li>
<li>
<li><a href="https://joshcockrell.com/resume-template" target="_blank">Resume Template</a></li>
<a href="./officers" target="_blank">Officers</a>
</li>
<li><a
href="https://docs.google.com/forms/d/e/1FAIpQLScKH52O1K8bBh1v-Epv-FbxfZmowHpPzJRkEk5lqDlBZO2VtQ/viewform?usp=sf_link"
target="_blank">Apply For Leadership</a></li>
<li><a href="./index#find-students">Work With Students</a></li>
<li><a href="./index#join" class="button special">Join</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main" class="wrapper style1">
<div class="container">
<!-- Content -->
<section id="content">
<header class="major">
<h2>Club Officers</h2>
</header>
<section class="officer-grid">
<!-- Officers -->
<!-- Example -->
<!-- <div class="card">
<img class="officer-image" src="images/officers/jacob_o.jpeg" alt="Jacob O" style="width:100%" />
<div class="card-text">
<h2>Jacob Olson</h2>
<p class="title">President</p>
<a href="https://jacobols.com">
<i class="fa fa-bolt"></i>
</a>
<a href="https://www.linkedin.com/in/jacob-ols">
<i class="fa fa-linkedin"></i>
</a>
<a href="https://github.com/olsonjb/">
<i class="fa fa-github"></i>
</a>
<a href="mailto:[email protected]">
<i class="fa fa-envelope"></i>
</a>
</div>
</div> -->
<div class="card">
<img class="officer-image" src="images/officers/spencer_o.jpg" alt="Spencer Olson" style="width:100%" />
<div class="card-text">
<h2>Spencer Olson</h2>
<p class="title">President</p>
<a href="https://spencero21.github.io/Spencers-Website/">
<i class="fa fa-bolt"></i>
</a>
<a href="https://www.linkedin.com/in/spencer-olson-407a061a5/">
<i class="fa fa-linkedin"></i>
</a>
<a href="https://github.com/SpencerO21">
<i class="fa fa-github"></i>
</a>
<a href="mailto:[email protected]">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
<div class="card">
<img class="officer-image" src="images/officers/dave.JPG" alt="Dave" style="width:100%" />
<div class="card-text">
<h2>Dave Sumsion</h2>
<p class="title">Vice President</p>
<a href="https://www.linkedin.com/in/david-sumsion-860288256/">
<i class="fa fa-linkedin"></i>
</a>
<a href="https://github.com/davidsumsion">
<i class="fa fa-github"></i>
</a>
<a href="mailto:[email protected]">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
<div class="card">
<img class="officer-image" src="images/officers/simonC.jpg" alt="Simon C" style="width:100%" />
<div class="card-text">
<h2>Simon Cheek</h2>
<p class="title">Vice President of Outreach</p>
<a href="https://www.simoncheek.com">
<i class="fa fa-bolt"></i>
</a>
<a href="https://www.linkedin.com/in/simon-cheek-83726b175/">
<i class="fa fa-linkedin"></i>
</a>
<a href="https://github.com/simon-cheek/">
<i class="fa fa-github"></i>
</a>
<a href="mailto:[email protected]">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
</section>
<section id="openings">
<!--
<h2 id="officer-page-padding">Open Officer Positions</h2>
<div class="person-container">
<img class="person-image" src="images/pic08.jpg" alt="" />
<span class="person-description">
<h3>Finance VP</h3>
<p>Every club needs someone who is willing to keep us operational. The VP of Finance is responsible for managing and tracking the budget, assuring club fees are paid, and that we can still have food at our table when hack nights roll around.
</p>
<span>
</div>
<div class="person-container">
<img class="person-image" src="images/pic08.jpg" alt="" />
<span class="person-description">
<h3>Company Relationships VP</h3>
<p>The VP of Company Relationships goal is to bring on awesome companies to host hack nights and maintain healthy relationships for future opportunities.
</p>
<span>
</div>
<div class="person-container">
<img class="person-image" src="images/pic08.jpg" alt="" />
<span class="person-description">
<h3>Events VP</h3>
<p>The VP of Events is responsible for putting together workshops with the VP of Company Relationships. The VP also is responsible for coordinating hackathons and hacknights.
</p>
<span>
</div> -->
<!--
<div class="person-container">
<img class="person-image" src="images/pic08.jpg" alt="" />
<span class="person-description">
<h3>President</h3>
We have a growing club. Your job is to bring it to the next level. You must define what that means to you. In this role, you will be expected to assist all other officers in there respective positions. You should be able to, and almost certainly will, take on the responsibility of other officers when that position is not filled or the officer is unable to do so. You are also responsible for filling any empty positions and looking for areas of growth.
<span>
</div>
<div class="person-container">
<img class="person-image" src="images/pic08.jpg" alt="" />
<span class="person-description">
<h3>Vice President</h3>
Your job is to be flexible. Not only be flexible, but seek for ways to be flexible. Always look for opportunities to help the other officers. You are an extension of the President. So, you should be able to fill in for any given role. Always look for areas of improvement and always know what is going on. Your main purpose is to make every opportunity for the other officers to succeed.
<span>
</div>
<div class="person-container">
<img class="person-image" src="images/pic08.jpg" alt="" />
<span class="person-description">
<h3>VP of Marketing</h3>
We have 300+ students on our mailing list and we need someone to make sure they show up. You will be responsible for all marketing aspects of BYU Dev including managing our mailchimp account. You will become best friends with the VP of BYU Affairs. Work with the VP of BYU Affairs to generate marketing opportunities.
<span>
</div> -->
<!-- <div class="person-container">
<img class="person-image" src="images/pic08.jpg" alt="" />
<span class="person-description">
<h3>Makerspace Coordinator</h3>
We have $30,000+ in assets (3d Printers, Computers, Iot device, etc). These are housed in BYU's first, and only, Makerspace. The Makerspace is kind of a big deal. There's nothing else like it on campus. You will be responsible for managing these assets, working with our partner club Venture Factory, and scheduling rooms for club events. Most importantly, you are responsible for the Makerspace. You'll become a 3d-printing expert and make the space more valuable for club membership, and all those who use it. This is a very unique opportunity!
</span>
</div> -->
<!--<div class="person-container">
<img class="person-image" src="images/pic08.jpg" alt="" />
<span class="person-description">
<h3>VP of Hack Nights</h3>
You will be responsible for running the nitty gritty of Hack Nights. You will do everything possible to legally adopt the 120+ people who show up monthly to our meetings, including making sure they get their pizza. You will reach out to local companies to find pizza funding. Must be fluent in pizza. <a href="https://docs.google.com/forms/d/e/1FAIpQLSfLXUjSV6Hnjh2W3VqJdAHfepOS9R_WicNsh_YjEQcdcQfLgQ/viewform" class="button special small">Apply</a>
<span>
<p>
Runs the nitty gritty of Hack Nights. Does everything possible to legally adopt the 120+ people who show up monthly to our meetings; including, possibly the most important detail, making sure they get their pizza. Reaches out to local companies to find pizza funding. Is fluent in pizza.
</p>
</div>-->
<!-- <div class="align-right">
<a href="https://docs.google.com/forms/d/e/1FAIpQLScKH52O1K8bBh1v-Epv-FbxfZmowHpPzJRkEk5lqDlBZO2VtQ/viewform?usp=sf_link" class="button special small">Apply</a>
</div> -->
</section>
</section>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li>
<a href="mailto:[email protected]" class="icon alt fa-envelope"><span class="label">Email</span></a>
</li>
</ul>
<ul class="copyright">
<li>
©
<script>
document.write(new Date().getFullYear());
</script>
BYU Developers Club. All rights reserved.
</li>
<li>
Design:
<a target="_blank" href="http://devmunchies.com/">Sam Eaton</a>,
<a target="_blank" href="http://joshcockrell.com/">Josh Cockrell</a>,
<a target="_blank" href="http://tylermarkpeterson.com/">Tyler Peterson</a>, <a target="_blank"
href="http://html5up.net">HTML5 UP</a>
</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8
]><script src="assets/js/ie/respond.min.js"></script
><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>