/
index.html
260 lines (245 loc) · 12.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BrisHack 2024</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="main.css">
<link rel="canonical" href="https://2024.brishack.io/" />
<meta name="theme-color" content="#FF0F47" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" href="/favicon.png">
<meta property="og:title" content="BrisHack 2024">
<meta property="og:url" content="https://2024.brishack.io">
<meta property="og:image" content="https://2024.brishack.io/og-banner.jpg">
<meta property="og:description" content="BrisHack is the annual 24-hour Hackathon run by the University of Bristol's Computer Science Society (CSS) and the Electrical and Electronic Engineering Society (BEEES) . It is a fun and unique opportunity to explore new areas and gain more practical experience. Not to mention the great networking opportunities with our sponsors!">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta property="twitter:title" content="BrisHack 2024">
<meta name="twitter:image" content="https://2024.brishack.io/twitter-card-image.jpg">
<meta property="twitter:description" content="BrisHack is the annual 24-hour Hackathon run by the University of Bristol's Computer Science Society (CSS) and the Electrical and Electronic Engineering Society (BEEES) . It is a fun and unique opportunity to explore new areas and gain more practical experience. Not to mention the great networking opportunities with our sponsors!">
</head>
<body>
<nav>
<a href="#about">About</a>
<a href="#prizes">Prizes</a>
<a href="#faq">FAQ</a>
<a href="#schedule">Schedule</a>
</nav>
<div class="main centered">
<h1>BrisHack 2024</h1>
<span class="details">
<p>25th - 26th February</p>
<p>University of Bristol | MVB 2.11</p>
</span>
</div>
<div class="sponsors">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Dyson_logo.svg/1280px-Dyson_logo.svg.png"
alt="Dyson">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/Boeing_full_logo.svg/1024px-Boeing_full_logo.svg.png"
alt="Boeing">
</div>
<div class="scroll-icon">
<img src="scroll.png" alt="scroll down">
</div>
<div class="section centered">
<div class="section-inner">
<h2 id="about">About</h2>
<p class="quote">
<i>"A hackathon (also known as a hack day, hackfest, datathon or codefest; a portmanteau of hacking and marathon) is an event where people engage in rapid and collaborative engineering over a relatively short period of time such as 24 or 48 hours."</i> - <a href="https://en.wikipedia.org/w/index.php?title=Hackathon">Hackathon on Wikipedia</a>
</p>
<p style="margin-top: 1rem">
BrisHack is the annual 24-hour Hackathon run by the University of Bristol's
<a href="https://cssbristol.co.uk/">Computer Science Society (CSS)</a>
and the
<a href="https://www.beees.co.uk/">Electrical and Electronic Engineering Society (BEEES)</a>
. It is a fun and unique opportunity to explore new areas and gain more practical experience. Not to
mention the great networking opportunities with our sponsors!
</p>
<!-- p>
This year's theme is "health", so projects need to involve improving the body's condition or **** TODO: I AM NOT GOOD AT WRITING THIS PART****.
</p -->
<h2 style="margin-top: 2rem" id="prizes">Categories & Prizes</h2>
<div class="prize-table">
<table>
<tbody>
<tr>
<td>Best Software</td>
<td>£300</td>
</tr>
<tr>
<td>Best Hardware</td>
<td>£300</td>
</tr>
<tr>
<td>Wearable Tech</td>
<td>£300</td>
</tr>
<tr>
<td>Mental Health</td>
<td>£300</td>
</tr>
<tr>
<td>Most Creative</td>
<td>£200</td>
</tr>
<tr>
<td>People's Choice</td>
<td>Customised T-Shirts</td>
</tr>
<tr>
<td>There Was An Attempt</td>
<td>1p</td>
</tr>
</tbody>
</table>
</div>
<h2 style="margin-top: 2rem;" id="rules">Rules</h2>
<p>
<ol>
<li>The maximum team size is six people.</li>
<li>Be responsible and look after your and your teammates' wellbeing. You should try to get at least a couple hours sleep, drink water, and have a break from your screen every once in a while.</li>
<li>Prizes will be awarded to a team; it is up to the team to decide how to distribute these fairly.</li>
<li>All work must be done within the 24-hours of the hackathon. However, you are welcome to think of project ideas before the Hackathon begins.</li>
<li>All third-party tools, libraries, assets or other materials used must be declared during judging.</li>
<li>Projects must not be obscene or offensive.</li>
<li>Participants retain the rights to all IP produced during the hackathon, but give CSS, BEEES, the University and event sponsors permission to showcase projects (with appropriate credit) on website, blogs, etc. if they wish to do so.</li>
<li>Team names must not be obscene or offensive. If a team name is deemed innappropriate, you will be required to change it on the day of the Hackathon.</li>
<li>Participants must be at least 18 years of age.</li>
<li>Use of the Hackspace is prohibited when under the influence of drugs alcohol.</li>
</ol>
</p>
<h2 style="margin-top: 2rem;" id="faq">FAQ</h2>
<div class="faqs">
<h3>I don't study a STEM discipline, can I participate?</h3>
<p>
BrisHack is open to all! If you have even basic technological knowledge, we'd love to see what you
make. Alternatively, if you lack technological prowess but have an awesome idea, perhaps you can
join a team and be their ideas-person (we'd love to see med-students join us!)
</p>
<h3>I'm inexperienced as a programmer, can I still participate?</h3>
<p>
Of course! Participating in a Hackathon is a great way to get more experience; you can either join a
team of more experienced participants and learn from them, or participate yourself and grow from the
challenge, and hopefully even gain an awesome portfolio piece by the end of the Hackathon.
</p>
<p>
Remember, it isn't all about winning; BrisHack is a fun event for you to learn and explore new
technologies and areas!
</p>
<h3>I don't attend the University of Bristol, can I participate?</h3>
<p>
As long as you are a student aged over eighteen at a university or college in the UK, you are welcome
to join!
</p>
<h3>Will food be provided?</h3>
<p>
Yup! Just make sure to let us know if you have any
dietary requirements!
</p>
<h3>Do I need to dream up a solution to a huge/very serious problem?</h2>
<p>
You don't need to solve a huge problem; If you think you've got the cure to cancer, that's awesome!
But don't be put off entering because you are tackling a small issue; oftentimes it's the focussed
solutions that are the most effective.
</p>
</div>
<h2 style="margin-top: 2rem;" id="schedule">Schedule</h2>
<div class="schedule-table">
<table>
<tbody>
<tr>
<td><b>Day 1</b></td>
<td></td>
</tr>
<tr>
<td>11:00-12:00</td>
<td>Registration, merch pick-up, and introduction talk</td>
</tr>
<tr>
<td>12:00</td>
<td>
<ul>
<li>Hacking starts</li>
<li>Hackspace opens</li>
</ul>
</td>
</tr>
<tr>
<td>13:30</td>
<td>Lunch</td>
</tr>
<tr>
<td>18:00</td>
<td>Hackspace closes for the day</td>
</tr>
<tr>
<td>19:00</td>
<td>Dinner</td>
</tr>
<tr>
<td><b>Day 2</b></td>
<td></td>
</tr>
<tr>
<td>8:30-9:00</td>
<td>Breakfast</td>
</tr>
<tr>
<td>9:00-10:00</td>
<td>Dyson talk</td>
</tr>
<tr>
<td>10:00-11:00</td>
<td>Dyson networking</td>
</tr>
<tr>
<td>12:00</td>
<td>
<ul>
<li>Hacking ends!</li>
<li>Lunch</li>
</ul>
</td>
</tr>
<tr>
<td>13:00</td>
<td>Judging begins</td>
</tr>
<tr>
<td>15:00</td>
<td>Judging concludes and winners announced!</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
// Set the date we're counting down to
var countDownDate = new Date("Feb 25, 2024 09:00:00").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get today's date and time
var now = new Date().getTime();
// Find the time remaining until the event
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Output the result in an element with id="countdown-timer"
document.getElementById("countdown-timer").innerHTML = days + "D * " + hours + "H * "
+ minutes + "M * " + seconds + "S";
// If the count down is over, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown-timer").innerHTML = "EXPIRED";
}
}, 1000);
</script>