pmhack/home.html at master · Gerstep/pmhack · GitHub

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
<!DOCTYPE HTML>
<html>
	<head>


		<link rel="stylesheet" type="text/css" href="css/style.css">
		<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
		<meta property="og:title" content="Hasbro Play-a-thon" />
		<meta property="og:type" content="website" />
		<meta property="og:url" content="#" />
		<meta property="og:image" content="#" />
		<meta property="og:site_name" content="Popular Mechanics" />
		<meta property="og:description" content="" />

		<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,700italic,300,700,600' rel='stylesheet' type='text/css'>
		<script type="text/javascript" src="/js/jquery.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js"></script>
		<script type="text/javascript" src="/js/main.js"></script>
		<script src="js/jquery.reveal.js"></script>
		<title>Popular Mechanics 2013 DIY Hackathon</title>

		<script type="text/javascript">
			$(document).ready(function() {
				$('#button').click(function(e) { // Button which will activate our modal
				   	$('#modal').reveal({ // The item which will be opened with reveal
					  	animation: 'fade',                   // fade, fadeAndPop, none
						animationspeed: 600,                       // how fast animtions are
						closeonbackgroundclick: true,              // if you click background will modal close?
						dismissmodalclass: 'close'    // the class of a button or element that will close an open modal
					});
				return false;
				});
				$('#new_button').click(function(e) { // Button which will activate our modal
				   	$('#modal_2').reveal({ // The item which will be opened with reveal
					  	animation: 'fade',                   // fade, fadeAndPop, none
						animationspeed: 600,                       // how fast animtions are
						closeonbackgroundclick: true,              // if you click background will modal close?
						dismissmodalclass: 'close'    // the class of a button or element that will close an open modal
					});
				return false;
				});

				$('#button_modal').click(function(e) { // Button which will activate our modal
				   	$('#modal_3').reveal({ // The item which will be opened with reveal
					  	animation: 'fade',                   // fade, fadeAndPop, none
						animationspeed: 600,                       // how fast animtions are
						closeonbackgroundclick: true,              // if you click background will modal close?
						dismissmodalclass: 'close'    // the class of a button or element that will close an open modal
					});
				return false;
				});

			});
		</script>
	</head>


	<body data-spy="scroll" data-target="#navbar">
		<center>
				<nav>
					<div class="limit">
						<a id="lnk-crown" href="#">
							<div class="logo"></div>
						</a>
						<div id="navbar">
							<ul class="nav nav_menu">
								<li>
									<a id="lnk-about" href="#about">About</a>
								</li>
								<li>
									<a id="lnk-the_hackathon" href="#the_hackathon">The Hackathon</a>
								</li>
								<li>
									<a id="button" href="#">Rules</a>
								</li>
								<li>
									<a href="mailto:sabeen@angelhack.com">Contact Us</a>
								</li>
								<li>
									<a href="http://gerstep.wufoo.com/forms/sponsorship-request-form/">Sponsor the hack</a>
								</li>
								</a>
							</ul>
						</div>
						<a href="http://www.eventbrite.com/event/6922963771">
							<button class="btn_right">
								BUY TICKETS
							</button>
						</a>
					</div>
				</nav>
			</div>
			<header>
				<div class="">
					<div class="nav_icon"></div>
					<h1>Popular Mechanics 2013 DIY Hackathon</h1>
					<h2>September 14th and 15th<br><a href="http://www.nyscience.org/visitor_info/directions">New York Hall of Science</a></h2>
					<h3>World Maker Faire New York</h3>
				</div>
			</header>
			<div class="about_x" id="about"></div>
			<div class="main">
				<div class="limit">
					<h1>About</h1>
					<div class="span1_2_2">
						<img src="img/desc1.png">
						<h2>What is the Popular Mechanics Hackathon?</h2>
						<h3>A mixture of software and
							hardware, creativity reins free
							as attendees develop innovative
							apps or modify products to help
							consumers live richer DIY lives,
							enabling them to do projects in
							and around their homes with
							greater ease.
						</h3>
					</div>
					<div class="span_1_2_2_p"></div>
					<div class="span1_2_2">
						<img src="img/desc3.png">
						<h2>Event Details</h2>
						<h3>Ready to take your idea to the next level?! Then join us for the most amazing hackathon ever. <b>September 14th and 15th </b> at the New York Hall of Science, Queens, NY. <a href="http://www.nyscience.org/visitor_info/directions">Public transportation and driving directions</a></h3>
					</div>


					<div class="span1_2_2">
						<img src="img/desc2.png">
						<h2>What Should I Build?</h2>
						<h3>Build a prototype ("hack") of something that solves a big problem. It can be an <b>App, Website or Game</b>... you don't need a crazy business plan but you need to be able to show in 3 minutes why your idea can turn into the next big thing.</h3>
					</div>
					<div class="span_1_2_2_p"></div>
					<div class="span1_2_2">
						<img src="img/desc4.png">
						<h2>What are the Rules?</h2>
						<h3><b>All code must be Fresh</b>. Before the competition, you can create your logo, user interface and wireframes. To have a fair competition, you can't write any code before the hackathon starts at 9:00am on Friday. All code must be written within the 24hr hackathon.</h3>
					</div>
				</div>

				<div id="modal">
					<div class="modal_content">
						<div class="modal_title">
							<h1>The Rules</h1>
						</div>

						<h3>
						The Popular Mechanics DIY Hackathon competition rules below are the same around the world and allow everyone at every location an equal opportunity for success.</h3>

						<h2>1. Fresh Code</h2>
						<h3>We all start coding at the same time. Prior to this time you may work on your design, logo, wireframes, idea validation, digital mockups, you name it. But no coding can be done beforehand. This allows you to spend your time at Popular Mechanics hackathon doing what you love best — HACKING!</h3>

						<h2>2. Code Review</h2>
						<h3>Winning teams will be subject to a code-review at some point following the event. This will be to ensure everything was built at the hackathon.</h3>

						<h2>3. It’s Okay to Hack!</h2>
						<h3>Feel free to use any tools, tricks, gems, shortcuts, or workarounds you’ve discovered over the years to help you build quicker. Use any frameworks, hosting service, etc. you please.</h3>

						<h2>4. Ownership and IP </h2>
						<h3>Teams have full ownership of everything they build at our events and are free to do with it as they wish.</h3>

						<h2>5. Team Size</h2>
						<h3>Teams of up to 5 humans are allowed. You can also add 1 cyborg or Furby.</h3>

						<h2>6. Submissions </h2>
						<h3>Each hack will have a unique hackathon.io page and each team must list their project on hackathon.io by 1:00pm on Saturday.</h3>

						<h2>7. Have fun </h2>
						<h3>It’s a hackathon! Use whatever languages or hacks you have in your arsenal. Show us hardware. Show us new concepts. Show us anything you’d like.</h3>
					</div>
				</div>


				<div class="hack_wide"></div>
				<div class="the_hackathon_x" id="the_hackathon"></div>
				<div class="limit">
					<h1>The DIY Hackathon</h1>
					<h2>September 14th and 15th - <a href="https://www.google.com/maps/preview#!q=New+York+Hall+Of+Science%2C+47-01+111th+Street%2C+Queens%2C+NY&data=!4m10!1m9!4m8!1m3!1d2668!2d-73.851842!3d40.747901!3m2!1i1326!2i678!4f13.1">New York Hall Of Science</a> - World Maker Faire New York 2013 </h2>

					<h3>Brace yourself for THE MOST AMAZING experience!! 24 hours of work within an "all inclusive" environment where you're able to enjoy the advice of great mentors and entrepreneurs to help take your idea to the next level. Gourmet food, energy drinks, massages and lots of fun to enjoy DIY Hackathon!</h3>


					<div class="divider"></div>
					<div class="span1_2">
						<h2>Saturday September 14th</h2>
						<h3>
							08:00am :  Doors Open to Sponsors / Sponsor Table Setup<br>
							09:00am :  Doors Open to Attendees / Breakfast of Champions  <br>
							10:30am :  Sponsor Talks and Team Pitches<br>
							12:30pm :  Lunch is Served / The Hackathon Begins!<br>
							02:00pm :  Sponsor Breakout Sessions<br>
							07:00pm :  Dinner is Served<br>
						</h3>
					</div>
					<div class="span1_2">
						<h2>Sunday September 15th</h2>
						<h3>
							08:00am : Breakfast is served<br>
							12:00pm : Lunch is served / I can’t think straight but this tastes awesome! <br>
							01:00pm : Hackathon Ends / Submission Due on Hackathon.io.<br>
							02:00pm : Demos Begin / Shine Bright<br>
							05:00pm : Winners are Announced / Prizathon!<br>
							05:30pm : Drinkathon / You’ve survived… Let’s Celebrate!
						</h3>
					</div>
				</div>


					<div class="divider"></div>
