-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
299 lines (258 loc) · 13.5 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
<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Styling -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="css/styles.css" rel="stylesheet">
<title>Uncommon Hacks 2024</title>
<meta name="description" content="Join the official UChicago hackathon for a day of tech fun!">
<meta name="keywords" content="Uncommon Hacks 2024, Uncommon Makes, Uncommon Hacks, tech,
design">
<meta name="author" content="Uncommon Hacks">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">
<!-- <link rel="canonical" href="https://makes2023.uncommonhacks.com"> -->
<meta property="og:title" content="Uncommon Hacks 2024">
<meta property="og:description" content="Join the official UChicago hackathon for a day of tech fun!">
<!-- <meta property="og:image" content="https://makes2023.uncommonhacks.com/images/Uncommon-Makes.png">
<meta property="og:url" content="https://makes2023.uncommonhacks.com"> -->
<meta property="og:type" content="website">
</head>
<body>
<a id="mlh-trust-badge"
style="display:block;max-width:100px;min-width:60px;position:fixed;left:50px;top:0;width:10%;z-index:10000"
href="https://mlh.io/na?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2024-season&utm_content=white"
target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2024/mlh-trust-badge-2024-white.svg"
alt="Major League Hacking 2024 Hackathon Season" style="width:100%"></a>
<div class="scrollableElement">
<img id="backgroundImage" src="images/hacks_background.jpg">
<!-- Put any divs that should be overlayed ontop of the background image here. -->
<!-- Then in css/styles.css, add absolute positioning (see #faq or #schedule in hacks23 as examples) -->
<div class="overImage">
<div class="buttons">
<!-- <button type="button" class="btn btn-info btn-lg xtra-btn" onclick="location.href='signup.html'">register</button>
<button type="button" class="btn btn-info btn-lg email xtra-btn" onclick="location.href='mailto:[email protected]?Subject=Uncommon Makes 2023 Inquiry';">contact</button>
<button type="button" class="btn btn-info btn-lg email xtra-btn" onclick="location.href='https://uncommonhacks.com/';">main site</button> -->
</div>
<div id="introduction">
<h1 onclick="location.href = 'https://uncommonhacks.com/';">Uncommon <br /> Hacks</h1>
<!-- <h1 onclick="location.href = 'https://uncommonhacks.com/';">Hacks</h1> -->
</div>
<div id="date-time">
<body>March 22-24</body>
<br />
<body>Polsky Exchange</body>
</div>
<div id="speakers" class="popup">
<h2 onclick="toggleSection('comingSoonPopup')" class="yellowHover">speakers</h2>
</div>
<div id="sponsors" class="popup">
<h2 onclick="toggleSection('sponsorsPopup')" class="yellowHover">sponsors</h2>
</div>
<div id="conduct">
<h3 onclick="location.href = 'https://hackp.ac/coc';" class="yellowHover">MLH Code of <br /> Conduct</h2>
</div>
<div id="contact" class="popup">
<h3 onclick="toggleSection('contactPopup')">contact/socials</h3>
</div>
<div id="faq" class="popup">
<h2 onclick="toggleSection('faqPopup')" class="yellowHover">faq</h2>
</div>
<div id="team">
<h2 onclick="location.href = 'https://team.uncommonhacks.com/';" class="yellowHover">team</h2>
</div>
<div id="register">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSeZY9iW1fnNv0Bm5OPBNjME18Yk-J7TyYRQpWRWCpOVeyqHcg/viewform"
class="yellowHover">
<h2>register</h2>
</a>
</div>
<div id="judging" class="popup">
<h2 onclick="toggleSection('comingSoonPopup')" class="yellowHover">judging</h2>
</div>
<div id="schedule" class="popup">
<h2 onclick="toggleSection('schedulePopup')" class=" registerHover">schedule</h2>
</div>
<div id="about" class="popup">
<h2 onclick="toggleSection('aboutPopup')" class="yellowHover">about</h2>
</div>
</div>
<!--Popups-->
<div class="popupcontainer" id="faqPopup">
<img width=100% src="images/frame.png" />
<div class="popuptext">
<h2>FAQ</h2>
<p class="verticalScrollElement">
<u>- Is Hacks only for undergraduate students?</u><br>
- No, high school or university students are welcome to come join us!
<br>
<br>
<u>- Do I have to be on a team?</u><br>
- No, although we recommend it.
<br>
<br>
<u>- How big can teams be?</u><br>
- Up to five people.
<br>
<br>
<u>- Do I have to pay for anything?</u><br>
- Nope!
<br>
<br>
<u>- Did you say prizes?</u><br>
- Affirmative, we will be handing out various prizes to the top submissions.
<br>
<br>
<u>- What should I bring?</u><br>
- The basic thing is a laptop, and if you are planning on staying the night we recommend some additional
items: a sleeping bag, change of clothes, and a toothbrush/toothpaste.
<br>
<br>
<u>- So I don't have to stay the night?</u><br>
- You do not, although we may have limitations on when people can enter and exit the venue during the night.
<br>
</p>
<button onClick="toggleSection('faqPopup')">Close</button>
</div>
</div>
<div class="popupcontainer" id="schedulePopup">
<img width=100% src="images/frame.png" />
<div class="popuptext">
<h2>Schedule</h2>
<p class="verticalScrollElement">
<u>Friday Workshop night</u><br>
6:00 pm – workshop 1 <br>
7:00 pm – workshop 2 <br>
PLEASE NOTE: there will not be sleeping accomodations for Friday night. <br>
<br>
<u>Day 1</u><br>
9:00 am - doors open, check-in, team formation, breakfast <br>
10:00 am - opening ceremony <br>
10:30 am - hacking begins <br>
12:00 pm - lunch <br>
3:00 pm - Google Cloud workshop <br>
4:00 pm - puzzle hunt <br>
6:00 pm - dinner <br>
9:00 pm - “Who did it?!” mystery competition <br>
<br>
<u>Day 2</u><br>
12:00 am - midnight snack <br>
8:00 am - morning meditation <br>
9:00 am - breakfast <br>
10:00 am - projects due, project fair <br>
11:00 am - judge deliberation <br>
12:00 pm - awards, closing ceremony <br>
12:30 pm - event ends!
<br>
</p>
<button onClick="toggleSection('schedulePopup')">Close</button>
</div>
</div>
<div class="popupcontainer" id="aboutPopup">
<img width=100% src="images/frame.png" />
<div class="popuptext">
<h2>about</h2>
<p class="verticalScrollElement">
Welcome to Uncommon Hacks, the official hackathon of the University of Chicago!
Spend 24 hours working on a project and meeting cool people in this one-of-a-kind experience!
In our 2024 edition of Hacks, we're excited to bring you a sneaky who-done-it energy that will
have you interrogating your bestest of friends. With an overnight component that makes for a truly
unforgettable experience, it is a mystery who will survive the night.
<br>
<br>
Although Hacks will have prizes, we place more emphasis on learning and collaboration than some
kind of competitive aspect. So even if you've never coded before, please do sign up!
A successful Hacks team needs people with different skill sets, and if you would like to learn
how to code, we'll have workshops to help you do so.
<br>
<br>
<u>How does it work?</u>
<br>
There are three steps:
- Arrive at the hackathon and make teams.
- Work on your project for 24 hours. Take a break with some activities.
- Present your project to industry judges.
<br>
</p>
<button onClick="toggleSection('aboutPopup')">Close</button>
</div>
</div>
<div class="popupcontainer" id="comingSoonPopup">
<img width=100% src="images/frame.png" />
<div class="popuptext">
<h2>Coming Soon!</h2>
<p class="verticalScrollElement">
<!-- Coming soon! -->
</p>
<button onClick="toggleSection('comingSoonPopup')">Close</button>
</div>
</div>
<div class="popupcontainer" id="contactPopup">
<img width=100% src="images/frame.png" />
<div class="popuptext">
<h1>Socials</h1>
<div class="socialButtons">
<button class="btn email"
onclick="location.href='mailto:[email protected]?Subject=Uncommon%Hacks%2021%Inquiry';"></button>
<button class="btn facebook" onclick="location.href='https://www.facebook.com/uncommonhacks';"></button>
<button class="btn instagram" onclick="location.href='https://www.instagram.com/uncommonhacks/';"></button>
<button class="btn linkedin"
onclick="location.href='https://www.linkedin.com/company/uncommonhacks/';"></button>
<button class="btn twitter" onclick="location.href='https://twitter.com/uncommonhacks';"></button>
</div>
<button onClick="toggleSection('contactPopup')">Close</button>
</div>
</div>
<div class="popupcontainer" id="sponsorsPopup">
<img width=100% src="images/frame.png" />
<div class="popuptext">
<h1>Sponsors</h1>
<a href="https://codecrafters.io/event/uncommonhacks"><img id="sponsor-logo" src="images/codecrafters.png"></a>
<button onClick="toggleSection('sponsorsPopup')">Close</button>
</div>
</div>
</div>
<script>
// When the user clicks on div, open the popup
function toggleSection(sectionId) {
var popup = document.getElementById(sectionId);
popup.classList.toggle("show");
// popup.setAttribute("visibility", "show");
}
</script>
<script src="js/script.js"></script>
<!-- External javascript -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<!-- <script type="text/javascript">
$(window).on('load resize',function(){
if($(window).width() < 1200){
window.location = 'mobile.html'
}
});
</script> -->
<script>
const isMobile = () => {
let check = false;
(function (a) {if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true;})(navigator.userAgent || navigator.vendor || window.opera);
return check;
};
$(document).ready(() => {
if (isMobile()) {
window.location.replace('mobile.html');
}
});
</script>
</body>
</html>