-
Notifications
You must be signed in to change notification settings - Fork 0
/
signup.html
304 lines (288 loc) · 13.6 KB
/
signup.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>Local Hack Day</title>
<link rel="icon" type="image/png" href="img/favicon.png" />
<!-- CSS -->
<link href="css/normalize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body class="sign-up">
<section id="hello" class="hello-opener">
<nav class="navi-skrollz" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="http://mlh.io" class="brand-logo"><img src="img/mlh_logo-black.png"></a>
<ul class="right hide-on-med-and-down">
<li><a href="index.html">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#testies">Testimonials</a></li>
<li><a href="index.html#map">Map</a></li>
<li><a href="index.html#join">Join</a></li>
</ul>
</div>
</nav>
<nav class="origi-nav" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="http://mlh.io" class="brand-logo"><img src="img/mlh_logo-black.png"></a>
<ul class="right hide-on-med-and-down">
<li><a href="index.html">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#testies">Testimonials</a></li>
<li><a href="index.html#map">Map</a></li>
<li><a href="index.html#join">Join</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="index.html">Home<span><i class="fa fa-home"></i></span></a></li>
<li><a href="#about">About<span><img src="img/about_icon.png"></span></a></li>
<li><a href="#testies">Testimonials<span><i class="fa fa-quote-left"></i></span></a></li>
<li><a href="#map">Map<span><i class="fa fa-map-marker"></i></span></a></li>
<li><a href="#join">Join<span><i class="fa fa-plus"></i></span></a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
</div>
</nav>
</section>
<section id="schedule" class="sched-body">
<div class="bottom-overlay">
<div class="container">
<div class="row intro-panel">
<div class="intro col s12">
<h4 class="center-align">Here's the 411</h4>
<h3 class="center-align">Official Organizer Timeline</h3>
</div>
<div class="line-divider col s12">
<div class="line-twerk">
</div>
</div>
</div>
<div class="row sched-panel">
<div class="side-a col s12 m6 l6">
<div class="side-cell">
<h6 class="cell-date">May 27, 2015</h6>
<h5 class="cell-title">Registration Opens for Organizers</h5>
<div class="line-twerk"></div>
<div class="cell-desc">
<p>We've launched sign ups to host your own Local Hack Day. Want to get involved? <a href="#ready">Sign up now!</a></p>
</div>
</div>
<div class="side-cell">
<h6 class="cell-date">July 17, 2015</h6>
<h5 class="cell-title">Hackcon III</h5>
<div class="line-twerk"></div>
<div class="cell-desc">
<p>Have questions? Talk to us in person about your Local Hack Day.</p>
</div>
</div>
<div class="side-cell">
<h6 class="cell-date">October 1, 2015</h6>
<h5 class="cell-title">Swag Arrives!</h5>
<div class="line-twerk"></div>
<div class="cell-desc">
<p>Check your mail. It'll be full of swag for your hacker club.</p>
</div>
</div>
</div>
<div class="side-b col s12 m6 l6">
<div class="side-cell">
<h6 class="cell-date">June 27, 2015</h6>
<h5 class="cell-title">Attendee Registration Opens</h5>
<div class="line-twerk"></div>
<div class="cell-desc">
<p>Check back here next month to sign up for an event near you.</p>
</div>
</div>
<div class="side-cell">
<h6 class="cell-date">August 24, 2015</h6>
<h5 class="cell-title">Swag Deadline</h5>
<div class="line-twerk"></div>
<div class="cell-desc">
<p>The last day to host a Local Hack Day and be guaranteed receiving Swag at your school.</p>
</div>
</div>
<div class="side-cell">
<h6 class="cell-date">October 10, 2015</h6>
<h5 class="cell-title">Local Hack Day II</h5>
<div class="line-twerk"></div>
<div class="cell-desc">
<p>It's here!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="faq" class="faq-body">
<div class="container">
<div class="row">
<div class="intro col s12">
<h4 class="center-align">Get ready the big day</h4>
<h3 class="center-align">Organizer FAQ</h3>
</div>
<div class="line-divider col s12">
<div class="line-twerk"></div>
</div>
<div class="faq-statement row">
<div class="col m4 s12">
<h6>Who can organize a Local Hack Day?</h6>
<p>Any High School, College, University or Code School is welcome to join us by organizing a Local Hack Day. Regardless of your experience, MLH is excited to work with you to celebrate the hacker community at your school. If you're interested in organizing an event, we would love to hear from you - just fill out the form at the bottom of this page and we will reach out with more information.</p>
</div>
<div class="col m4 s12">
<h6>How do I organize a Local Hack Day?</h6>
<p>Organizing a Local Hack Day is simple. All it takes is finding a venue and telling everyone about it. MLH will take care of everything else. We'll be working to cover food, swag, mentorship, and livestreaming. We've also built a new organizer tool to help walk you through hosting your first ever hacker event! By signing up, you've already created an account and should have received a password through your e-mail.</p>
</div>
<div class="col m4 s12">
<h6>Is there a minimum amount of people required to register?</h6>
<p>No! Whether you have a room full of hackers or just a couple of friends; We want people to have fun with their friends and community, while celebrating with schools around the world.</p>
</div>
</div>
<div class="faq-list col m4 s12">
<h6>What are the steps to organize a Local Hack Day?</h6>
<ul>
<li>Apply below to be included on the website</li>
<li>Find a space with enough WiFi and Power</li>
<li>Adopt the <a href="http://static.mlh.io/docs/mlh-code-of-conduct.pdf">MLH Code of Conduct</a> for your event</li>
<li>Make sure you have a webcam and projector to participate with the livestream</li>
<li>Put posters up all around your campus</li>
<li>Create a Facebook event</li>
<li>Invite all your friends</li>
<li>Go to CS 101 and invite all your campus freshman</li>
<li>Attend chapter meetings of the ACM, WiCS and local hacker clubs to invite every hacker on campus to attend</li>
<li>Fill out your organizer profile so we can send you tons of food and swag! </li>
</ul>
</div>
<div class="faq-questions col m4 s12">
<h6>When does Local Hack Day start?</h6>
<p>Local Hack Day starts at 9 AM Local Time and runs until 9 PM local time.</p>
</div>
<div class="faq-questions col m4 s12">
<h6>What if I have anymore questions?</h6>
<p>Don't hesitate to shoot us an <a href="mailto:[email protected]?subject=LocalHackDay Questions">e-mail!</a></p>
</div>
</div>
</div>
</section>
<section id="ready" class="ready-sign">
<div class="top-overlay">
<div class="container">
<div class="row">
<form action="#" class="col s12 register-for-localhackday" method="post">
<div class="row intro-panel">
<div class="intro col s12">
<h4 class="center-align">Join Us</h4>
<h3 class="center-align">Bring Local Hack Day to your School</h3>
</div>
<div class="line-divider col s12">
<div class="line-twerk"></div>
</div>
</div>
<div class="row screen screen-before">
<div class="row">
<div class="input-field col s6">
<input name="first_name" id="first_name" type="text" class="validate" required="true">
<label for="first_name">First Name</label>
</div>
<div class="input-field col s6">
<input name="last_name" id="last_name" type="text" class="validate" required="true">
<label for="last_name">Last Name</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input name="email" id="email" type="email" class="validate" required="true">
<label for="email">Email</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<input name="city" id="city" type="text" class="validate" required="true">
<label for="city">City</label>
</div>
<div class="input-field col s6">
<input name="school" id="school" type="text" class="validate" required="true">
<label for="school">School</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input name="mobile" id="mobile" type="text" class="validate">
<label for="mobile">Phone</label>
</div>
</div>
<div class="row row-error center">
<p class="col s12 center">
<i class="fa fa-times-circle"></i>
<span class="error-message"></span>
</p>
</div>
</div>
<div class="row screen screen-after center">
<div class="preloader-wrapper big">
<div class="spinner-layer spinner-teal-only">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
<br />
<br />
</div>
<div class="row">
<button type="submit" class="waves-effect waves-teal btn-large">Sign up as a Local Hack Day organizer</button>
</div>
<!-- Modal Structure -->
<div id="modal-new-event-success" class="modal">
<div class="modal-content center">
<h4>Woohoo! You're organizing a Local Hack Day!</h4>
</div>
<div class="modal-footer center">
<a class="modal-action modal-close waves-effect waves-green btn-flat">OK</a>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<footer class="page-footer">
<div class="footer-copyright">
<div class="container">
<div class="row">
<div class="mlh-logo col s12 m6 l6">
<a href="https://mlh.io" target="_blank"><img src="img/mlh_logo.png"></a>
</div>
<div class="socmed-bar col s12 m6 l6">
<ul>
<li><a href="https://twitter.com/MLHacks"><i class="fa fa-twitter-square"></i></a></li>
<li><a href="https://www.facebook.com/MajorLeagueHacking"><i class="fa fa-facebook-square"></i></i></a></li>
<li><a href="https://www.youtube.com/user/MajorLeagueHackingTV"><i class="fa fa-youtube-play"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- Scripts-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43729070-1', 'auto');
ga('send', 'pageview');
</script>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/localhackday.js"></script>
<script src="js/init.js"></script>
</body>
</html>