This repository has been archived by the owner on Oct 3, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
331 lines (305 loc) · 22.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
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
<!DOCTYPE html>
<html lang="en-US" style="" class="">
<head>
<!-- Title you see on your browser tab -->
<title>HackEDbeta - Register now</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="">
<meta name="keywords" content="hackathon hacked student">
<!-- Stylesheets and Fonts -->
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Saira+Condensed:200" rel="stylesheet">
<!--[if lt IE 9]><link rel="stylesheet" href="css/ie.css"><![endif]-->
<!--[if IE 9]><link rel="stylesheet" href="css/ie9.css"><![endif]-->
<!-- External Javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/main.js" type="text/javascript"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-108448957-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-108448957-1');
</script>
<!-- Normal favicon declaration (icon in your browser tab) -->
<link rel="shortcut icon" href="/images/favicon.ico">
<!-- Cross-browser favicon declaration (for phones and such) -->
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
<link rel="manifest" href="/images/manifest.json">
<link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#5bbad5">
<meta name="apple-mobile-web-app-title" content="HackED Beta">
<meta name="application-name" content="HackED Beta">
<meta name="msapplication-config" content="/images/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- For mobile styles -->
<meta name="viewport" content="width=device-width" />
<!-- Twitter Meta -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="niceandserious">
<meta name="twitter:title" content="HackEDbeta - Register now">
<meta name="twitter:description" content="Join us at StartupEdmonton and learn how to build cool projects with awesome technologies for 24 hours.">
<meta name="twitter:creator" content="CompE Club">
<meta name="twitter:image:src" content="http://undertheweather.eu/img/city-globe.png">
<meta name="twitter:domain" content="http://undertheweather.eu">
</head>
<body>
<!--[if lte IE 9]>
<div class="your-browser-makes-me-sad">
<div clas
browser is dis<strong>outdated</strong>s="container">
Your . For the best on this site, please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a>.<br>miss">Dismiss this notice</a>
</div>
</div>
<![endif]-->
<!-- Header -->
<header>
<h1>
<span class="prompt">></span>
<span class="hacked">HackED</span>
<span class="beta">BETA</span>
<span id="cursor" class="cursor">|</span>
</h1>
<h3>
The annual 24-hour hackathon for novice hackers, first time programmers, and people to try something new. Hosted by the University of Alberta’s Computer Engineering Club, join us at <a href="https://goo.gl/maps/mbrbqXVtKPF2">Startup Edmonton</a> November 18th - 19th.
<br><br>
<b>See the <a href="schedule.html">schedule</a>.</b>
</h3>
</header>
<!-- Page Content (everything but header / footer) -->
<div class="content">
<!-- Bubble buttons -->
<div class="bubble-nav clearfix">
<a class="bubble redback active">
<h3>Register Now</h3>
</a>
<a class="bubble blueback">
<h3>Enter & Mentor</h3>
</a>
<a class="bubble greenback">
<h3>Be a Mentor</h3>
</a>
<a class="bubble yellowback">
<h3>Sponsor Us</h3>
</a>
</div>
<!-- Pages slideshow, changes pages according to buttons -->
<div class="pages-container">
<div class="pages-invisible-container clearfix">
<div class="page red" id="one">
<h2>Tickets are coming soon!</h2>
<p>Hackathons are for designing, creating, and building awesome projects. HackEDbeta is a welcoming event that provides a great learning environment for students from any program of study or school (including our high school friends!) Whether or not you have programmed before does not matter! We want you here regardless your level of experience! </p>
<strong>Mentorship</strong>
<p>Mentors from cool startups in Edmonton and grad students of the University of Alberta will be available throughout the event to help students along with their projects. </p>
<strong>Competition</strong>
<p>Worried about being in a competition? Don’t be! The competition aspect is optional - if you wish to opt out of presenting your project at the end, you can. This hackathon is all about learning something new and the environment will be extremely laid back. The prizes are sweet, and so is the swag!</p>
<strong>Join Us</strong>
<p>We want to see you take your idea and make it a reality, and we’re here to help from idea to final product in just 24 hours. Register today or contact us for more information. </p>
</div>
<div class="page blue" id="two">
<p>Hackathons are a supportive environment for designing, creating, and building awesome projects. You can help eager students work through their first programs, projects, and hacks while participating yourself. Be a part of making that great hackathon environment; full of problem solving, hacking, and innovating. </p>
<strong>How it Works</strong>
<p>Signing up through the Enter & Mentor program registers yourself as a competitor in HackEDbeta while also making yourself available as a mentor. This means while you compete, you may be asked questions on the slack or be approached by students seeking help. Enter & Mentor is available for graduate and undergraduate students.</p>
<strong>Join Us</strong>
<p>Contribute to the community in a special way. Be a part of making someone else's hackathon experience special while also getting your own project finished. Signup now!</p>
<button>Coming Soon!</button>
</div>
<div class="page green" id="three">
<p>Hackathons are filled with passionate students who are excited to build a project with your help in just 24 hours! These are the students that will go on to be creative problem solvers and dedicated leaders in our communities.</p>
<strong>Why Mentor?</strong>
<p>Mentoring at HackEDbeta is a great opportunity to work with these young talents on a face-to-face level. Get engaged in the problems they’re solving over the 24 hours, and support them through their adventure. </p>
<strong>How to Mentor?</strong>
<p>Help students past their roadblocks and guide them towards a solution. 24 hours can be a lot time so we’ve broken up the time into 6, four hour shifts. Just fill out the mentorship form!</p>
<strong>Join Us</strong>
<p>Be a part of our growing student tech community in Edmonton, help us run workshops and improve one-on-one mentor opportunities for participants, help teams build projects, and connect with the innovative minds of the future.</p>
<button>Coming Soon!</button>
</div>
<div class="page yellow" id="four">
<p>HackED Beta is one of the annual student hackathons hosted by the Computer Engineering Club at the University of Alberta. On the 18th and 19th of November, we are hoping to push around 60 – 80 students to learn and build amazing projects for 24 hours. The event will be held at <a href="https://goo.gl/maps/mbrbqXVtKPF2">Startup Edmonton (301, 10359 104 St Mercer Warehouse)</a>.</p>
<strong>Why Sponsor</strong>
<p>Most hackathons highly competitive in spirit. We believe that such competitive events can bring out amazing work but can also be intimidating for developers just getting started in the industry. Our goal with this event is to create a hackathon with less emphasis on competition and more on learning and trying out new technologies. To do this we are planning on bringing more mentors and hosting workshops throughout the event. We want developers with little to no experience to feel welcome and feel encouraged to learn while still having a bit of competition to push them forward.</p>
<strong>Join Us</strong>
<p>HackED Beta is a great opportunity for your company to get to see and promote some of the raw talent we have here in Edmonton. We hope you can help us grow Edmonton’s tech community.</p>
<a href="mailto:[email protected]"><button>Contact Us</button></a>
</div>
</div>
</div>
<!-- APIs -->
<div class="apis">
<h1>Sponsor-Provided APIs</h1>
<div class="apis-flex">
<div class="api-box">
<a href="http://developers.gfycat.com/api/"><img src="images/sponsor-gfycat.png" /></a>
</div>
<div class="api-box"><a href="https://developer.intuit.com/docs/api/accounting/"><img src="images/sponsor-intuit.png" /></a></div>
</div>
</div>
<!-- FAQ Section -->
<div class="clearfix faq">
<h1>FAQ</h1>
<div class="container">
<div class="question-section">
<h3>General</h3>
<ul>
<li>
<p class="question">What happens at a hackathon?</p>
<p class="answer">For 24 hours, participants work together in teams of 1 to 5 people to build a project. Teams can work on hardware or software projects. There is no limit on creativity. This hackathon acts as a sort of incubator to your mini projects as it provides a focused time to work on your idea with mentors and workshops to help you along. View our schedule <a href="schedule.html">here</a></p>
</li>
<li>
<p class="question">Do I need to know programming?</p>
<p class="answer">Not at all! The hackathon’s purpose is to create a welcoming and supportive environment to learn. That works for any experience level, and any type of learning. The hackathon has plenty of mentors and resources to help you work on your hack. It’s the best place to try something new.</p>
</li>
<li>
<p class="question">Who organizes HackEDbeta?</p>
<p class="answer">HackEDbeta is an event by the Computer Engineering Club of the University of Alberta! This will be the second time running this event and the sixth hackathon organized overall.</p>
</li>
<li>
<p class="question">Is this a competition? Do I have to compete and present my work?</p>
<p class="answer">Our hackathon has a competition portion where you will present your work at the end, but this is NOT mandatory. If you do not feel comfortable entering the competition with your work, no worries! At the event you can opt out before presentations begin on Sunday. The most important part of this hackathon is that you come out of it having tried something new.</p>
</li>
</ul>
</div>
<div class="question-section">
<h3>Application</h3>
<ul>
<li>
<p class="question">Where do I apply?</p>
<p class="answer">Right <a href="https://www.eventbrite.ca/e/hackedbeta-2017-tickets-38928376823" target="_blank">here</a> :)</p>
</li>
<li>
<p class="question">When is the application deadline?</p>
<p class="answer">November 16, 2017</p>
</li>
<li>
<p class="question">Who can apply?</p>
<p class="answer">Any student, new grad, and graduate students.</p>
</li>
<li>
<p class="question">Are there any fees?</p>
<p class="answer">Only $5! This pays for your entry and some of your food throughout the hackathon!</p>
</li>
</ul>
</div>
<div class="question-section">
<h3>Logistics</h3>
<ul>
<li>
<p class="question">Do I have to be in Computer Engineering/Computer Science to participate in this hackathon?</p>
<p class="answer">Not at all! Any students interested in participating, regardless of skill, faculty or school is welcome to join.</p>
</li>
<li>
<p class="question">How’s the wifi situation?</p>
<p class="answer">Pretty good, but it can get laggy! If you have ideas on what you wish to create already, and know what tools you need, we recommend downloading them at home the night before. This will help you kickstart your project and help to keep the WiFi fast!</p>
</li>
<li>
<p class="question">Where is it located? Will there be parking available?</p>
<p class="answer">HackEDbeta will take place at <a href="https://goo.gl/maps/mbrbqXVtKPF2">Startup Edmonton (301, 10359 104 St Mercer Warehouse)</a>. The closest LRT station is MacEwan station, only a 2 minute walk away. There are parking lots within walking distance, but these lots are paid.</p>
</li>
<li>
<p class="question">What should I bring?</p>
<p class="answer">Make sure to bring your laptop, charger and any other required tech you’ll need for your hack. You will find it helpful to bring along key items you would bring to a sleepover: pillows, blanket, toothbrush/toothpaste, deodorant, earphones, etc.</p>
</li>
<li>
<p class="question">What shouldn’t I bring?</p>
<p class="answer">Please do not bring any drugs or alcohol. If you are not sure about bringing a certain item, please send us a message ahead of time.</p>
</li>
<li>
<p class="question">Will there be food?</p>
<p class="answer">Of course! We will provide snacks and drinks (coffee is key!) throughout the event. Dinner will be provided saturday evening, as well as breakfast and lunch on Sunday. Please let us know if you have dietary restrictions - we’ll ensure you’re covered.</p>
</li>
<li>
<p class="question">Can I work remotely?</p>
<p class="answer">Please contact us at <a href="mailto:[email protected]">[email protected]</a>.</p>
</li>
<li>
<p class="question">What’s the best group size?</p>
<p class="answer">You can have up to 5 people in your group! Please keep in mind that prizes are purchased for team sizes around 3 people.</p>
</li>
</ul>
</div>
<div class="question-section">
<h3>Hacking</h3>
<ul>
<li>
<p class="question">I don’t have a team…</p>
<p class="answer">There will be opportunities for willing participants to look for, make or join a team before and at the hackathon through the Slack and after opening ceremonies. If you want to hack as a team, be sure to be proactive during these opportunities! Alternatively, if you have a team and want to find an additional member, these are also opportunities for your team.</p>
</li>
<li>
<p class="question">I don’t have any ideas…</p>
<p class="answer">Don’t let this detract you from participating! There is a lot of time and inspiration at the event! A good recommendation for coming up with ideas is to think about annoyances in your everyday life that you could potentially solve. Talk to your friends and family to help you!</p>
</li>
<li>
<p class="question">Any available resources?</p>
<p class="answer">Hardware resources are not provided to hackers at HackEDbeta, but APIs and software are! Feel free to bring your own hardware resources such as monitors, Arduino boards, etc. We hope you can get all the tools necessary to complete your hack!</p>
</li>
</ul>
</div>
<div class="question-section">
<h3>Help!</h3>
<ul>
<li>
<p class="question">Can I volunteer instead?</p>
<p class="answer">Of course! All help will be throughly appreciated. Reach out to us at at <a href="mailto:[email protected]">[email protected]</a></p>
</li>
<li>
<p class="question">How can I sponsor this?</p>
<p class="answer">If you and your company are interested in getting your APIs in hackers hand’s, face-to-face mentorship with students and general outreach with swag, prizes and/or traditional sponsorship, please reach out to us at <a href="mailto:[email protected]">[email protected]</a> and we can work out how HackEDbeta can benefit you!</p>
</li>
<li>
<p class="question">I’ve got another question...</p>
<p class="answer">Please reach out to us at <a href="mailto:[email protected]">[email protected]</a>! We’re always willing to answer your needs :) We hope to help you be the best hacker you can be.</p>
</li>
</ul>
</div>
</div>
</div>
<!-- Sponsors Section -->
<div class="sponsors">
<h1>SPONSORS</h1>
<div class="sponsor_tier">
<div class="sponsor gold"><a href="http://www.startupedmonton.com/"><img src="images/sponsor-startupedmonton.png"></a></div>
<div class="sponsor gold"><a href="https://www.engineering.ualberta.ca/"><img src="images/sponsor-eng.png"></a></div>
<div class="sponsor gold"><a href="https://getjobber.com/"><img src="images/sponsor-jobber.png"></a></div>
<div class="sponsor gold"><a href="http://www.atb.com/Pages/default.aspx"><img src="images/sponsor-atb.png"></a></div>
<div class="sponsor gold"><a href="http://www.interdynamix.com/"><img src="images/sponsor-idx.png"></a></div>
<div class="sponsor gold"><a href="http://www.intuit.ca/intuit-products/index.jsp"><img src="images/sponsor-intuit.png"></a></div>
<div class="sponsor gold"><a href="https://veerum.com/"><img src="images/sponsor-veerum.png"></a></div>
<div class="sponsor gold"><a href="https://drivewyze.com/"><img src="images/sponsor-Drivewyze.png"></a></div>
</div>
<div class="sponsor_tier">
<div class="sponsor silver"><a href="https://gfycat.com/"><img src="images/sponsor-gfycat.png"></a></div>
<div class="sponsor silver"><a href="http://hvmn.com/?ref=hacked"><img src="images/sponsor-gocubes.png"></a></div>
<div class="sponsor silver"><a href="http://farrowsandwiches.ca/"><img src="images/sponsor-farrow.png"></a></div>
<!--<div class="sponsor silver"><img src="/images/sponsor-mercer.png"></div>-->
</div>
</div>
</div>
<!-- Footer -->
<footer>
<section>
<dl class="alt">
<dt>Email</dt>
<dd><a href="mailto:[email protected]">[email protected]</a></dd>
<br/>
<dt>Address</dt>
<dd>ETLC 2-040M (first right in clubs hallway) <br> University of Alberta <br>Edmonton, AB</dd>
</dl>
</section>
<section>
<dl class="alt">
<dt>Links</dt>
<dd><a href="http://compeclub.com" class="icon fa-twitter alt"><span class="label">CompEClub</span></a></dd>
<dd><a href="http://twitter.com/CompEClub" class="icon fa-twitter alt"><span class="label">Twitter</span></a></dd>
<dd><a href="https://www.facebook.com/compeclub" class="icon fa-facebook alt"><span class="label">Facebook</span></a></dd>
<dd><a href="http://devpost.com" class="icon fa-laptop alt"><span class="label">Devpost</span></a></dd>
<dd><a href="http://hacked.compeclub.com" class="icon fa-laptop alt"><span class="label">HackED</span></a></dd>
</dl>
</section>
<p class="copyright">© University of Alberta Computer Engineering Club.</p>
</footer>
<!-- contact links, links to social medias addy, etc -->
<!-- look at hacked.compeclub.com -->
</body>
</html>