-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
479 lines (464 loc) · 19.3 KB
/
index.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
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
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
<!DOCTYPE html>
<html lang="en">
<head>
<title>KCSOC Warwick Elections</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap"
rel="stylesheet"
/>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<main class="coral section">
<img
style="
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 2em;
"
src="img/l.png"
width="350"
alt=""
class=""
/>
<div class="container" id="home">
<h1>Warwick<br />Elections 2024</h1>
</div>
<hr id="about" />
<div class="container">
<div class="text">
<h3>Why be a Part of the KCSOC Team?</h3>
<br />
<p>
KCSOC is unlike any other society at university. Feeding our spiritual needs and (bellies!) and taking people on a journey of self-realisation is a big part of the KCSOC mission.
</p>
<p>
By being a part of the team, you'll gain a deeper sense of who you are along with other like-minded people.
It will be a chance to make a difference by bringing the philosophy of KC into their lives. We can't wait for you to be part of this amazing family!
</p>
<br />
<h3>Application Process</h3>
<br />
<ol>
<li>
Have a look at the roles, choose up to 2 positions, and
<a href="#apply">apply below</a>.
</li>
<li>
On the 7th of March, we will hold elections instead of the usual Thursday talk.
You will have an opportunity to give a short 2 minute presentation. We're looking for you to discuss:
<ul>
<br />
<li>Why you became a part of KCSOC</li>
<li>Why you have applied to the role</li>
<li>
What are you looking to gain from being part of the team
</li>
<li>Anything else you want to add</li>
</ul>
</li>
</ol>
<br />We'll also ask you a couple questions after your presentation,
but it will be super casual, so nothing to worry about! If you'd like
to have slides, please send them to:
<a href="mailto:kcsoc.warwick.elections@gmail.com"
>kcsoc.warwick.elections@gmail.com</a
><br />
<br />
<h3>Application Deadline and Results</h3>
<br />
<p>
Please fill in the application form by
<strong>11:59pm on Wednesday 6th March</strong> Please also make sure that you're
available on election day on the <strong>7th</strong>!
</p>
<p>
The aim of this election is to put together the best exec to take
KCSOC into the next year, so please do apply! We can't wait to
welcome you into the team!
</p>
<p>
Voting will take place in person on the day.
</p>
</div>
</div>
<hr />
<div class="container" id="roles">
<h1>Roles</h1>
</div>
<div class="container" id="president">
<div class="graphic-div">
<img class="graphic" src="img/monk.png" alt="image" />
</div>
<div class="text">
<h2>President</h2>
<h4>Why Apply?</h4>
<p>
If you have a vision of leading KCSOC to success, and are ready to make some serious progression in your spiritual life, then this is your opportunity.
KCSOC will constantly engage you in weekly events that will require tremendous amounts of planning, organisation skills, time-management, and teamwork.
Things never run smoothly, but it means you'll pick up invaluable skills overcoming those hurdles.
</p>
<h4>Roles and responsibilities</h4>
<ul>
<li>Oversees all of the society's exec, activities, promotion and more!</li>
<li>Point of contact for KCSOC National Team and Ambassador</li>
<li>A good role model of KCSOC</li>
</ul>
</div>
</div>
<hr />
<div class="container" id="vice-president">
<div class="graphic-div">
<img class="graphic" src="img/monk.png" alt="image" />
</div>
<div class="text">
<h2>Vice-President</h2>
<h4>Why Apply?</h4>
<p>
If you're motivated to give our members the best possible experience then this is your opportunity.
There are lots of things to sort out for our events to run smoothly and make sure our members have the best time possible,
so you're the key to KCSOC success!
</p>
<h4>Roles and responsibilities</h4>
<ul>
<li>Support the president in their role</li>
<li>Contacting and building relationships with speakers</li>
<li>Running our main Thursday events</li>
<li>Organise any social and collab events</li>
<li>Stay on top of communication from the SU</li>
</ul>
</ul>
</div>
</div>
<hr />
<div class="container" id="secretary">
<div class="graphic-div">
<img class="graphic" src="img/eagle.png" alt="image" />
</div>
<div class="text">
<h2>Secretary</h2>
<h4>Why Apply?</h4>
<p>
The Secretary is an essential role that acts as the key support for the entire society.
Your logistical skills are needed for our smooth running and you would also be the coordinator with the Student Union, Chaplaincy etc - we have to make sure we're on top of any requirements they have so we can ask for their help or support when we need.
</p>
<h4>Roles and responsibilities</h4>
<ul>
<li>Booking rooms for events (must be done well in advance!)</li>
<li>Take feedback from our members and minutes during meetings whilst following up with relevant exec to make sure points are implemented</li>
<li>Manage and stock up inventory in our lockers</li>
<li>Stay on top of various admin like SU handover, memberships, society fairs, frep applications, SU & chaplaincy meetings, etc.</li>
<li>Help other exec with getting access to chaplaincy lockers and other facilities</li>
</ul>
</div>
</div>
<hr />
<div class="container" id="treasurer">
<div class="graphic-div">
<img class="graphic" src="img/monopoly.png" alt="image" />
</div>
<div class="text">
<h2>Treasurer</h2>
<h4>Why Apply?</h4>
<p>
Although KCSOC says not to be attached to money, we still need it to
help the society run and grow! The treasurer has the crucial role of
looking after the society's finances. If you are the type of person
who wants to get the maximum out of everything, then this is the
role for you!
</p>
<h4>Roles and responsibilities</h4>
<ul>
<li>Keep track of all monetary movement e.g. spending on events, food shopping, and donations</li>
<li>Apply for any university funding which is available & expensing things through the SU</li>
<li>Organising transport for retreats (with the help of the President and KCSOC National Team)</li>
<li>Come up with exciting fund raising ideas if the society needs money!</li>
</ul>
</div>
</div>
<hr />
<div class="container" id="event-coordinator">
<div class="graphic-div">
<img class="graphic" src="img/mc.png" alt="image" />
</div>
<div class="text">
<h2>Event Co-ordinator</h2>
<h4>Why Apply?</h4>
<p>
KCSOC is praised for being an approachable society that has a friendly, loving atmosphere and the event coordinators are essential in creating this!
Your great public speaking skills will be needed to deliver key information as well as your natural warmth as you make sure unfamiliar faces
feel welcome, as well as making sure the regular faces feel loved and cared for!
</p>
<h4>Roles and responsibilities</h4>
<ul>
<li>Being an approachable, friendly face, welcoming and talking to our members</li>
<li>Helping set up and run the Thursday events</li>
<li>MCing our events which includes:</li>
<ul>
<li>Starting the session with an icebreaker</li>
<li>Introducing the speaker</li>
<li>Announcements at the end</li>
</ul>
</ul>
</div>
</div>
<hr />
<div class="container" id="media">
<div class="graphic-div">
<img class="graphic" src="img/wizard.png" alt="image" />
</div>
<div class="text">
<h2>Marketing Co-ordinator</h2>
<h4>Why Apply?</h4>
<p>
Our marketing on social media is the main way people know about out events, so this
is a really vital role. You'll be in charge of maintaining our pages
and engaging with the audience. It is a great way of spiritualising
social media for both yourself and others!
</p>
<h4>Roles and responsibilities</h4>
<ul>
<li>Keep our socials engaging and up to date with event info and pictures </li>
<li>Design posters and write descriptions for our weekly events</li>
<li>Creating talk summaries and photo collages to post on our social media</li>
<li>Promoting flashship events and the retreat all over campus!</li>
<li>Send timely event reminders to all members</li>
<li>Keep our announcement slides and SU page up to date with the latest information</li>
</ul>
</ul>
</div>
</div>
<hr />
<div class="container" id="apply">
<div class="text">
<h1>Apply Now</h1>
<h3>Important Info</h3>
<ul>
<li>
Apply for 2 roles max. - you can choose your order of preference
on the form
</li>
<li>
At the end of elections, if we have unfilled positions, we will
offer the positions to those who have applied but didn't get their
preferred positions
</li>
<li><strong>Deadline is Wednesday 6 March 23:59</strong></li>
</ul>
</div>
</div>
<div class="container">
<form name="apply-form" method="POST" data-netlify="true">
<!-- change the form action to your script url -->
<div class="form-elements">
<fieldset class="form-group">
<input
class="form-control"
id="name"
name="name"
pattern="^[a-zA-Z]+[\s|-]?[a-zA-Z]+[\s|-]?[a-zA-Z]+"
title="Invalid input"
required
placeholder="Full Name"
/>
</fieldset>
<fieldset class="form-group">
<input
id="email"
class="form-control"
name="email"
type="email"
value=""
required
placeholder="Email Address"
/>
</fieldset>
<fieldset class="form-group">
<input
id="phone"
class="form-control"
name="phone"
minlength="8"
minlength="15"
pattern="\d+"
title="Please only enter numbers"
value=""
required
placeholder="Phone Number"
/>
</fieldset>
<fieldset class="form-group">
<select
class="custom-select"
id="pos1"
name="position1"
onchange="getDropDown()"
required
>
<option value="" disabled selected>Position 1</option>
<option value="President">President</option>
<option value="Vice-President">Vice-President</option>
<option value="Secretary">Secretary</option>
<option value="Treasurer">Treasurer</option>
<option value="Events Co-ordinator">Events Co-ordinator</option>
<option value="Marketing Co-ordinator">Marketing Co-ordinator</option>
</select>
</fieldset>
<fieldset class="form-group">
<select class="custom-select" id="pos2" name="position2" required>
<option value="" disabled selected>
Position 2 (diff to Position 1)
</option>
<option value="President">President</option>
<option value="Vice-President">Vice-President</option>
<option value="Secretary">Secretary</option>
<option value="Treasurer">Treasurer</option>
<option value="Events Co-ordinator">Events Co-ordinator</option>
<option value="Marketing Co-ordinator">Marketing Co-ordinator</option>
</select>
</fieldset>
<fieldset class="form-group honeypot-field">
<label for="honeypot"
>To help avoid spam, utilize a Honeypot technique with a hidden
text field; must be empty to submit the form! Otherwise, we
assume the user is a spam bot.</label
>
<input id="honeypot" type="text" name="honeypot" value="" />
</fieldset>
<button
class="btn btn-primary"
style="float: right; background-color: rgb(6, 32, 105)"
>
Submit
</button>
</div>
</form>
</div>
<div class="container" id="thankyou_message" style="display: none">
<div class="text">
<!-- You can customize the thankyou message by editing the code below -->
<h3 style="font-size: 1.2rem">
Thanks for applying! The next step is the elections on the 7th
March. We'll look forward to presentations then! Our final tip: the
thing we are looking for the most at the end of the day, are people
with a good, enthusiastic attitude towards KCSOC! Good luck!
</h3>
</div>
</div>
<hr />
<div class="container" id="contact">
<div class="text">
<h1>Contact Us</h1>
<p>
If you have any questions, feel free to contact Sagar,
or fill in the form below.
</p>
</div>
</div>
<div class="container">
<form method="POST" data-netlify="true">
<div class="form-elements">
<fieldset class="form-group">
<input
class="form-control"
id="contact-email"
name="email"
type="email"
value=""
required
placeholder="Email Address"
/>
</fieldset>
<fieldset class="form-group">
<textarea
class="form-control"
id="comment"
name="comment"
minlength="8"
maxlength="1000"
pattern="(?=.*[a-z]).{1,}|(?=.*[A-Z]).{1,}"
title="Please use letters"
rows="5"
required
placeholder="Your message"
></textarea>
</fieldset>
<fieldset class="form-group honeypot-field">
<label for="honeypot"
>To help avoid spam, utilize a Honeypot technique with a hidden
text field; must be empty to submit the form! Otherwise, we
assume the user is a spam bot.</label
>
<input id="honeypot" type="text" name="honeypot" value="" />
</fieldset>
<button
class="btn btn-success"
style="
float: right;
background-color: rgb(6, 32, 105);
margin-bottom: 10px;
"
>
<i class="fa fa-paper-plane"></i> Send
</button>
</div>
<div style="display: none" class="thankyou_message">
<!-- You can customize the thankyou message by editing the code below -->
<h3 style="text-align: center">
Thanks for contacting us! We will get back to you soon!
</h3>
</div>
</form>
</div>
</main>
<footer class="purple section">
<span
><a href="https://www.facebook.com/kcsocwarwick"
><i class="fa fa-facebook fa-2x"></i></a
></span>
<span
><a href="https://www.instagram.com/kcsocwarwick"
><i class="fa fa-instagram fa-2x"></i></a
></span>
<span
><a href="https://www.github.com/kcsocwarwick"
><i class="fa fa-github fa-2x"></i></a
></span>
<p style="color: white; font-size: 0.9rem">
© Krishna Consciousness Society
</p>
</footer>
<script>
function getDropDown() {
$("#pos2 option").each(function () {
if ($("#pos1 option:selected").val() == $(this).val())
$(this).attr("disabled", "disabled");
else $(this).removeAttr("disabled");
});
}
</script>
</body>
</html>