forked from galacticmonkeys/HackJam
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
216 lines (187 loc) · 8.17 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
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HackJam</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/index.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/index.js"></script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</head>
<body>
<div id="twitter-feed" onclick="showTwitterFeed()">
<div id="twitter-body" class="center">
<a class="twitter-timeline" href="https://twitter.com/HackBerkeley" data-widget-id="649709535200870400" height="65vh">Tweets by @HackBerkeley</a>
</div>
<div id="twitter-banner" class="center">
Check out our live tweets! ⇣
</div>
</div>
<div class="hero">
<img src="img/hackjam.svg" />
</div>
<div class="about">
<div class="row">
<h3>What is HackJam?</h3>
<div class="medium-8 medium-offset-2 large-8 large-offset-2 large-centered columns">
<p>
For our 10th consecutive semester, there's a jam at Berkeley coming up. No, it's not a traffic jam. Welcome to HackJam: Talent. Prizes. Mentorship. Refreshments. All jammed into 4000 square feet of awesome.<br><br>
</p>
<p>
At HackJam, hackers of all levels of experience get together for twelve hours of hacking and snacking. No pressure, we're all here to learn. We'll be running introductory workshops and 1:1 mentorship for those of you new to hacking; we'll have hardware and APIs for those who want to branch out into something new.<br><br>
</p>
<p>There will be friendship. There will be prizes. Come to HackJam - it's gonna be pretty sweet.</p>
</div>
</div> <!-- ./row -->
</div> <!-- ./about -->
<div class="schedule">
<div class="row">
<div class="small-12 medium-8 medium-offset-2 large-8 large-offset-2 columns">
<h3>Schedule</h3>
<div class="columns event">
<div class="small-6 medium-6 large-6 large-offeset-2 columns">
9:00am - 10:00am
</div>
<div class="small-6 medium-6 large-6 columns">
Check In
</div>
</div>
<div class="columns event">
<div class="small-6 medium-6 large-6 large-offeset-2 columns">
10:10am - 10:30am
</div>
<div class="small-6 medium-6 large-6 columns">
Kickoff
</div>
</div>
<div class="columns event">
<div class="small-6 medium-6 large-6 large-offeset-2 columns">
10:30am - 11:30am
</div>
<div class="small-6 medium-6 large-6 columns">
Teambuilding
</div>
</div>
<div class="columns event">
<div class="small-6 medium-6 large-6 large-offeset-2 columns">
12:30pm - 1:00pm
</div>
<div class="small-6 medium-6 large-6 columns">
Lunch is served!
</div>
</div>
<div class="columns event">
<div class="small-6 medium-6 large-6 large-offeset-2 columns">
1:00pm - 2:30pm
</div>
<div class="small-6 medium-6 large-6 columns">
Workshops
</div>
</div>
<div class="columns event">
<div class="small-6 medium-6 large-6 large-offeset-2 columns">
6:00pm - 6:30pm
</div>
<div class="small-6 medium-6 large-6 columns">
Dinner is served!
</div>
</div>
<div class="columns event">
<div class="small-6 medium-6 large-6 large-offeset-2 columns">
9:30pm
</div>
<div class="small-6 medium-6 large-6 columns">
30 minute notice
</div>
</div>
<div class="columns event">
<div class="small-6 medium-6 large-6 large-offeset-2 columns">
10:15pm - 10:45pm
</div>
<div class="small-6 medium-6 large-6 columns">
Hacker Fair
</div>
</div>
<div class="columns event">
<div class="small-6 medium-6 large-6 large-offeset-2 columns">
10:45pm - 11:00pm
</div>
<div class="small-6 medium-6 large-6 columns">
Closing
</div>
</div>
<div class="columns event">
<div class="small-6 medium-6 large-6 large-offeset-2 columns">
11:00pm
</div>
<div class="small-6 medium-6 large-6 columns">
End
</div>
</div>
</div> <!-- ./columns -->
</div> <!-- ./row -->
</div> <!-- ./shedule -->
<div class="mentoring">
<div class="row">
<div class="medium-8 medium-offset-2 large-8 large-offset-2 columns">
<h3>Mentoring</h3>
<p>
If hackathons are old hat to you, mentoring might be more your jam. We're going above & beyond this time, with custom-tailored workshops to get even the most beginning of beginners up and building. But for that to work, <a href="/mentor">we need your help.</a>
</p>
</div> <!-- ./columns -->
</div> <!-- ./row -->
</div> <!-- ./mentoring -->
<div class="register">
<div class="row">
<h3>What are you waiting for?</h3>
<div class="center">
<button id="sign-up-button" onclick="showIFrame()">Come to HackJam!</button>
<iframe id="typeform" width="100%" height="100%" frameborder="0" src="/register"></iframe>
<p>+</p>
<p><script async defer src="https://hackjam-fa16.hackersatberkeley.com/slackin.js?large"></script></p>
</div> <!-- ./center -->
</div> <!-- ./row -->
</div> <!-- ./register -->
<div class="faq">
<div class="row">
<div class="medium-8 medium-offset-2 large-8 large-offset-2 columns">
<h3>FAQ</h3>
<div class="question">
<p><strong>Do I need to register or apply to attend HackJam?</strong> <br> </p>
<p>Yes! Register <a href="/register">here</a>. Registration is non-competitive - we'll use this information for logistics and making the event <em>~hella baller~</em>.</p>
</div>
<div class="question">
<p><strong>What if I show up without registering?</strong><br></p>
<p>No food for you (because we'll have ordered food without knowing you'll be there). Seriously please register. It really helps us out.</p>
</div>
<div class="question">
<p><strong>Do I need to be a Berkeley student?</strong><br></p>
<p>Nope! Please be a student somewhere, though (both community college and high school are chill). If you're a non-student who wants to come, consider <a href="/mentor">mentoring</a>!</p>
</div>
<div class="question">
<p><strong>What if I'm in high school? Do I need to do anything special?</strong><br></p>
<p>Nope, just come! We're not overnight so you don't need to fill out a form.</p>
</div>
<div class="question">
<p><strong>What if I'm inexperienced / have no idea what I'm doing?</strong><br></p>
<p>We'll have mentorship, brainstorming workshops, and fellow-hacker meetups to help you get going. We're here for you. HackJam isn't competitive.</p>
</div>
<div class="question">
<p><strong>Is it okay if I don't stay the whole time?</strong><br></p>
<p>That's fine, but we'll miss you!</p>
</div>
<div class="question">
<p><strong>I have another question?</strong><br></p>
<p>That's not a question, but message us and we'll get back to you.</p>
</div>
</div> <!-- ./columns -->
</div> <!-- ./row -->
</div> <!-- ./faq -->
<footer>
<p id="emu-hint">Emus are weird... type "emu"</p>
<p>Made with ♡ by <a href="https://github.com/galacticmonkeys/HackJam">Hackers@Berkeley</a> © 2016</p>
</footer>
</body>
</html>