-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
377 lines (350 loc) · 15.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
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
---
layout: default
header:
headingText: Hack The<br>Valley 5
subtitleText: COMING SOON Fall 2021 | UofT Scarborough
emailPlaceholderText: Enter your email address
nav:
- text: About
scroll: true
link: "#about"
- text: FAQs
scroll: true
link: "#faq"
- text: Schedule
scroll: true
link: "#schedule"
- text: Sponsors
scroll: true
link: "#sponsor"
about:
headingText: About
bodyText: >-
Join 750 innovative and creative developers, designers, and creators for
<strong>36 hours of hacking</strong>. You'll get access to some of the
best hardware and APIs on the market. Plus get to meet some experienced
and awesome mentors! All this in just one weekend? I know, it's hard to
believe.
<br>
<br>
Remember, you don't need to be a pro to attend. So, if this is your first
hackathon, we can't wait to expose you to the incomparable world of
creation. <strong>COMING SOON Fall 2021</strong>
faq:
columns:
- #- headingText: Where is it?
# bodyText: >-
# University of Toronto Scarborough, 1095 Military
# Trail, Scarborough, ON M1C 1A4, Canada
# backgroundColor: "red"
- headingText: What do I need to bring?
bodyText: >-
You’ll need: A laptop and charger. Everything else is optional. However, we strongly encourage you to bring a sleeping bag, pillows, toiletries, and a couple of changes of clothes.
<br/><br/>
You won’t need: An idea, or a team. You can create your own team (teams of 4 recommended) during the hackathon, and generate some amazing creations along the way. You also don’t need to worry about food, we’ve got you covered.
backgroundColor: "green"
- #- headingText: When/where can I hack?
# bodyText: >-
# Hack The Valley will start with the kick-off ceremony. There will be
# events planned throughout the day for those who arrive early. A
# detailed schedule of events and locations will be posted later. All
# work eligible for prizes must be completed between Friday night after
# the kick-off and Sunday morning at the hacking location (TBA). We will
# not accept any projects that were started prior to the hackathon (e.g.
# continuations of personal projects).
# backgroundColor: "green"
- headingText: How much will Hack the Valley cost me?
bodyText: >-
It’s completely free, so don’t worry! We'll provide you with a weekend's worth of meals, drinks, and snacks and a place to crash when you need a break from coding. In fact, you’ll probably walk away loaded with all the swag that you’ll get at Hack the Valley.
backgroundColor: "red"
- - headingText: How is Hack The Valley run?
bodyText: >-
Hack The Valley almost entirely by (sleep-deprived) University of
Toronto students, with some advice and assistance from our friends
at Department of Student Life (DSL) and Association of Mathematical and
Computer Science Students (AMACSS). One hundred percent of the funding for Hack the Valley
comes from corporate sponsor donations.
backgroundColor: "brown"
#- headingText: What can I win?
# bodyText: >-
# It’s not about winning-it’s about exploring your passion while making great friends (which if you ask us, is a BONUS!!!). But if you’re a fan of winning, we’ve got you covered. We’ve got some great prizes in stock (will be announced soon). A panel of professional judges will select the best three hacks based on the following criteria: creativity, functionality, level of technical difficulty and quality. Most sponsors like to offer their own prizes as well for specific categories which are evaluated themselves.
# backgroundColor: "green"
sponsors:
headingText: Sponsors
types:
#- name: Bronze
# size: 280
# companies:
# - name: Facebook
# href: www.facebook.com/careers/
# src: /uploads/facebook.png
# - name: Balsamiq
# href: balsamiq.com
# src: /uploads/balsamiq.png
# - name: FGF Brands
# href: fgfbrands.com
# src: /uploads/fgf.png
# - name: Major League Hacking
# href: mlh.io
# src: /uploads/mlh.png
#- name: In-Kind
# size: 123
# companies:
# - name: Google
# href: careers.google.com/jobs
# src: /uploads/google.png
# - name: The Sweater Guys
# href: thesweaterguys.com
# src: /uploads/thesweaterguys.png
# - name: 1517 Fund
# href: www.1517fund.com
# src: /uploads/1517fund.png
# - name: CheaprEats
# href: cheapreats.com
# src: /uploads/cheapreats.png
# - name: National Bank of Canada
# href: nbc.ca
# src: /uploads/nbc.png
# - name: Bounce App
# href: www.bounceapp.ca
# src: /uploads/bounce.png
# - name: HiRide
# href: hiride.ca/
# src: /uploads/hiride.png
# - name: Collision
# href: collisionconf.com
# src: /uploads/collision.png
# - name: Paytrie
# href: paytrie.com
# src: /uploads/paytrie.png
# - name: Muse
# href: choosemuse.com
# src: /uploads/muse.png
# - name: Product Hunt
# href: producthunt.com
# src: /uploads/producthunt.png
# - name: JetBrains
# href: jetbrains.com
# src: /uploads/jetbrains.png
#- name: In-Kind-New
# size: 123
# companies:
# - name: RPABotPro
# href: rpabotpro.com
# src: /uploads/rpabotpro.png
# - name: Sticker Mule
# href: hackp.ac/mlh-stickermule-hackathons
# src: /uploads/stickermule.png
# - name: Simply Mossy Art
# href: shopmossy.com
# src: /uploads/mossy.png
# - name: Roll
# href: rollscooters.com
# src: /uploads/roll.png
# - name: Treat
# href: treatapp.co
# src: /uploads/treat.png
# - name: Hop In Tech
# href: hopintech.com
# src: /uploads/hop.png
#- name: Partners
# size: 165
# companies:
# - name: UTFold
# href: utfold.com
# src: /uploads/utfold.png
# - name: Twelve65
# href: www.instagram.com/1265dance/?hl=en
# src: /uploads/twelve65.jpg
# - name: LiftOvers
# href: liftovers.ca
# src: /uploads/liftovers.png
# - name: Fuse
# href: f.energy
# src: /uploads/fuse.png
# - name: CSEC
# href: csec.club
# src: /uploads/csec.png
# - name: AMACSS
# href: amacss.org
# src: /uploads/amacss.jpg
# - name: WICSM
# href: www.facebook.com/WiCSM.UTSC/
# src: /uploads/wicsm.png
# - name: Wanda
# href: wanda.delivery
# src: /uploads/wanda.png
---
<nav id="nav" class="nav">
<div class="nav__wrapper">
<ul class="nav__items">
{% for nav_item in page.nav %}
<li class="nav__item{% if nav_item.modifier %} nav__item--{{ nav_item.modifier }}{% endif %}">
<a
onclick="toggleNavigation(false); scrollTo(this)"
class="nav__item-link{% if nav_item.scroll %} scroll{% endif %}"
href="{{ nav_item.link }}"
>{{
nav_item.text
}}</a>
</li>
{% endfor %}
<li class="nav__item nav__item--register">
<a
onclick="toggleNavigation(false)"
class="nav__item-link"
href="#"
>Applications Closed</a>
</li>
</ul>
<div class="nav__menu" onclick="toggleNavigation()">
<div class="nav__bar nav__bar--top"></div>
<div class="nav__bar nav__bar--mid"></div>
<div class="nav__bar nav__bar--bot"></div>
</div>
</div>
</nav>
<section id="header" class="header htv__section">
<div class="htv__content htv__content--header header__content">
<h1 class="header__title">{{
page.header.headingText
}}</h1>
<span class="header__subtitle">{{
page.header.subtitleText
}}</span>
<div class="htv__leaf--fade header__leaf header__leaf--0">
<svg class="htv__leaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 568.31 222.44">
<path d="M425.8,56.89l.47-1.1-.42,1Z" />
<path d="M71.71,109.67C269.07-91.1,426.27,55.79,426.27,55.79s-58,51.37-239.21,70.92c0,0,112.92,15.15,225.15-39.89l.09.11c16.07-7.69,97.5-47.15,132-74.11,38.32-30,23.64.73,5.52,10.32C534.09,31.43,436.07,79.66,410,92.47,286.36,338.11,30.69,164.22,0,142.12,7.82,146.68,31,153.22,71.71,109.67Z" />
</svg>
</div>
<div class="htv__leaf--fade header__leaf header__leaf--1">
<svg class="htv__leaf htv__leaf--flip" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 568.31 222.44">
<path d="M425.8,56.89l.47-1.1-.42,1Z" />
<path d="M71.71,109.67C269.07-91.1,426.27,55.79,426.27,55.79s-58,51.37-239.21,70.92c0,0,112.92,15.15,225.15-39.89l.09.11c16.07-7.69,97.5-47.15,132-74.11,38.32-30,23.64.73,5.52,10.32C534.09,31.43,436.07,79.66,410,92.47,286.36,338.11,30.69,164.22,0,142.12,7.82,146.68,31,153.22,71.71,109.67Z" />
</svg>
</div>
<div class="htv__leaf--fade header__leaf header__leaf--2">
<svg class="htv__leaf htv__leaf--flip" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 568.31 222.44">
<path d="M425.8,56.89l.47-1.1-.42,1Z" />
<path d="M71.71,109.67C269.07-91.1,426.27,55.79,426.27,55.79s-58,51.37-239.21,70.92c0,0,112.92,15.15,225.15-39.89l.09.11c16.07-7.69,97.5-47.15,132-74.11,38.32-30,23.64.73,5.52,10.32C534.09,31.43,436.07,79.66,410,92.47,286.36,338.11,30.69,164.22,0,142.12,7.82,146.68,31,153.22,71.71,109.67Z" />
</svg>
</div>
</div>
<div id="particles" style="pointer-events: none;"></div>
<svg class="header__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none">
<path fill="#ffffff" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7
c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4
c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z" />
</svg>
</section>
<section id="about" class="about htv__section">
<div class="htv__content about__container">
<h2 class="htv__header about__heading">{{
page.about.headingText
}}</h2>
<p class="about__body">{{
page.about.bodyText
}}</p>
<div class="htv__leaf--fade about__leaf about__leaf--0">
<svg class="htv__leaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 568.31 222.44">
<path d="M425.8,56.89l.47-1.1-.42,1Z" />
<path d="M71.71,109.67C269.07-91.1,426.27,55.79,426.27,55.79s-58,51.37-239.21,70.92c0,0,112.92,15.15,225.15-39.89l.09.11c16.07-7.69,97.5-47.15,132-74.11,38.32-30,23.64.73,5.52,10.32C534.09,31.43,436.07,79.66,410,92.47,286.36,338.11,30.69,164.22,0,142.12,7.82,146.68,31,153.22,71.71,109.67Z" />
</svg>
</div>
<div class="htv__leaf--fade about__leaf about__leaf--1">
<svg class="htv__leaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 568.31 222.44">
<path d="M425.8,56.89l.47-1.1-.42,1Z" />
<path d="M71.71,109.67C269.07-91.1,426.27,55.79,426.27,55.79s-58,51.37-239.21,70.92c0,0,112.92,15.15,225.15-39.89l.09.11c16.07-7.69,97.5-47.15,132-74.11,38.32-30,23.64.73,5.52,10.32C534.09,31.43,436.07,79.66,410,92.47,286.36,338.11,30.69,164.22,0,142.12,7.82,146.68,31,153.22,71.71,109.67Z" />
</svg>
</div>
</div>
</section>
<section id="faq" class="faq htv__section">
<div class="htv__content faq__container">
<h2 class="htv__header faq__heading">FAQs</h2>
<div class="faq__items">
{% for column in page.faq.columns %}
<div class="faq__column">
{% for item in column %}
<div class="faq__qa faq__qa--{{ forloop.index }} faq__qa--{{ item.backgroundColor }}">
<h3 class="faq__qa_heading">{{ item.headingText }}</h3>
<p class="faq__qa_body">{{ item.bodyText }}</p>
{% if item.linkText %}
<a
class="faq__qa_link"
href="{{ item.linkHref }}"
rel="noopener noreferrer"
>{{
item.linkText
}}</a>
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
<div class="htv__leaf--fade faq__leaf faq__leaf--0">
<svg class="htv__leaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 568.31 222.44">
<path d="M425.8,56.89l.47-1.1-.42,1Z" />
<path d="M71.71,109.67C269.07-91.1,426.27,55.79,426.27,55.79s-58,51.37-239.21,70.92c0,0,112.92,15.15,225.15-39.89l.09.11c16.07-7.69,97.5-47.15,132-74.11,38.32-30,23.64.73,5.52,10.32C534.09,31.43,436.07,79.66,410,92.47,286.36,338.11,30.69,164.22,0,142.12,7.82,146.68,31,153.22,71.71,109.67Z" />
</svg>
</div>
<div class="htv__leaf--fade faq__leaf faq__leaf--1">
<svg class="htv__leaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 568.31 222.44">
<path d="M425.8,56.89l.47-1.1-.42,1Z" />
<path d="M71.71,109.67C269.07-91.1,426.27,55.79,426.27,55.79s-58,51.37-239.21,70.92c0,0,112.92,15.15,225.15-39.89l.09.11c16.07-7.69,97.5-47.15,132-74.11,38.32-30,23.64.73,5.52,10.32C534.09,31.43,436.07,79.66,410,92.47,286.36,338.11,30.69,164.22,0,142.12,7.82,146.68,31,153.22,71.71,109.67Z" />
</svg>
</div>
</div>
</section>
<!--<section id="schedule">
<h2 class="htv__header faq__heading">Schedule</h2>
<iframe src="https://hacker.hackthevalley.io/live"></iframe>
</section>-->
<section id="sponsor" class="sponsors htv__section">
<div class="htv__content">
<h2 class="htv__header sponsors__heading">{{
page.sponsors.headingText
}}</h2>
{% for type in page.sponsors.types %}
<div class="sponsors__container">
<div class='sponsors__items'>
{% for company in type.companies %}
<a
class="sponsors__link"
href="https://{{ company.href }}?utm_source=hackthevalleyio&utm_medium=referral&utm_campaign=htv4"
target="_blank"
rel="noopener noreferrer"
>
<img
class="sponsors__logo"
src="{{ company.src }}"
alt="logo"
width="{{ type.size }}"
/>
</a>
{% endfor %}
</div>
</div>
{% endfor %}
<p class="sponsors__footer-text">Interested in being a sponsor?</p>
<p class="sponsors__footer-text">Send us an inquiry at
<a class='sponsors__footer-link' href='mailto:[email protected]'>
</a>
</p>
<div class="htv__leaf--fade faq__leaf faq__leaf--0">
<svg class="htv__leaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 568.31 222.44">
<path d="M425.8,56.89l.47-1.1-.42,1Z" />
<path d="M71.71,109.67C269.07-91.1,426.27,55.79,426.27,55.79s-58,51.37-239.21,70.92c0,0,112.92,15.15,225.15-39.89l.09.11c16.07-7.69,97.5-47.15,132-74.11,38.32-30,23.64.73,5.52,10.32C534.09,31.43,436.07,79.66,410,92.47,286.36,338.11,30.69,164.22,0,142.12,7.82,146.68,31,153.22,71.71,109.67Z" />
</svg>
</div>
<div class="htv__leaf--fade faq__leaf faq__leaf--1">
<svg class="htv__leaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 568.31 222.44">
<path d="M425.8,56.89l.47-1.1-.42,1Z" />
<path d="M71.71,109.67C269.07-91.1,426.27,55.79,426.27,55.79s-58,51.37-239.21,70.92c0,0,112.92,15.15,225.15-39.89l.09.11c16.07-7.69,97.5-47.15,132-74.11,38.32-30,23.64.73,5.52,10.32C534.09,31.43,436.07,79.66,410,92.47,286.36,338.11,30.69,164.22,0,142.12,7.82,146.68,31,153.22,71.71,109.67Z" />
</svg>
</div>
</div>
</section>