-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
401 lines (374 loc) · 24.8 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
<!DOCTYPE html>
<html lang="en">
<!-- test -->
<head>
<title>⚓ Hack The South 🇬🇧 -- 36h hackathon in the south of England</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#feda44">
<meta name="description" content="36h hackathon in the beautiful south of England. Come hack with us on your craziest ideas!">
<meta name="image" content="https://hackthesouth.co.uk/images/large_meta_preview.jpg">
<meta itemprop="name" content="Hack The South UK">
<meta itemprop="description" content="36h hackathon in the beautiful south of England. Come hack with us on your craziest ideas!">
<meta itemprop="image" content="https://hackthesouth.co.uk/images/large_meta_preview.jpg">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Hack The South UK">
<meta name="twitter:description" content="36h hackathon in the beautiful south of England. Come hack with us on your craziest ideas!">
<meta name="twitter:site" content="@hackasoton">
<meta name="twitter:image:src" content="https://hackthesouth.co.uk/images/large_meta_preview.jpg">
<meta name="og:title" content="Hack The South UK">
<meta name="og:description" content="36h hackathon in the beautiful south of England. Come hack with us on your craziest ideas!">
<meta name="og:image" content="https://hackthesouth.co.uk/images/large_meta_preview.jpg">
<meta name="og:url" content="https://hackthesouth.co.uk">
<meta name="og:site_name" content="Hack The South UK">
<meta name="og:locale" content="en_UK">
<meta name="og:type" content="website">
<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="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#feda44">
<link rel="stylesheet" href="vendor/hack-subset.css">
<link rel="stylesheet" href="vendor/tachyons.css">
<link rel="stylesheet" href="main.css">
</head>
<body class="bg-black-90 hack white">
<nav class="flex fixed w-100 z-1 bg-brand-yellow justify-between shadow-5">
<a class="link black txt-orange-shadow dim no-underline flex items-center pa3 dib" href="index.html">
⚓ Hack The South 🇬🇧
</a>
<div class="flex-grow-m flex-grow-l pa3 flex items-center dib">
<!-- <a class="f6 link black txt-orange-shadow dim mr3 mr4-ns dn dib-l" href="#about">About</a> -->
<a class="f6 link black txt-orange-shadow dim mr3 mr4-ns dn dib-l" href="#prizes">Prizes</a>
<a class="f6 link black txt-orange-shadow dim mr3 mr4-ns dn dib-l" href="#schedule">Schedule</a>
<a class="f6 link black txt-orange-shadow dim mr3 mr4-ns dn dib-l" href="#faq">FAQ</a>
<a class="f6 link black txt-orange-shadow dim mr3 mr4-ns dn dib-l" href="#organisers">Team</a>
<a class="f6 link black txt-orange-shadow dim mr3 mr4-ns dn dib-l" href="#sponsors">Sponsors</a>
<!--<a class="f6 link black txt-orange-shadow dim mr3 mr4-ns dn dib-l" href="#contact">Contact</a>-->
<a target="_blank" class="f6 dib brand-yellow txt-yellow txt-orange-shadow bg-animate bg-black-90 hover-bg-black-80 no-underline pv2 ph4 br-pill ba bw1 b--black-50" href="https://forms.gle/d5uFc8hewaSgowFS6" ga-event-action="Click-Registration" ga-event-category="index.html">Register<span class="dn dib-m dib-l"> Interest</span></a>
<!-- <a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/seasons/2021/events?utm_source=eu-hackathon&utm_medium=TrustBadge&utm_campaign=2021-season&utm_content=gray" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2021/mlh-trust-badge-2021-gray.svg" alt="Major League Hacking 2021 Hackathon Season" style="width:100%"></a> -->
</div>
</nav>
<header class="dt vh-100 w-100 cover bg-center mb4" style="min-height: 700px; background: url(images/header_background.jpg)">
<div class="dtc v-mid tc pa4">
<img class="homepage-logo" src="images/logoHS.png" alt="Logo">
<div>
<p class="f2 mw7 mt2 mb2 dib b pv3 ph2 txt-orange-black-shadow">
29th April - 1st May 2022
@Southampton, UK
</p>
</div>
<div>
<p class="f4 mw7 mt4 dib b pv3 ph2 txt-orange-black-shadow">
36h hackathon in the beautiful south of England. Come hack with us on your craziest ideas!
</p>
</div>
<div class="mt4">
<a target="_blank" href="https://forms.gle/d5uFc8hewaSgowFS6" class="f4 ph3 pv3 b white bg-brand-yellow box-black-shadow no-underline" ga-event-action="Click" ga-event-category="index.html" ga-event-label="Registration">
<span class="pa3 txt-orange-shadow">REGISTER INTEREST</span>
</a>
</div>
</div>
</header>
<section id="about">
<div class="mw7 pa4 center">
<h2 class="f3">> What? 🧐</h2>
<ol class="list">
<li type="1">We bring the workshops, prizes, and mentors from some of the world’s best IT companies to help you.</li>
<li type="1" class="pt3">You bring your skills to the event and get working!</li>
<li type="1" class="pt3">After 48 hours of intense work you get the chance to present your project.</li>
<li type="1" class="pt3">We give away some epic prizes to the top 3 teams chosen by our judging panel.</li>
</ol>
</div>
</section>
<img class="pt4 pb4" src="images/food.jpg" alt="Food">
<section id="prizes">
<div class="mw7 pa4 center">
<h2 class="f3">> Prizes 🏆</h2>
<p>We have £2000 worth of prizes for the top 3 teams and special winners (e.g. if you win our late-night challenges!)</p>
<!-- <ul>
<li>1st: <a class="white" href="https://www.marshallheadphones.com/gb/en/stockwell-ii.html">Marshall Stockwell II Portable Bluetooth Speaker</a></li>
<li>2nd: <a class="white" href="https://www.edrones.review/dragon-touch-df01-review/">Dragon Touch Drone - DF01</a></li>
<li>3rd: to be announced...</li>
</ul> -->
</div>
</section>
<section id="schedule">
<div class="mw7 pa4 center">
<h2 class="f3">> Schedule 🗓</h2>
<p>Registration will start a few weeks before the event. The final submission will be on Sunday on the last day of the event, so everything should wrap up by 6pm.</p>
<!-- <p>Registration will start at 4pm on 12 February. The final submission will be on Sunday at 2pm so everything should wrap up by 5:30pm.</p> -->
<!-- <div class="flex justify-around">
<div class="w-40">
<h3 class="tc bb pb3 mb4">FRIDAY 12 FEB</h3>
<h3 class="tc bb pb3 mb4">To be announced</h3>
<ul class="list pl0 ml4">
<li><span class="light-silver">16:00</span> <br><span class="f5">Check-in and Team Forming</span></li>
<li class="mt3"><span class="light-silver">17:00</span> <br><span class="f5">Opening Ceremony</span></li>
<li class="mt3"><span class="light-silver">17:30</span> <br><span class="f5">Hacking Starts</span></li>
<li class="mt3"><span class="light-silver">18:00</span> <br><span class="f5">MLH Localhost Github Collaboration</span></li>
<li class="mt3"><span class="light-silver">21:00</span> <br><span class="f5">Chess Arena</span></li>
</ul>
</div>
<div class="w-40">
<h3 class="tc bb pb3 mb4">SATURDAY 13 FEB</h3>
<h3 class="tc bb pb3 mb4">To be announced</h3>
<ul class="list pl0 ml3">
<li><span class="light-silver">00:00</span> <br><span class="f5">Meme Crafting Workshop</span></li>
<li class="mt3"><span class="light-silver">03:00</span> <br><span class="f5">Review of Best Memes</span></li>
<li class="mt3"><span class="light-silver">06:00</span> <br><span class="f5">Wiki Races</span></li>
<li class="mt3"><span class="light-silver">09:00</span> <br><span class="f5">Coffee Chat</span></li>
<li class="mt3"><span class="light-silver">10:00</span> <br><span class="f5">Pitching Workshop</span></li>
<li class="mt3"><span class="light-silver">15:00</span> <br><span class="f5">MLH !Light</span></li>
<li class="mt3"><span class="light-silver">18:00</span> <br><span class="f5">EchoAR Workshop</span></li>
<li class="mt3"><span class="light-silver">21:00</span> <br><span class="f5">Pictionary</span></li>
</ul>
</div>
<div class="w-40">
<h3 class="tc bb pb3 mb4">SUNDAY 14 FEB</h3>
<ul class="list pl0 ml4">
<li><span class="light-silver">00:00</span> <br><span class="f5">Karaoke slideshow</span></li>
<li class="mt3"><span class="light-silver">03:00</span> <br><span class="f5">Jackbox games</span></li>
<li class="mt3"><span class="light-silver">09:00</span> <br><span class="f5">Coffee Chat</span></li>
<li class="mt3"><span class="light-silver">12:00</span> <br><span class="f5">Initial Submission</span></li>
<li class="mt3"><span class="light-silver">13:00</span> <br><span class="f5">Final Submission</span></li>
<li class="mt3"><span class="light-silver">14:00</span> <br><span class="f5">Hacking Ends</span></li>
<li class="mt3"><span class="light-silver">14:30</span> <br><span class="f5">Judging</span></li>
<li class="mt3"><span class="light-silver">17:00</span> <br><span class="f5">Closing Ceremony</span></li>
<li class="mt3"><span class="light-silver">17:30</span> <br><span class="f5">Go Home & Sleep</span></li>
</ul>
</div> -->
</div>
</section>
<img class="pt4 pb4" src="images/prizes.jpg" alt="Prizes">
<section id="faq">
<div class="mw7 pa4 center">
<h2 class="f3">> FAQ 🤔</h2>
<ul>
<li class="mb4">
<b>Q</b>: <i class="pb1 dib">What is a hackathon?</i><br>
<b>A</b>: During a hackathon you have 24 to 48 hours to work with a small team on something new and exciting. You will compete with other teams, but in the end everyone is a winner!
</li>
<li class="mb4">
<b>Q</b>: <i class="pb1 dib">What can I make?</i><br>
<b>A</b>: Anything! A website, an application or you can work with hardware as well! See below about hardware hacks.
</li>
<li class="mb4">
<b>Q</b>: <i class="pb1 dib">Does this cost money?</i><br>
<b>A</b>: Nope. It is completely free!
</li>
<li class="mb4">
<b>Q</b>: <i class="pb1 dib">Do I have to know how to code?</i><br>
<b>A</b>: No, as long as you want to work with others to help develop yours, or someone else’s idea! Generally, we need developers, designers and entrepreneurs.
</li>
<!-- <li class="mb4">
<b>Q</b>: <i class="pb1 dib">Is food provided?</i><br>
<b>A</b>: More food will be there than you can imagine.
</li> -->
<!-- <li class="mb4">
<b>Q</b>: <i class="pb1 dib">Can I sleep there?</i><br>
<b>A</b>: There will be a sleeping area, but you should bring a sleeping bag if you really wish to sleep.
</li> -->
<li class="mb4">
<b>Q</b>: <i class="pb1 dib">Can I do hardware hacks?</i><br>
<b>A</b>: Yes of course! We might not be able to provide any hardware in a digital event context, but we will try our best to assist you in your hack.
</li>
<!-- <li class="mb4">
<b>Q</b>: <i class="pb1 dib">Can I bring _____?</i><br>
<b>A</b>: Probably, yes. For rather obscure, large or potentially dangerous items please get in touch first to check as we don't want to dissapoint on the day.
</li> -->
<li class="mb4">
<b>Q</b>: <i class="pb1 dib">Do I need to have a team to join?</i><br>
<b>A</b>: It's up to you if you'd like to form a team before or at the event. We're happy either way, in fact it might be better for you if you already have a team as you'll already know each other.
</li>
<li class="mb4">
<b>Q</b>: <i class="pb1 dib">How big are the teams going to be?</i><br>
<b>A</b>: We'd like teams to have 4-5 participants.
</li>
<li class="mb4">
<b>Q</b>: <i class="pb1 dib">What are the judging criteria?</i><br>
<b>A</b>: Our <a class="white" href="https://docs.google.com/document/d/1lIchHui_0gZQJwJDal9ctNt51Lco0iwnrLVC2NXL2N8/edit?usp=sharing" target="_blank">judging criteria</a> are Technical Innovation, Technical Difficulty, Design, Execution, Pitch.
</li>
<!-- <li class="mb4">
<b>Q</b>: <i class="pb1 dib">Can I get an invitation letter for my visa application?</i><br>
<b>A</b>: Yes, please <a class="white" target="_blank" href="https://hacka.typeform.com/to/vLDiVn">fill in this form</a> and we'll reply in a few days.
</li> -->
<!-- <li class="mb4">
<b>Q</b>: <i class="pb1 dib">Do you give any travel reimbursements?</i><br>
<b>A</b>: Unfortunately no, we do not have a budget for travel reimbursements this year.
</li> -->
<li class="mb4">
<b>Q</b>: <i class="pb1 dib">Do I have to be a student to attend?</i><br>
<b>A</b>: We only accept students, to keep the competition fair for all participants. You can still join if you've recently graduated or haven't gone to university yet but are 18 or over.
</li>
</ul>
</div>
</section>
<img class="pt4 pb4" src="images/people.jpg" alt="People">
<section id="organisers">
<div class="mw7 pa4 center">
<h2 class="f3">> Organisers 🤩</h2>
<ul class="flex-l justify-between list pl0">
<li class="w-50-l mt4 mt0-l">
<a class="black" href="https://www.facebook.com/HackaSoton/" target="_blank">
<div class="br3 bg-white mr-auto ml-auto pa3" style="max-width: 250px;">
<img src="images/logo_hackasoton.png" alt="Logo">
<h4 class="tc f5">HackaSoton</h4>
<p class="f7 tc black-90 no-underline">
University of Southampton's society focused on running and attending hackathons, since 2014.
</p>
</div>
</a>
</li>
<!-- <li class="w-50-l mt4 mt0-l">
<a class="black" href="https://www.facebook.com/ecss.soton" target="_blank">
<div class="br3 bg-white mr-auto ml-auto pa3" style="max-width: 250px;">
<img src="images/logo_ecss.png" alt="Logo" class="logo">
<h4 class="tc f5">ECSS</h4>
<p class="f7 tc black-90 no-underline">
The University of Southampton's Electronics and Computer Science Society, providing events for over 2000 of its departmental members.
</p>
</div>
</a>
</li> -->
</ul>
<!-- <div class="mt5 tc">
<p><a href="https://mlh.io/">Major League Hacking</a> is our organising partner and our event will adhere to their <a href="http://mlh.io/code-of-conduct">Code of Conduct</a>.</p>
</div> -->
<!-- <div class="mt5 tc">
<p>We're also looking for volunteers to help us run the hackathon. If you have a big ❤️ and like to play board games or otherwise get any satisfaction from helping fellow human beings, we want you in our team!</p>
<br>
<br>
<a class="f4 ph3 pv3 b white bg-brand-yellow box-brand-shadow no-underline" href="https://forms.gle/ioUhi1d33Fymjfqw6" target="_blank">
<span class="pa3 txt-orange-shadow">VOLUNTEER<span class="dn dib-m dib-l"> TO HELP</span></span>
</a>
</div> -->
</div>
</section>
<img class="pt4 pb4" src="images/sws15.jpg" alt="Startup Weekend 2015">
<section id="sponsors">
<div class="mw7 pa4 center">
<h2 class="f3">> Sponsors 😎</h2>
<h3 class="tc i mt5">GOLD SPONSORS</h3>
<ul class="flex-l list pl0 justify-center">
<!-- <li class="class="mt4 mt0-l db tc">
<a href="https://www.americanexpress.com" ga-event-action="Click-Sponsor" ga-event-category="index.html" target="_blank">
<div class="bg-white br3 ml-auto mr-auto dib" style="height: 200px;">
<img class="w-auto mt3 mh3" style="max-height: 170px;" src="images/logo_amex.png" alt="American Express logo">
</div>
</a>
</li> -->
</ul>
<h3 class="tc i mt5">SILVER SPONSORS</h3>
<ul class="flex-l list pl0 justify-center">
</ul>
<h3 class="tc i mt5">BRONZE SPONSORS</h3>
<ul class="flex-l list pl0 justify-center">
<!-- <li class="mt4 mt0-l db tc">
<a href="https://www.baesystems.com/en/home" ga-event-action="Click-Sponsor" ga-event-category="index.html" target="_blank">
<div class="bg-white br3 pa3 ml-auto mr-auto dib" style="height: 100px;">
<img class="w-auto mt3 mh3" style="max-height: 38px;" src="images/BAESystems.png" alt="BAE Systems logo">
</div>
</a>
</li>
<li class="ml4-l mt4 mt0-l db tc">
<a href="https://proptee.io/" ga-event-action="Click-Sponsor" ga-event-category="index.html" target="_blank">
<div class="bg-white br3 ml-auto mr-auto dib" style="height: 200px;">
<img class="w-auto mt4 mh4" style="max-height: 140px;" src="images/proptee.png" alt="Proptee logo">
</div>
</a>
</li>
<li class="ml4-l mt4 mt0-l db tc">
<a href="https://www.echoar.xyz/" ga-event-action="Click-Sponsor" ga-event-category="index.html" target="_blank">
<div class="bg-white br3 pa3 ml-auto mr-auto dib" style="height: 100px;">
<img class="w-auto mt3 mh3" style="max-height: 38px;" src="images/echoAR.png" alt="EchoAR logo">
</div>
</a>
</li> -->
</ul>
<!-- <h3 class="tc i mt5">HACKING LEAGUE SPONSORS</h3>
<ul class="flex-l list pl0 justify-center">
<li class="db tc">
<a href="https://hackathons.org.uk" ga-event-action="Click-Sponsor" ga-event-category="index.html" target="_blank">
<div class="bg-white br3 pa3 ml-auto mr-auto dib" style="height: 100px;">
<img class="w-auto mt3 mh3" style="max-height: 38px;" src="images/hackathons-uk.png" alt="Hackathons UK logo">
</div>
</a>
</li>
<li class="ml4-l mt4 mt0-l db tc">
<a href="http://hackp.ac/mlh-stickermule-hackathons" ga-event-action="Click-Sponsor" ga-event-category="index.html" target="_blank">
<div class="bg-white br3 pa3 ml-auto mr-auto dib" style="height: 100px;">
<img class="w-auto" style="max-height: 70px;" src="images/sticker-mule.png" alt="Sticker Mule logo">
</div>
</a>
</li>
</ul> -->
<h3 class="tc i mt5">VENUE & MEDIA SPONSORS</h3>
<ul class="flex-l list pl0 justify-center">
<li class="db tc">
<a href="https://www.southampton.ac.uk" ga-event-action="Click-Sponsor" ga-event-category="index.html" target="_blank">
<div class="bg-white br3 pa3 ml-auto mr-auto dib" style="height: 100px;">
<img class="w-auto mt3 mh3" style="max-height: 38px;" src="images/uos.png" alt="University of Southampton logo">
</div>
</a>
</li>
<!-- <li class="ml4-l mt4 mt0-l db tc">
<a href="https://futureworlds.com/engage-hack-the-south-2019/" ga-event-action="Click-Sponsor" ga-event-category="index.html" target="_blank">
<div class="bg-white br3 pa3 ml-auto mr-auto dib" style="height: 100px;">
<img class="w-auto mt3 mh3" style="max-height: 38px;" src="images/futureworlds.png" alt="Future Worlds logo">
</div>
</a>
</li> -->
</ul>
<div class="mt5 tc">
<p class="mt4 mb4 gray">Interested in helping 150 hackers innovate?</p>
<a class="f4 ph3 pv3 b white bg-brand-yellow box-brand-shadow no-underline" href="Hack the South 2022.pdf" target="_blank">
<span class="pa3 txt-orange-shadow">SPONSORSHIP<span class="dn dib-m dib-l"> PROPOSAL</span></span>
</a>
</div>
</div>
</section>
<section id="contact">
<div class="mw7 pa4 center">
<h2 class="f3">> Contact 😊</h2>
<ul class="list pl0">
<li><a class="white" href="mailto:[email protected]">[email protected]</a></li>
</ul>
</div>
</section>
<footer>
<div class="mw7 pa4 center">
<!-- svg icons are from https://simpleicons.org -->
<div class="pv4 tc">
<a class="link white hover-silver dib w2 mr3" href="https://facebook.com/HackTheSouthUK" target="_blank" title="Facebook">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.476-1.195 1.176v1.54h2.39l-.31 2.416h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill-rule="nonzero"></path></svg>
</a>
<a class="link white hover-silver dib w2 mr3" href="https://github.com/hackasoton" target="_blank" title="GitHub">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.083-.202-.358-1.015.077-2.117 0 0 .672-.215 2.2.82.638-.178 1.323-.266 2.003-.27.68.004 1.364.092 2.003.27 1.527-1.035 2.198-.82 2.198-.82.437 1.102.163 1.915.08 2.117.513.56.823 1.274.823 2.147 0 3.073-1.87 3.75-3.653 3.947.287.246.543.735.543 1.48 0 1.07-.01 1.933-.01 2.195 0 .215.144.463.55.385C13.71 14.53 16 11.534 16 8c0-4.418-3.582-8-8-8"></path></svg>
</a>
<a class="link hover-silver white dib w2" href="https://twitter.com/hackasoton" target="_blank" title="Twitter">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.375-1.337.648-2.085.795-.598-.638-1.45-1.036-2.396-1.036-1.812 0-3.282 1.468-3.282 3.28 0 .258.03.51.085.75C5.152 5.39 2.733 4.084 1.114 2.1.83 2.583.67 3.147.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.416-.02-.617-.058.418 1.304 1.63 2.253 3.067 2.28-1.124.88-2.54 1.404-4.077 1.404-.265 0-.526-.015-.783-.045 1.453.93 3.178 1.474 5.032 1.474 6.038 0 9.34-5 9.34-9.338 0-.143-.004-.284-.01-.425.64-.463 1.198-1.04 1.638-1.7z" fill-rule="nonzero"></path></svg>
</a>
</div>
<p class="tc mb1">
Built with <3 at <a class="white" href="https://www.southampton.ac.uk" target="_blank">UoS</a>. Copyright 2021.
</p>
<p class="f6 tc mid-gray">
Icons from <a class="moon-gray" href="https://simpleicons.org" target="_blank">simpleicons.org</a>
and <a class="moon-gray" href="https://www.flaticon.com" target="_blank">flaticon.com</a>.
</p>
</div>
</footer>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3V0H8SM4PN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-3V0H8SM4PN');
</script>
<script type="text/javascript" src="vendor/smooth-scroll.polyfills.min.js"></script>
<script type="text/javascript" src="vendor/smooth-scroll.min.js"></script>
<script type="text/javascript" src="main.js"></script>
</body>
</html>