-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
324 lines (295 loc) · 32.8 KB
/
index.html
File metadata and controls
324 lines (295 loc) · 32.8 KB
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
<!DOCTYPE html>
<html style="overflow-x:hidden; width:100%; max-width:100%;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Singlepage.guru, single page Bootstrap template construction set">
<meta name="author" content="www.singlepage.guru">
<link rel="shortcut icon" href="favicon.ico">
<title>SinglePage.Guru, when you need a simple good looking automatically generated single page Bootstrap template</title>
<link href='http://fonts.googleapis.com/css?family=Alike' rel='stylesheet' type='text/css'>
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="css/glide.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrapoverride.full.css" rel="stylesheet">
<link href="css/hovergallery.full.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body style="overflow-x:hidden; width:100%; max-width:100%; -webkit-overflow-scrolling: touch;">
<div class="lg-panelthindark"></div>
<section class="lg-fullheight">
<div id="topoffold" class="graphicpanel fullscreen-cont lg-paneldark ab-light ab-dark">
<div class="container darker lg-splashbox titlefadeout lg-spacer-medium">
<div class="row lg-spacer-medium">
<h1 class="lg-hero-title">Join HackItMac</h1>
<hr class="lg-halfwidth">
<h1 class="">Be a part of an Awesome Team</h1>
<h2 class="">Build a Hacker Community</h2>
<h2 class="">Connect Communities</h2>
</div>
</div>
<div class="downarrow">
<a href="#scrolldown" class="text"><i class="fa fa-chevron-circle-down fa-4x"></i></a>
</div>
</div>
</section><section class="lg-panellight minscreenheight ">
<div class="container text-center">
<div class="row lg-spacer-medium">
<h1 class="lg-hero-title">So why am I here?</h1>
<div class="lg-padbottomsmall lg-scrollfadein"><img src="http://www.softwarehamilton.com/wp-content/uploads/2014/07/hackitmac.jpg" class="maxwidthimage" alt="image"></div>
<h2 class="">We are looking for enthusiastic, committed directors to bring the club to new heights for the 2014-2015 year!</h2>
<p class="text-left lg-loremipsum">As a student hackathon organization, our goal is to establish a ‘hacker’ community by uniting bright and innovative minds, fostering ideas, and building real projects. HackIt Mac is not just a club. We are a family, a group of friends, and a community.</p>
<p class="text-left lg-loremipsum">Apply now and get a chance to connect with like-minded individuals, get inspired, and develop your passion! </p>
</div>
</div>
</section><section class="lg-paneldark">
<div class="container text-center ">
<div class="row lg-spacer-top-medium">
<h1 class="lg-hero-title">So What is a Hackathon?</h1>
<div class="lg-padbottomsmall"><img src="https://blog.apigee.com/sites/blog/files/Blog_Image.jpg" class="maxwidthimage" alt="image"></div>
</div>
<div class="row lg-spacer-bottom-medium">
<div class="col-md-6 ">
<h2 class="">Cracking into computers?</h2>
<p class="text-left lg-loremipsum">Thinking of cracking into NASA data? Sorry we don’t do that. But do we do cool stuff? Hell Yeah! Hackathons are events where a bunch of ‘hackers’ come together in teams with the intention of creating a ‘hack’ in a certain period of time, usually 24-48 hours. Hackers can be developers, designers, makers (hardware side), business-minded people and just people with ideas. The more diverse the teams, the better. But what are these hacks? They can take shape in the form of a website, a mobile app, and hardware using microcontrollers or things like Google Glass, Parrot AR Drones or anything creative you can think of.<br><br>To learn more about hackathons and their impact, take a read http://blog.mlh.io/hackathons-are-taking-the-world-by-storm-02-21-2014/ <br></p>
</div>
<div class="col-md-6">
<h2 class="">Why go?</h2>
<p class="text-left lg-loremipsum">People go to hackathons for many reasons. It's one of the best ways to learn. People love the chance to build something real. Hackathons have provided a really powerful vehicle for getting new people into the tech world. They provide the perfect opportunity to dive in and learn a ton. It doesn't matter how basic or advanced your skills are, hackathon will be a great place to learn something new. Hacks are team collaboration, so you aren’t stressing about finishing a project on your own. Some people go as they have ideas they want to work on. Companies send representatives so it’s a good chance to learn about the APIs and service while getting some swag. Some people go for a chance to win prizes. Workplaces throw them as a way to promote new product innovation. For example, Facebook's Like button was conceived as part of a hackathon. Not to mention it’s a great way to network and look for potential job opportunities.<br></p>
</div>
</div>
</div>
</section><section class="lg-panelthindark ">
<div class="lg-graphicpanelthin lg-parallaxfast ">
</div>
</section><section class="lg-panellight minscreenheight ">
<div class="container lg-spacer-medium text-center">
<h1 class="lg-hero-title">What you can expect working with HackIt Mac </h1>
<div class="lg-padbottomsmall lg-scrollfadein"><img src="http://checkmedaily.com/wp-content/uploads/2013/08/positive-expectations.png" class="maxwidthimage" alt="image"></div>
<h2 class="">(and why you totally want to)</h2>
<p class="text-left lg-loremipsum"><br>- A committed, driven team of innovative and creative students<br>- A chance to connect with like-minded individuals, get inspired, and develop your passion and innovative mind<br>- The ability to experience the ‘hacker’ culture environment and take part in growing the club<br>- The opportunity to participate in the continuous learning experience and increase your chances of a landing a job at that startup or business you want<br>-We are open to everyone and anyone. No bias towards age, gender or program you are studying<br></p>
<p class="text-left lg-loremipsum">Click to edit</p>
</div>
</section><section class="lg-paneldark lg-minhalfscreen">
<div class="container text-center">
<div class="row lg-spacer-medium">
<div class="col-md-7 lg-scrollleftin lg-scrollfadein"><img src="http://blackeyestreetwear.com/wp-content/uploads/2013/08/Team-Icon.png" class="maxwidthimage" alt="image"></div>
<div class="col-md-5">
<h1 class="">So I am ready to apply!</h1>
<hr class="lg-halfwidth">
<p class="lg-loremipsum lg-left"><br>Applications are here: https://docs.google.com/forms/d/1AzmFTe_-xn0NVT7co5zUSz1nBOjRohrLLHV-BcIXYKg/viewform?usp=send_form and are due on July 30. <br>If you have any questions about these positions that you would like answered before filling out your form, feel free to contact us via email at hackit@macengsociety.ca or via our Facebook Page: https://www.facebook.com/groups/hackitmac/<br></p>
<p class="lg-loremipsum lg-left">The available positions are:<br>• Internal Relations Lead<br>• Creative Director<br>• Social Media Coordinator<br>• Volunteer /Transportation Manager<br></p>
</div>
</div>
</div>
</section><section class="lg-paneldark">
<div class="container-fluid text-center ">
<div class="row lg-row2columnpicture">
<div class="col-md-6 maingraphic lg-columnpicturefixed" style="background-image:url('http://d3tonceflbkdng.cloudfront.net/images/picjumbo.com_IMG_0744.jpg');">
</div>
<div class="col-md-6 maingraphic lg-columnpicturefixed" style="background-image:url('http://d3tonceflbkdng.cloudfront.net/images/tumblr_mqq4l2H3Fh1st5lhmo1_1280.jpg');">
</div>
</div>
</div>
</section><section class="lg-paneldark ">
<div class="container-fluid text-center ">
<div class="row lg-row2columnpicture">
<div class="col-md-6 maingraphic lg-columnpicturefixed" style="background-image:url('http://d3tonceflbkdng.cloudfront.net/images/picjumbo.com_IMG_0744.jpg');">
</div>
<div class="col-md-6 maingraphic lg-columnpicturefixed" style="background-image:url('http://d3tonceflbkdng.cloudfront.net/images/tumblr_mqq4l2H3Fh1st5lhmo1_1280.jpg');">
</div>
</div>
</div>
</section><section class="lg-paneldark">
<div class="container text-center ">
<div class="lg-spacer-medium">
<h1 class="lg-hero-title-medium">Below are brief descriptions along with some advice for the types of positions that we are currently looking for.</h1>
<hr class="lg-halfwidth">
<h3 class="">Click to edit</h3>
<div class="row">
<div class="col-md-3">
<div class=" lg-box padding-xs">
<div><i class="fa fa-3x fa-camera"></i></div>
<div class="lg-loremipsum text-left lead">Creative Director:<br><br><br><br>• Responsible for working with team to represent HackIt Mac identity through the generation of new ideas for advertising campaigns, marketing messages and proposals. This includes poster design and videography but also other innovative and unique marketing techniques. <br>• Some tips:<br>o Previous art works are welcome for demonstration and would help us in evaluating you better.<br><br></div>
</div>
</div>
<div class="col-md-3">
<div class=" lg-box padding-xs">
<div><i class="fa fa-3x fa-beer"></i></div>
<div class="lg-loremipsum text-left lead">Internal Relations Lead<br><br><br><br>• Responsible for identifying and communicating with all student groups HackItMac can collaborate with <br>• Responsible for communicating with McMaster officials as well as the Department of Engineering officials <br>• Responsible for making sure all internal members are kept up to date on all club affairs and assigned tasks through the use of effective communication channels<br>• Some tips:<br>o Public speaking experiences are a plus too.<br></div>
</div>
</div>
<div class="col-md-3">
<div class=" lg-box padding-xs">
<div><i class="fa fa-3x fa-bell"></i></div>
<div class="lg-loremipsum text-left lead">Social Media Coordinator:<br><br><br><br>• Responsible for maintaining online presence in social media including being active on Twitter, Facebook and any other big social media platforms like Instagram etc. beforehand and day of.<br>• Responsible for initiate contact and form relations with TV, newspaper media and online media stations from McMaster, Hamilton, and community.<br>• Responsible for managing the email account and replying to general enquiries from participants leading up to the event. <br>• Some tips:<br>Having an online presence would play to your advantage and being well-versed with multiple social platforms is a plus<br></div>
</div>
</div>
<div class="col-md-3">
<div class=" lg-box padding-xs">
<div><i class="fa fa-3x fa-dribbble"></i></div>
<div class="lg-loremipsum text-left lead">Volunteer/<br>Transportation Manager:<br><br><br>• Responsible for ensuring that different buses are organized properly.<br>• Responsible for managing the volunteers.<br>• Responsible for their assignments and well-being<br>• Some tips:<br>o Previous experience in dealing with companies (for e.g., ordering food for some event, getting supplies etc.) would be a plus.<br>o Previous experience in organizing a group and assigning tasks is a plus.</div>
</div>
</div>
</div>
</div>
</div>
</section><section class="lg-panelthinlight padbottom1">
<hr class="lg-backgroundcolorlight lg-lowerchevrondivider">
</section><section class="lg-panellight ">
<div class="container text-center">
<div class="row lg-spacer-medium">
<h1 class="lg-hero-title-medium">Rest of the Team</h1>
</div>
<div class="row lg-spacer-bottom-medium">
<div class="col-md-4 lg-scrollleftin lg-scrollfadein">
<div class="lg-roundfaceimgcontainer"><img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xap1/v/t1.0-1/c0.36.148.148/p148x148/1044072_10201296858681328_1055350912_n.jpg?oh=cba0e9dc0b9ff856c1dbd18278e34dde&oe=54362865&__gda__=1414005856_6d4c19b656b287f136c3f64a404495f2" class="maxwidthimage" alt="image"></div>
<div>
<h2 class="">Jimmy Wang</h2>
<p class="lg-loremipsum text-left">External Liaison:<br>• Is responsible for contacting and maintaining relationships with sponsors.<br>• Needs to be present on the day of the event to handle the brought in sponsors.</p>
<p class="lg-brighticon text-center"> <i class="fa fa-fw fa-twitter-square fa-2x"></i> <i class="fa fa-fw fa-facebook-square fa-2x"></i> <i class="fa fa-fw fa-google-plus-square fa-2x"></i> <i class="fa fa-fw fa-linkedin-square fa-2x"></i> <i class="fa fa-fw fa-pinterest-square fa-2x"></i> <i class="fa fa-fw fa-tumblr-square fa-2x"></i> </p>
</div>
</div>
<div class="col-md-4">
<div class="lg-roundfaceimgcontainer"><img src="https://pbs.twimg.com/profile_images/418694400433082369/lrMktOH5_400x400.jpeg" class="maxwidthimage" alt="image"></div>
<div>
<h2 class="">Janelle Hinds</h2>
<p class="lg-loremipsum text-left">Hackathon Lead<br>• Is responsible for EVERYTHING!!! tHESEE PEOPLLE ARE LIES<br></p>
<p class="lg-brighticon text-center"> <i class="fa fa-fw fa-twitter-square fa-2x"></i> <i class="fa fa-fw fa-facebook-square fa-2x"></i> <i class="fa fa-fw fa-google-plus-square fa-2x"></i> <i class="fa fa-fw fa-linkedin-square fa-2x"></i> <i class="fa fa-fw fa-pinterest-square fa-2x"></i> <i class="fa fa-fw fa-tumblr-square fa-2x"></i> </p>
</div>
</div>
<div class="col-md-4 lg-scrollrightin lg-scrollfadein">
<div class="lg-roundfaceimgcontainer"><img src="https://scontent-a-ord.xx.fbcdn.net/hphotos-xfa1/t1.0-9/1610096_10203833538948763_7662706521881828472_n.jpg" class="maxwidthimage" alt="image"></div>
<div>
<h2 class="">Salau Opeyemi</h2>
<p class="lg-loremipsum text-left">Web Developer:<br>• Is responsible for creating the website and maintaining it.<br></p>
<p class="lg-brighticon text-center">
<i class="fa fa-fw fa-twitter-square fa-2x"></i>
<i class="fa fa-fw fa-facebook-square fa-2x"></i>
<i class="fa fa-fw fa-google-plus-square fa-2x"></i>
<i class="fa fa-fw fa-linkedin-square fa-2x"></i>
<i class="fa fa-fw fa-pinterest-square fa-2x"></i>
<i class="fa fa-fw fa-tumblr-square fa-2x"></i>
</p>
</div>
</div>
</div>
</div>
</section><section class="lg-paneldark ">
<div class="container text-center">
<div class="row lg-spacer-medium">
<h1 class="lg-hero-title-medium">Click to edit</h1>
</div>
<div class="row lg-spacer-bottom-medium">
<div class="col-md-4 lg-scrollleftin lg-scrollfadein">
<div class="lg-roundfaceimgcontainer"><img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpa1/t1.0-1/c25.0.148.148/p148x148/1236671_10151912798753854_712838993_n.jpg" class="maxwidthimage" alt="image"></div>
<div>
<h2 class="">Michael Tran </h2>
<p class="lg-loremipsum text-left">Hacker Relations Specialist<br>• Is responsible for figuring out the various meals.<br>• Is responsible for contacting food companies to get them as potential sponsors.<br>• Is responsible for ensuring that the meals are served properly.<br></p>
<p class="text-center">
<i class="fa fa-fw fa-twitter-square fa-2x"></i>
<i class="fa fa-fw fa-facebook-square fa-2x"></i>
<i class="fa fa-fw fa-google-plus-square fa-2x"></i>
<i class="fa fa-fw fa-linkedin-square fa-2x"></i>
<i class="fa fa-fw fa-pinterest-square fa-2x"></i>
<i class="fa fa-fw fa-tumblr-square fa-2x"></i>
</p>
</div>
</div>
<div class="col-md-4">
<div class="lg-roundfaceimgcontainer"><img src="data:image/jpeg;base64,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" class="maxwidthimage" alt="image"></div>
<div>
<h2 class="">Your Name</h2>
<p class="lg-loremipsum text-left">Can this be you?</p>
<p class="text-center">
<i class="fa fa-fw fa-twitter-square fa-2x"></i>
<i class="fa fa-fw fa-facebook-square fa-2x"></i>
<i class="fa fa-fw fa-google-plus-square fa-2x"></i>
<i class="fa fa-fw fa-linkedin-square fa-2x"></i>
<i class="fa fa-fw fa-pinterest-square fa-2x"></i>
<i class="fa fa-fw fa-tumblr-square fa-2x"></i>
</p>
</div>
</div>
<div class="col-md-4 lg-scrollrightin lg-scrollfadein">
<div class="lg-roundfaceimgcontainer"><img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xaf1/t1.0-1/c248.37.465.465/s148x148/1013084_404624522979964_2117169540_n.jpg" class="maxwidthimage" alt="image"></div>
<div>
<h2 class="">Daniel Koh</h2>
<p class="lg-loremipsum text-left">Logistics Lead:<br>• Is responsible for making sure logistic needs are taken care of.<br>• Is responsible to contact various companies/university admins to get all the necessary equipment (like tables, rooms, wires, etc.).<br></p>
<p class="text-center">
<i class="fa fa-fw fa-twitter-square fa-2x"></i>
<i class="fa fa-fw fa-facebook-square fa-2x"></i>
<i class="fa fa-fw fa-google-plus-square fa-2x"></i>
<i class="fa fa-fw fa-linkedin-square fa-2x"></i>
<i class="fa fa-fw fa-pinterest-square fa-2x"></i>
<i class="fa fa-fw fa-tumblr-square fa-2x"></i>
</p>
</div>
</div>
</div>
</div>
</section><section class="lg-panellight ">
<div class="container text-center">
<div class="row lg-spacer-medium">
<h1 class="lg-hero-title">Be social</h1>
</div>
<div class="row lg-spacer-bottom-medium">
<div class="center-block">
<div class="col-md-4"><a href="https://www.facebook.com/groups/hackitmac/" class="lg-circlesocial lg-scrollfadein"><i class="fa-facebook fa text "></i></a></div>
<div class="col-md-4"><a href="https://twitter.com/HackItMac" target="_blank" class="lg-circlesocial lg-scrollfadein"><i class="fa-twitter fa text"></i></a></div>
<div class="col-md-4"><a href="#" class="lg-circlesocial lg-scrollfadein"><i class="fa-google-plus fa text"></i></a></div>
</div>
</div>
</div>
</section><section class="lg-paneldark">
<div class="graphicpanel lg-parallaxfast ">
<h1 class="lg-hero-title text-center">Click to edit</h1>
</div>
</section>
<!-- footer -->
<footer>
<div class="container text-center">
<div class="row">
<div class="col-md-6">
(C) Copyright 2014. created with <a href="http://singlepage.guru">www.singlepage.guru</a>
</div>
<div class="col-md-6">
<a href="#"><i class="fa fa-fw fa-2x fa-twitter-square"></i></a><a href="#"><i class="fa fa-2x fa-fw fa-facebook-square"></i></a><a href="#"><i class="fa fa-fw fa-2x fa-google-plus-square"></i></a><a href="#"><i class="fa fa-fw fa-2x fa-github-square"></i></a><a href="#"><i class="fa fa-fw fa-2x fa-linkedin-square"></i></a><a href="#"><i class="fa fa-fw fa-2x fa-tumblr-square"></i></a>
</div>
</div>
</div>
</footer>
<!-- javascript -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery.photoset-grid.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.glide/1.0.6/jquery.glide.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.22/skrollr.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/1.4.11/jquery.scrollTo.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="js/main.js"></script>
<script src="js/lgscroll.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script>
//google maps
function initialize() {
var map_canvas = document.getElementById('map_canvas');
var map_options = {
center: new google.maps.LatLng(-37.8143823, 144.9621173, 17),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: true,
draggable: false,
zoomControl: false,
scrollwheel: false,
styles: [{ "featureType": "water", "elementType": "geometry", "stylers": [{ "color": "#a2daf2" }] }, { "featureType": "landscape.man_made", "elementType": "geometry", "stylers": [{ "color": "#f7f1df" }] }, { "featureType": "landscape.natural", "elementType": "geometry", "stylers": [{ "color": "#d0e3b4" }] }, { "featureType": "landscape.natural.terrain", "elementType": "geometry", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.park", "elementType": "geometry", "stylers": [{ "color": "#bde6ab" }] }, { "featureType": "poi", "elementType": "labels", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.medical", "elementType": "geometry", "stylers": [{ "color": "#fbd3da" }] }, { "featureType": "poi.business", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "geometry.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "labels", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{ "color": "#ffe15f" }] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [{ "color": "#efd151" }] }, { "featureType": "road.arterial", "elementType": "geometry.fill", "stylers": [{ "color": "#ffffff" }] }, { "featureType": "road.local", "elementType": "geometry.fill", "stylers": [{ "color": "black" }] }, { "featureType": "transit.station.airport", "elementType": "geometry.fill", "stylers": [{ "color": "#cfb2db" }] }]
}
var map = new google.maps.Map(map_canvas, map_options)
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html>