-
Notifications
You must be signed in to change notification settings - Fork 4
/
elections.html
166 lines (145 loc) · 7.17 KB
/
elections.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
<!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.0">
<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=Karla:wght@400;500;700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/8663eb90fc.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/elections.css">
<link rel="stylesheet" href="css/elections-timeline.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- <script src="https://cdn.skypack.dev/random"></script> -->
<!-- <script src="https://cdn.skypack.dev/seedrandom"></script> -->
<script src="js/elections.js"></script>
<title>Elections | NUS Students' Computing Club</title>
</head>
<body>
<!--div id="fop-banner"> // USE IT when internal elections are out
<p style="text-align:center">
The results for the Internal Elections are out! Find out more <span><a style="font-weight: bold; color: black;" href="internalresults.html">here</a></span>!
</p>
<button id="toggle-fop-banner" style="text-align:center; display:block">Got it!</button>
</div-->
<div id="navbar">
<a href="https://nuscomputing.com" width="40" id="logo"><img src="assets/black-logo.png" width="40"
id="logo"></a>
<div id="options">
<p><a style="color: #feca57;" href="elections.html">Home</a></p>
<p><a href="manifesto.html">Manifesto</a></p>
<p><a href="candidates.html">Candidates</a></p>
<p><a href="roles.html">Roles</a></p>
<!-- <p><a href="nomination.html">Nomination</a></p> -->
<!-- <p><a href="voting.html">Voting</a></p>-->
<p><a href="externalresults.html">Results</a></p>
</div>
</div>
<div id="hero">
<p id="hero-header">Ignite change. <span style="color: #e58e26;">Redefine tomorrow.</span></p>
<p id="hero-subheader">Find out how you can play a part in the NUS Students' Computing Club Elections today!</p>
<!-- <a href="nomination.html"><button style="margin-bottom: 7px;" id="hero-register">I'm interested <i style="margin-left: 5px;"
class="fa-solid fa-arrow-right"></i></button></a> -->
<!-- <br>
<a style="color: #57606f;" href="manifesto.html">... or read our manifesto</a> -->
<a href="https://nus.campuslabs.com/engage/submitter/election/start/603843"><button id="hero-register" style="margin-bottom: 7px; height: 70px; width: 300px; font-size: 25px;">CAST YOUR VOTE<i style="margin-left: 5px;"
class="fa-solid fa-arrow-right"></i></button></a>
<a style="color: #57606f;" href="voting.html">View voting instructions</a>
<!-- <p id="scroll-indic"><i class="fa-solid fa-angles-down"></i></p> -->
</div>
<!-- <div class="worklet-canvas"></div> -->
<!-- <div id="speech">
<div id="speech-container">
<div id="left">
<p id="speech-header">Foreword</p>
<p id="speech-text">
University is not just a place for you to equip yourself with knowledge. It's where you form your best memories and forge friendships that will last the
rest of your life – Computing Club certainly gave me both, making it one of my best experiences at SoC! Despite the pandemic, I can confidently say I've
had a fulfilling varsity life. From Director of FOP in Year 1 to President in Year 2, I’m glad to have embarked on this journey spanning two terms. As I end my presidency, I have strong faith that the future of the club is in competent hands – those that have what it takes to lead the faculty forward. I encourage you to step up and run for the 25th Management Committee Elections.
<br>
<br>
<span>Raveen Prabhu</span>
<br>
President, 24<sup>th</sup> Management Committee
</p>
</div>
<div id="right"></div>
</div>
</div> -->
<div id="timeline-section">
<p id="segment-header">Timeline</p>
<p id="segment-subheader">
The election will run through the first half of <span>AY23/24 Semester 1</span>. Do take note of key dates
and events.
For more information about each phase, check out our <a href="voting.html#faq"
style="text-decoration: none"><span>FAQ page</span></a>!
</p>
</div>
<div class="timeline">
<div class="container left">
<div class="content">
<h3>August 14-23</h3>
<p>Nominations Period</p>
<p style="font-size:0.8em">(Ends 1200H)</p>
<!-- <p style="font-size: 1em; color: gray">* ends 12 00</p> -->
</div>
</div>
<div class="container right">
<div class="content">
<h3>August 24-26</h3>
<p>Campaign Period</p>
</div>
</div>
<div class="container left">
<div class="content">
<h3>August 27</h3>
<p>Cooling Off Day
<p>
</div>
</div>
<div class="container right">
<div class="content">
<h3>August 28-30</h3>
<p>External Elections Polling
<p>
</div>
</div>
<div class="container left">
<div class="content">
<h3>September 3</h3>
<p>External Election Results</p>
</div>
</div>
</div>
<div id="camp-socials">
<p id="segment-header" style="text-align: center;">
Reach Out
</p>
<p id="segment-subheader" style="text-align: center; margin-bottom: 15px;">
Message us on Instagram or email us if you have any questions!
</p>
<div id="camp-socials-container">
<div id="email-card" class="social-card" style="background-color: #ffbfbf;">
<i class="fa-brands fa-instagram"></i>
<a target="_blank" href="https://www.instagram.com/nuscomputingclub/">@nuscomputingclub</a>
</div>
<div id="email-card" class="social-card" style="background-color: #e8ffa3;">
<i class="fa-solid fa-envelope"></i>
<a target="_blank" href="mailto:elections@nuscomputing.com">elections@nuscomputing.com</a>
</div>
</div>
</div>
<div id="footer">
<p>Improved with <i class="fa-solid fa-heart"></i> by the 25<sup>th</sup> MC | 2023</p>
</div>
</body>
<script>
document.addEventListener("DOMContentLoaded", () => {
var regBtn = document.getElementById('hero-register')
regBtn.addEventListener("click", () => {
window.location.href = "nomination.html"
})
})
</script>
</html>