-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
205 lines (200 loc) · 11.7 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
<!DOCTYPE html>
<html lang=" en">
<head>
<!--Meta data initialisation-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="Jeroen Olieslagers" />
<meta name="description" content="The Official Website for the King's Affair 2019.">
<meta name="keywords" content="kings affair, king's affair, kings, 2019, king's, june event, may balls, may, ball, may week, cambridge, king's college, kings may ball">
<meta name="reply-to" content="[email protected]">
<meta name="copyright" content="King's Affair">
<title>23.59.60 | King's Affair 2019</title>
<!-- Links to stylesheets-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css">
</head>
<body style="background-color: black">
<iframe src="silence.mp3" allow="autoplay" id="audio" style="display:none"></iframe>
<audio id="player" autoplay loop>
<source src="cloc.mp3" type="audio/mp3">
</audio>
<nav class="navbar navbar-expand-md fixed-top navbar-dark bg-dark" id="navbar">
<a class="navbar-brand" href="#"><img src="img/logo1.png" width="40" height="40"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav" style="width: 92%; text-align: center">
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tickets">Tickets</a>
</li>
<li class="nav-item">
<a class="nav-link" href="info.html#faqs">FAQ's</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#charity">Charity</a>
</li>
<li class="nav-item">
<a class="nav-link" href="info.html#committee">Committee</a>
</li>
</ul>
<span class="navbar-text">
<a class="nav-link social-link" href="https://fb.me/thekingsaffair">
<i class="fab fa-facebook"></i>
</a>
<a class="nav-link social-link" href="https://www.instagram.com/kingsaffair">
<i class="fab fa-instagram"></i>
</a>
</span>
</div>
</nav>
<main class="full-screen" role="main">
<section class="full-screen ho" id="home" style="align-items: center">
<div class="box new">
<div class="text-shadow-pop-bottom">
23
</div>
</div>
<div class="box point">
.
</div>
<div class="box now">
59
</div>
<div class="box point">
.
</div>
<div class="box old">
<div class="text-flicker-in-glow">
60
</div>
</div>
</section>
<section class="full-screen" id="about">
<div class="container-fluid">
<div class="row" style="justify-content: center">
<h1 style="margin:75px; font-family:adam_cg">
About
</h1>
</div>
<div class="spacer small"></div>
<div class="row">
<h5>
<div class="glitch" data-glitch="The clocks chime 23:59:60…">The clocks chime 23:59:60…</div>
</h5>
<div class="spacer"></div>
<div style="line-height: 1.8em">
<div class="circle"></div>
There is a mediator between the past, present and future: King’s College, Cambridge, for one cataclysmic night. Brave the heady futurism of Bunker, roam the prehistoric world and feel infinity amidst the beauty of the Chapel as the sun sets on a paradisiacal place where all rules run free. Leave your body and surrender to the embrace of time, to entertainment that spans all moods, from spiritual bliss to sweaty techno intensity.
Dive into history and take a leap forward with the King’s Affair, where there are no gowns to tie you down.
</div>
</div>
</div>
</section>
<section class="full-screen" id="tickets">
<div class="container-fluid" style="max-width: 1280px">
<div class="row" style="justify-content: center">
<h1 style="margin:55px; font-family:adam_cg">
Tickets
</h1>
</div>
<div class="row">
<p style="padding:0px">
Please read our ticketing policy <a href="info.html">here</a>.
</p>
</div>
<div class="row">
<div class="col-md">
<h4><br />King's Members<br /> </h4>
<p style="padding:0">
Tickets will go on sale to King’s members at <span style="font-weight: bold">12am on Thursday, 28th of February</span>.
Tickets for King’s members cost £72. Don’t stress - you have a week to secure your ticket,
with ticket sales for King’s members ending at <span style="font-weight: bold">06:00am on Wednesday, 6th March</span>.
You will need to log in via Raven in order to buy your ticket. Please note you<span style="font-weight: bold"> cannot </span>change the name on your own ticket to a non-King's member.
</p>
<a href="https://kingsaffair2019.tessera.events" class="btn btn-outline-primary" role="button">Buy Ticket</a>
</div>
<div class="col-md">
<h4>General Release</h4>
<p style="padding:0">
Tickets will go on sale to members of the University of Cambridge via general release at <span style="font-weight: bold">12pm on Wednesday, 6th March (midday)</span>.
The ticketing is <span style="font-weight: bold">NOT first come first serve</span> but a random ballot that ends after the twelve hours.
General release tickets will cost £87. You will need to log in via Raven to secure your ticket. You can change the name on your ticket until the 7th of June.
<span style="font-weight: bold">No</span> name changes are to be made under any circumstances beyond this deadline. You have <span style="font-weight: bold">twelve hours </span>to apply for a ticket and will
be notified if you were successful or not.
</p>
<a href="https://kingsaffair2019.tessera.events" class="btn btn-outline-primary" role="button" aria-disabled="true">Buy Ticket</a>
</div>
<div class="col-md">
<h4>Alumni and Fellows</h4>
<p style="padding:0">
<!--
Tickets for alumni and fellows will be sold privately via email and cost £107. Please email <a href="[email protected]">[email protected]</a> in order to secure your ticket.
If you are an alumnus/alumna you must include your graduation year in your email. Once we have verified your status, we will provide you with a ticket.
Please note that there is a limited amount of tickets available for alumni and fellows and that tickets will be sold on a first come first served basis.
-->
Alumni tickets have now sold out.
</p>
</div>
</div>
</div>
</section>
<section class="full-screen" id="charity" style="height:1300px">
<div class="container-fluid">
<div class="row" style="justify-content: center">
<h1 class="grad" style="margin:55px; font-family:adam_cg">
Charity
</h1>
</div>
<div class="row">
<div class="col-md">
<img src="img/cc.jpg" style="width:330px;height:224px;" />
</div>
<div class="col-md">
<p style="padding:0">
This year, the King’s Affair is proud to be supporting Cambridge Cyrenians. Cambridge Cyrenians are a Cambridge-based organisation that offer support for homeless people across the city.
They provide accommodation services, mental health services and specialist care for older individuals, aiming to create an atmosphere where residents have the support to take control of their lives.
</p>
</div>
</div>
<div class="row">
<p style="padding: 40px">
In order to contribute to the amazing work that the Cyrenians do, we would like to ask you to consider giving £3 to support the organisation. This option will be available to you at the checkout -
if you’re not comfortable with it, you can simply opt out by unticking the box.
</p>
</div>
<div class="spacer small"></div>
<div class="spacer small"></div>
<div class="row acc" id="foot">
<p style="text-align: center;">
King's Affair © 2019 All Rights Reserved.<br />
Website by Jeroen Olieslagers
</p>
</div>
</div>
</section>
<footer class="no">
<p style="text-align: center;">
King's Affair © 2019 All Rights Reserved.<br />
Website by Jeroen Olieslagers
</p>
</footer>
</main>
<!--Hey Dan, factorio?-->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/ScrollMagic.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/debug.addIndicators.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/animation.gsap.js'></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<script src="js/main.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenLite.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/plugins/ScrollToPlugin.min.js"></script>
</body>
</html>