-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
343 lines (317 loc) · 17.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Local Hack Day Santa Ana</title>
<meta name="description" content="Local Hack Day is a Global Event on Dec 3rd 2016 that invites schools to host a 12 hour hack day on campus to celebrate the global hacker community.">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,300italic,400italic,700italic" type="text/css" />
<link rel="stylesheet" href="css/main.min.css" type="text/css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="canonical" href="index.html" />
<link rel="icon" href="img/favicon.png" />
<meta property="og:site_name" content="">
<meta property="og:title" content="Coding & computer science event for students in Orange County">
<meta property="og:description" content="Local Hack Day Santa Ana is a free 12-hour event on December 3rd 2016 where students of all ages can learn code over a weekend. Register today!">
<meta property="og:type" content="website">
<meta property="og:image" content="http://pixelclubs.org/localhackday/img/facebook-20161107.png?1">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="index.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@pixelclubs">
<meta name="twitter:creator" content="@pixelclubs">
<meta name="twitter:title" content="Coding event for students of Orange County!">
<meta name="twitter:description" content="Local Hack Day Santa Ana is a free 12-hour event on Dec 3rd 2016 where students of all ages can learn code over a weekend.">
<meta name="twitter:image" content="http://pixelclubs.org/localhackday/img/facebook-20161107.png?1">
</head>
<body class="landing-page">
<section id="hello" class="hero">
<nav class="navi-skrollz" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="index.html" class="brand-logo brand-logo-original"></a>
<ul class="right hide-on-med-and-down">
<li><a href="#about">About</a></li>
<li><a href="#map">Map</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="signup.html">Attend</a></li>
</ul>
<a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/?utm_source=localhackday&utm_medium=TrustBadge&utm_campaign=localhackday-2016&utm_content=red" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2017/red.svg" alt="Major League Hacking 2017 Hackathon Season" style="width:100%"></a>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
</div>
</nav>
<nav class="origi-nav" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="index.html" class="brand-logo brand-logo-white"></a>
<ul class="right hide-on-med-and-down">
<li><a href="#about">About</a></li>
<li><a href="#map">Map</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="signup.html">Attend</a></li>
</ul>
<a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/?utm_source=localhackday&utm_medium=TrustBadge&utm_campaign=localhackday-2016&utm_content=white" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2017/white.svg" alt="Major League Hacking 2017 Hackathon Season" style="width:100%"></a>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
</div>
</nav>
<ul id="nav-mobile" class="side-nav" style="left: 0px">
<li><a href="#about">About<span><img src="img/about_icon.png"></span></a></li>
<li><a href="#map">Map<span><i class="fa fa-map-marker"></i></span></a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="signup.html">Attend</a></li>
</ul>
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<div class="center lhd-logo">
<img src="img/logos/hero-logo-white.svg" alt="Local Hack Day 2016">
<h6 class="lhd-event-date light">December 3rd 2016, 9 AM - 9 PM<br><span><i class="fa fa-map-marker"></i> 1010 W 17th St, Santa Ana</span></h6>
</div>
<div class="row center">
<h5 class="header col s12 light lhd-details-0">Learn code in a weekend & build amazing things with friends.</h5>
<h5 class="header col s12 light lhd-details-1">Local Hack Day Santa Ana is an opportunity for <strong>students of all ages</strong> on <strong>December 3rd 2016 for 12 hours</strong> of learning, building and sharing.</h5>
</div>
<div class="row center">
<a href="signup.html" class="lhd-button lhd-hover-white">Register to attend (free)</a>
</div>
<div class="row center continue hide-on-small-only">
<a href="#map"><i class="fa fa-caret-down"></i></a>
</div>
</div>
</div>
</section>
<section id="about" class="about-body">
<div class="bottom-overlay">
<div class="container">
<div class="row">
<div class="intro col s12">
<h4 class="center-align">About</h4>
<h3 class="center-align">What is Local Hack Day Santa Ana?</h3>
</div>
<div class="line-divider col s12">
<div class="line-twerk">
</div>
</div>
<div class="about-details center col s12">
<p>In partnership with GitHub and Major League Hacking, <a href="https://pixelclubs.org">PIxEL</a> (a student-run technology education nonprofit in Orange County) is hosting a <strong>12-hour coding event for all students interested in learning programming or software engineering</strong>.<br><br>
At Local Hack Day Santa Ana, we will be holding workshops and activities, providing lunch and dinner, and giving students access to mentorship as they learn or work on projects throughout the course of the event. Whether you are a complete beginner or have been coding for five years, there is a place for you at Local Hack Day.<br><br>
We will also be providing a limited number of computers for use during the event for students that do not have a computer they are able to bring.</p>
</div>
</div>
</div>
</div>
</section>
<section class="map">
<div class="intro col s12" id="map">
<h4 class="center-align">Where</h4>
<h3 class="center-align">Where is Local Hack Day Santa Ana?</h3>
<div class="center col s12">
<p>Local Hack Day Santa Ana is taking place at <strong>Newsong Church</strong> in Santa Ana. See the map and address below for details.</p>
</div>
</div>
<div style="overflow: hidden; width: 100%;">
<div id="gmap_canvas" style="width: 100%; height: 500px;"></div>
</div>
<!-- <div id="map" class="external-map-embed"></div> -->
</section>
<!--
<a href="signup.html" class="find-an-event-link">
<strong>Click here</strong> to see a full list of every Local Hack Day event!
</a> -->
<section id="testimonials" class="ts-body">
<div class="bottom-overlay">
<div class="container">
<div class="row">
<div class="intro col s12">
<h4 class="center-align">Testimonials</h4>
<h3 class="center-align">Here's what the hackers had to say.</h3>
</div>
<div class="line-divider col s12">
<div class="line-twerk"></div>
</div>
<div class="hacker-test hacker-test-taylor-barnett col s12 m4 l4">
<div class="hacker-logo center">
<a href="http://hacktx.com/" target="_blank">
<img src="img/testimonials/hacktx.png" />
</a>
</div>
<div class="line-divider col s12">
<div class="line-twerk"></div>
</div>
<div class="statement">
<p>Local Hack Day’s distributed hack day model was an awesome experience since not all students get the opportunity to travel to hackathons. It was a cool feeling knowing that I was hacking at the same time as hundreds of students across the country while watching the same livestreams. It also simultaneously strengthened my local student hacker community.
</p>
</div>
<div class="hacker-org">
<div class="hacker-profile">
<img src="img/testimonials/hacktx-taylor-barnett.jpg" />
</div>
<div class="hacker-name">
<h5>Taylor Barnett</h5>
<h6>HackTX</h6>
</div>
</div>
</div>
<div class="hacker-test hacker-test-alex-bucknall col s12 m4 l4">
<div class="hacker-logo center">
<a href="http://warwick.tech/hack" target="_blank">
<img src="img/testimonials/warwickhack.png" />
</a>
</div>
<div class="line-divider col s12">
<div class="line-twerk"></div>
</div>
<div class="statement">
<p>Local Hack Day was a fantastic way for us to introduce new students to the hackathon community in a relaxed and well guided manner. We had students bringing along their projects and showing others what they were working on. All in all, a great day!
</p>
</div>
<div class="hacker-org">
<div class="hacker-profile">
<img src="img/testimonials/warwickhack-alex-bucknall.png" />
</div>
<div class="hacker-name">
<h5>Alex Bucknall</h5>
<h6>WarwickHack</h6>
</div>
</div>
</div>
<div class="hacker-test hacker-test-kenneth-rhee col s12 m4 l4">
<div class="hacker-logo center">
<a href="http://hackbca.com/" target="_blank">
<img src="img/testimonials/hackbca.png" />
</a>
</div>
<div class="line-divider col s12">
<div class="line-twerk"></div>
</div>
<div class="statement">
<p>LHD was absolutely amazing. Not only did I learn a lot about organizing, but it made me realize how wonderful the hacking community really is. Everyone was helping each other out and working together without a second thought. It definitely helped me a lot with learning about the small details you wouldn't otherwise notice when putting a hackathon together. Without a doubt, the knowledge I gained from LHD is invaluable for creating better hackathons.
</p>
</div>
<div class="hacker-org">
<div class="hacker-profile">
<img src="img/testimonials/hackbca-kenneth-rhee.jpg" />
</div>
<div class="hacker-name">
<h5>Kenneth Rhee</h5>
<h6>HackBCA</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="pictures" class="pictures">
<div class="picture-box">
<img src="img/pictures/img1.jpg">
</div>
<div class="picture-box">
<img src="img/pictures/img2.jpg">
</div>
<div class="picture-box">
<img src="img/pictures/img3.jpg">
</div>
<div class="picture-box">
<img src="img/pictures/img4.jpg">
</div>
<div class="picture-box">
<img src="img/pictures/img5.jpg">
</div>
<div class="picture-box">
<img src="img/pictures/img6.jpg">
</div>
</section>
<section class="faq-body">
<div class="container">
<div class="row">
<div class="intro col s12" id="faq-organizer">
<h4 class="center-align">Get ready for the big day</h4>
<h3 class="center-align">Frequently Asked Questions</h3>
</div>
<div class="line-divider col s12">
<div class="line-twerk" id="faq"></div>
</div>
<div class="faq-statement row">
<div class="col m4 s12">
<h6>What do I bring to Local Hack Day Santa Ana?</h6>
<p>A computer and its charger are the only essentials: you are also welcome to bring your own food if you have dietary restrictions. We will be serving lunch and dinner and providing snacks and water throughout the event.</p>
</div>
<div class="col m4 s12">
<h6>What if I don't have a computer?</h6>
<p>We will have a limited number of computers that you are able to use if you do not have access to a home or school computer to bring. Just let us know that you need a computer in the Special Notes section of <a href="signup.html">registration</a> and we will set you up on the day of!</p>
</div>
<div class="faq-questions col m4 s12">
<h6>Is there a code of conduct?</h6>
<p>We want to make sure that Local Hack Day events create a safe and inspirational environment for attendees and organizers. For this reason the <a href="https://mlh.io/code-of-conduct" target="_blank">MLH Code of Conduct</a> should be followed throughout the duration of each event.</p>
</div>
</div>
</div>
<div class="row center">
<br /><br />
<a href="signup.html" class="lhd-button lhd-button-mobile-block lhd-hover-dark-red">Register to attend (free)</a>
</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="index.html" target="_blank"><img src="img/logos/mlh-local-hack-day-white.svg"></a>
</div>
<div class="socmed-bar col s12 m6 l6">
<ul>
<li><a href="http://twitter.com/pixelclubs"><i class="fa fa-twitter-square"></i></a></li>
<li><a href="http://www.facebook.com/pixelclubs"><i class="fa fa-facebook-square"></i></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="//maps.google.com/maps/api/js?key=AIzaSyC7ir9PxIhOAr51P8qBhCOxXteM_vzGQmk"></script><script type="text/javascript"> function init_map(){var myOptions = {zoom:14, scrollwheel: false, center:new google.maps.LatLng(33.7596983,-117.8782506),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(33.7596983, -117.8782506)});infowindow = new google.maps.InfoWindow({content:"<b>10ten Campus (Newsong)</b><br/>1010 W 17th Street<br/> Santa Ana, CA 92706" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
<script>
$.fn.smoothScrollable = function() {
$(this).click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
};
$('a[href*="#"]:not([href="#"])').smoothScrollable();
$(document).ready(function() {
$('.button-collapse').sideNav();
$(".navi-skrollz").hide();
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.navi-skrollz').fadeIn();
$('.origi-nav').fadeOut();
} else {
$('.navi-skrollz').fadeOut();
$('.origi-nav').fadeIn();
}
}); // end $(window).scroll
}); // end $(document).ready
</script>
<script type="text/javascript">
!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="4.0.0";
analytics.load("5iQfDCifV4eEPEu4eoMufBTCKKAoNYx3");
analytics.page();
}}();
</script>
</body>
</html>