forked from nealrs/sj
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (109 loc) · 6.08 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
<html>
<head>
<title>Summer Jam Hackathon Series · ChallengePost</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/pure/0.5.0/pure-min.css">
<!--[if lte IE 8]>
<link rel="stylesheet" href="//cdn.jsdelivr.net/pure/0.5.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/pure/0.5.0/grids-responsive-min.css">
<!--<![endif]-->
<link rel="stylesheet" href="main.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Arvo:700|Roboto:400,400italic,700' rel='stylesheet' type='text/css'>
<!-- NEED TO ADD OGP & TWITTER CARD TAGS -->
<!-- NEED TO GA CODE -->
</head>
<body>
<div class="header">
<div class="topLogo">
<img src="logo.png" width="100%" alt="ChallengePost Summer Jam Online Hackathon Series" />
</div>
<div class="trees-top"></div>
<div class="tent"><img src="tent.png" width="100%" alt="tent" /></div>
</div>
<div class="introCopy">
<div class="wrapper">
<p>At ChallengePost, our mission is to celebrate and inspire hackers. And this June, we're kicking off our first <strong>Summer Jam Hackathon Series!</strong></p>
<p>We're hosting 8 online hackathons across four categories — Arts, Sports & Fitness, Hacking 4 Good, and Crafts — where you can sharpen your skills, stretch your imagination, and most importantly, have fun.</p>
<p>Each hackathon will run for 3 weeks and is open to hackers around the world.</p>
</div>
</div>
<div class="pure-g ">
<div class="pure-u-1 pure-u-md-1-8"></div>
<div class="pure-u-1 l-box signup">
<h4>Sign up to learn when the schedule goes live:</h4>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//challengepost.us2.list-manage.com/subscribe/post?u=4812d3b2b48f57c38070d62e7&id=bcf3de96b1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" required placeholder="[email protected]">
<br/>
<input type="submit" value="Sign me up for Summer Jam!" name="subscribe" id="mc-embedded-subscribe" class="signupButton">
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_4812d3b2b48f57c38070d62e7_bcf3de96b1" tabindex="-1" value="">
</div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
<div class="pure-u-1 pure-u-md-1-8"></div>
</div>
<div class="pure-g ">
<div class="pure-u-1 pure-u-md-1-8"></div>
<!--<div class="pure-u-1 pure-u-md-3-4 l-box ">-->
<div class="pure-u-1 l-box">
<div id="hackathons" class="pure-g">
<div class="wrapper">
<div class="pure-u-1 pure-u-md-1-4 radioitem">
<img src="badge-maps.png">
<h4>Maps as art</h4>
<p>Reimagine the world around you and unleash your inner cartographer. Create a ‘wallworthy’ interactive map that illustrates one way in which you see the world.</p>
</div>
<div class="pure-u-1 pure-u-md-1-4 radioitem">
<img src="badge-bionic.png">
<h4>The bionic hacker</h4>
<p>Every day your smartphone collects TONS of data about you. Miles walked. Calories burned. Time spent reading Hacker News. We've got the technology, now harness that data and use it to make yourself better… faster… stronger!</p>
</div>
<div class="pure-u-1 pure-u-md-1-4 radioitem">
<img src="badge-financial.png">
<h4>Financial literacy</h4>
<p>If you know more about the Kardashians than your bank account, this hackathon is for you. Financial literacy affects you, your livelihood, and your community. Build new tech & apps that help people learn about and take charge of their finances.</p>
</div>
<div class="pure-u-1 pure-u-md-1-4 radioitem">
<img src="badge-wearabletech.png">
<h4>Wearable Tech</h4>
<p>I for one, welcome our new wearable overlords. Invent new applications, build on existing wearable platforms, or create your own wearable tech. If you can hang it off your belt, neck, ears, wrist, or ankles — it's fair game!</p>
</div>
<div class="pure-u-1 pure-u-md-1-4 radioitem">
<img src="badge-selfie.png">
<h4>Reinvent the selfie</h4>
<p>Selfies have come a long way since MySpace & duck faces. I mean hello, we have selfie sticks now! But what's next? Drones? Custom bokeh? Satellite selfies?! Show us the next evolution in self-portrait tech.</p>
</div>
<div class="pure-u-1 pure-u-md-1-4 radioitem">
<img src="badge-team.png">
<h4>Connect with your team</h4>
<p>It's time for Sportsball! Whether you're in a intramural dodgeball league or a diehard Cubs fan, you and your team are a community. Create new ways and apps to bring that community closer together!</p>
</div>
<div class="pure-u-1 pure-u-md-1-4 radioitem">
<img src="badge-opendata.png">
<h4>Open data mashup</h4>
<p>Around the world, governments, organizations, and corporations are getting hip to the #opendata movement. Mashup your favorite open data sets and teach us something new.</p>
</div>
<div class="pure-u-1 pure-u-md-1-4 radioitem">
<img src="badge-api.png">
<h4>Your first API</h4>
<p>GET. POST. CURL! APIs are the glue that bind apps, commerce, the IoT, and well… everything these days. Build your own API and connect an app, dataset, or service to the rest of the world.</p>
</div>
</div>
</div>
<div class="pure-u-1 footrow">
<a href="http://challengepost.com"><img src="CP-logo.png" alt="ChallengePost" style="height:2em;">
</div>
</div>
<div class="pure-u-1 pure-u-md-1-8"></div>
</div>
<script type="text/javascript" src="retina.min.js"></script>
</body>