<div style="width:100%; text-align:left;" ><iframe  src="http://www.eventbrite.com/tickets-external?eid=6922963771&ref=etckt&v=2" frameborder="0" height="247" width="100%" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true"></iframe><div style="font-family:Helvetica, Arial; font-size:10px; padding:5px 0 5px; margin:2px; width:100%; text-align:left;" ><a style="color:#ddd; text-decoration:none;" target="_blank" href="http://www.eventbrite.com/r/etckt">Online Ticketing</a><span style="color:#ddd;"> for </span><a style="color:#ddd; text-decoration:none;" target="_blank" href="http://www.eventbrite.com/event/6922963771?ref=etckt">Popular Mechanics Hackathon</a> <span style="color:#ddd;">powered by</span> <a style="color:#ddd; text-decoration:none;" target="_blank" href="http://www.eventbrite.com?ref=etckt">Eventbrite</a></div></div>

				<footer>
					<div class="limit">
						<h2>
							In Friendship With
						</h2>
						<div class="span1_3">
							<a href="http://dumbostartuplab.com/"><img src="img/Logo-1.png" width="352" height="66"></a>
						</div>
						<div class="span1_3">
							<a href="http://voicebunny.com"><img src="http://i.imgur.com/f51qokl.png" width="240"></a>
						</div>
				</div>
			</div>
		</center>
	</body>
</html>