This repository was archived by the owner on Mar 26, 2023. It is now read-only.
forked from Gamebot2/summerhacks
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
252 lines (211 loc) · 13.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
<html class="no-js" lang="en" dir="ltr" style="background-color: #9F2C86;">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SummerHacks</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-touch-icon.ico">
<link rel="icon" type="image/x-icon" href="./assets/icons/favicon.ico">
<link rel="manifest" href="/assets/icons/site.webmanifest">
<link rel="mask-icon" href="/assets/icons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/assets/icons/favicon-48x48.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/assets/icons/browserconfig.xml">
<meta name="theme-color" content="#210D18">
<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-80884741-5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-80884741-5');
</script>
</head>
<body>
<main>
<img src="assets/bigbanner.gif" style="width:100%; height: 56vw; margin: -2vw 0 0 0;">
<img src="assets/water-add-on.png" style="width: 100%; height: auto; margin: -2px 0 0 0;">
<!--div id="extension" style="">
<img src="assets/water-add-on.png" style="width: 100vw; height: auto; margin: -2px 0 0 0;">
</div-->
<!--img src="assets/water-add-on.png" style="width: 100vw; height: auto; margin: -1px 0 0 0"-->
<a href="https://forms.gle/MdqCWThpozVTtnfi6" class="button button-register">
BE A MENTOR
</a>
<a class="button button-mentor">
Apps closed
</a>
<div id="mainNoBanner ">
<div class="header heading parent-center ">
What is SummerHacks?
</div>
<div class="contents ">
<div class="content content-margin parent-center ">
<img class="gif " src="assets/beachball.gif " alt="Beach Ball ">
</div>
<div class="content content-margin parent-center ">
<div class="normal-text ">
<p>
SummerHacks is a 12-week long summer hackathon that you can compete in from your own home! You can either apply with a team (1-4) or we will begin team matching once you are accepted. Each team will be paired with a mentor (someone in industry, a professor,
an experienced upperclassman, etc.) who your team will meet with every week to check in and to help your team out with any questions y'all may have. Throughout the hackathon, we will have various events (think panels, online
game days, talks etc.) for both social and professional development. At the end of the 12 weeks, you will create a video demos that will be judged with the opportunity to win prizes.
</p>
</div>
</div>
</div>
<div class="header heading parent-center ">
Schedule
</div>
<div class="contents ">
<div class="content content-margin normal-text ">
<p class="question ">Weeks 1-6</p>
<p class="answer "></p>
<p class="answer ">May 26th: Opening Ceremony and Begin Hacking!</p>
<p class="answer ">Week 1: Project Forming and Team Matching</p>
<p class="answer ">Week 2: Submit design document, assign roles</p>
<p class="answer ">Weeks 3-4: Work on projects, mentor 1:1s</p>
<p class="answer ">Weeks 5-6: Work on projects, mentor 1:1s</p>
<p class="answer ">Week 6: Midpoint Review!</p>
</div>
<div class="content content-margin normal-text ">
<p class="question ">Weeks 7-12</p>
<p class="answer "></p>
<p class="answer ">Weeks 7-10: Work on projects, mentor 1:1s</p>
<p class="answer ">Week 11: Finishing touches</p>
<p class="answer ">Week 12: Presentations, feedback/review, and prizes!</p>
<p class="answer ">Aug 16th: End</p>
</div>
</div>
<div class="header heading parent-center ">
Who can attend?
</div>
<div class="contents ">
<div class="content content-margin parent-center ">
<div class="normal-text ">
<p>
This event is open to all students over 18 years of age, including students in high school and undergrad/grad students from other universities. All levels of experience are welcome! Beginner? No problem! We'll have mentors and workshops to help you develop
new skills. Interested in learning something new? We'll have plenty of people to help teach you how to make an impact right from your own desk!
</p>
<p style="font-style: italic; font-size:14px;">
*Due to University restrictions, we can not accept applications under the age of 18, unless you are attending UT Austin this fall. Please check out <a target="_blank" href="https://docs.google.com/document/d/1PUqLNCh35i24AIwgmvWrTfqsUOeET9Ps-4LqYuvMsfo/edit?usp=sharing">this link</a> for other summer resources, and we hope you will consider us in the future!
</p>
</div>
</div>
<div class="content content-margin parent-center ">
<img class="gif " src="assets/dolphinCircle.gif " alt="Dolphin Circle ">
</div>
</div>
<div style="border: 4px solid white; margin: 4vw 8vw;">
<div class="header heading parent-center " style="margin: 2vw;">
Categories
</div>
<div class="contents ">
<div class="content-margin parent-center" style="margin-bottom: 0vw;">
<div class="normal-text ">
<p>
We will have
<strong>6</strong> categories for students to submit their projects towards. If your project fits into multiple categories, you can certainly submit to more than one. The top project in each category will receive a prize
for every team member! The categories are <strong>Education, Social Good, COVID Relief, Economic Relief, Entertainment or Social Media, and Health/Medicine</strong>.
</p>
</div>
</div>
</div>
</div>
<div class="header heading parent-center " style="margin-top: 10vw;">
Who are the freetail hackers?
</div>
<div class="contents normal-text parent-center ">
<div class="content-margin ">
<p>
We're a group of UT Austin students who love organizing hackathons for college students. We also love going to them. If you enjoy both of these, you should apply to join our team when applications open in December! Applications will be posted on our Facebook
page. Need to reach out to us for any further questions or want to work with us for the next event? Email us at [email protected]!
</p>
</div>
</div>
<div class="header heading parent-center ">
Event Calendar
</div>
<div class="contents normal-text parent-center ">
<div style="text-align: center;">
<p>
Click <a target="_blank" href="https://calendar.google.com/calendar/b/2?cid=ZnJlZXRhaWxoYWNrZXJzLmNvbV9hbGQ0cnJuaTlxYm9ycHNhb2FpcHJqcWZkc0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t">here</a> to add our event calendar to your own Google
Calendar! <br>Spreadsheet version also available <a target="_blank" href="https://docs.google.com/spreadsheets/d/1WNC-zzzgbSYOrSyt9ozyhGli3vBwG6xj4cEq8QIvuWs/edit?usp=sharing">here</a>.
</p>
</div>
</div>
<div id="calendarDiv" class="contents">
<iframe id="calendar" src="https://calendar.google.com/calendar/embed?src=freetailhackers.com_ald4rrni9qborpsaoaiprjqfds%40group.calendar.google.com&ctz=America%2FChicago" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
</div>
<div class="header heading parent-center ">
Inclusion
</div>
<div class="contents ">
<div class="content-margin parent-center ">
<div class="normal-text ">
<p>
To embrace inclusivity, all participants are expected to follow MLH's <a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf " target="_blank ">Code of
Conduct</a> to faciliate a safe space and a positive hackathon experience for everyone!
</p>
</div>
</div>
</div>
<div class="header heading parent-center ">
FAQ
</div>
<div class="contents ">
<div class="content content-margin normal-text ">
<p class="question ">How do teams work?</p>
<p class="answer ">Teams can be up to 4 members. If you don't have a team, check out our Facebook group. Joining a team of new friends is the best part of a hackathon. We will have team matching available for everyone on the day of the event, but if
you would like to message in our channel and create a team beforehand, that's okay too! We will have a spreadsheet to fill out and confirm team information.
</p>
<p class="question ">How do I volunteer at SummerHacks?</p>
<p class="answer ">Simply email us at [email protected] to see how you can get involved! We are in great of need of mentors to coach teams throughout the process, and anyone with tech experience is welcome to help out.
</p>
<p class="question ">How much money will this cost me?</p>
<p class="answer ">Zero. Zip. Zilch. Nada. Nothing. Gratis. It's free. Freetail Hackers will provide all students with mentors, tech talks, and prizes!</p>
<p class="question ">What do I wear?</p>
<p class="answer ">Whatever you normally wear at home!</p>
</div>
<div class="content content-margin normal-text ">
<p class="question ">Any rules?</p>
<p class="answer ">All work must be done during the 12-week period of the event. You can't demo something you didn't build. Don't talk about Fight Club. All attendees (hackers, supporters, mentors, volunteers, etc.) must abide by the MLH Code of Conduct.</p>
<p class="question ">Where is SummerHacks 2020?</p>
<p class="answer ">SummerHacks is hosted in the comfort of your own home.</p>
<p class="question ">When is SummerHacks 2020?</p>
<p class="answer ">It'll be May 26th to August 16th!</p>
<p class="question ">When does registration close?</p>
<p class="answer ">Registration closes on May 22nd, 2020, so make sure to apply before then! We also do rolling admission, so the earlier you apply, the more likely you are to get in!
</p>
<p class="question ">Will there be prizes?</p>
<p class="answer ">Yes! We plan to give prizes to the top placing team in each category. More information coming soon!
</div>
</div>
<div class="header heading parent-center ">
Company Partners
</div>
<div class="contents ">
<div class="content content-margin normal-text ">
<img class="sponsorLogo" src="assets/cloudsploit.png" style="height: auto;">
<img class="sponsorLogo" src="assets/aws.png" style="height: auto;">
</div>
<div class="content content-margin normal-text ">
<img class="sponsorLogo" src="assets/nepris.png" style="height: auto">
<img class="sponsorLogo" src="assets/azure.png" style="height: auto">
</div>
</div>
<div style="text-align: center; margin: -15vw 0 10vw 0">
<img src="assets/turtle.gif" style="text-align: center; width:35vw; height:auto;">
</div>
<footer style="text-align: center;margin-bottom:1em;color:white; font-family:Pixaboy ">
Made with <3 in Austin
</footer>
</div>
</main>
<script src="js/app.js "></script>
</body>
</html>