-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
313 lines (307 loc) · 13.6 KB
/
index.html
File metadata and controls
313 lines (307 loc) · 13.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta property="og:image" content="/static/img/banner.png"/>
<link rel="icon" href="static/img/favicon/favicon.ico">
<link rel="icon" sizes="16x16 32x32 64x64" href="/static/img/favicon/favicon.ico">
<link rel="icon" type="image/png" sizes="196x196" href="static/img/favicon/favicon-192.png">
<link rel="icon" type="image/png" sizes="160x160" href="static/img/favicon/favicon-160.png">
<link rel="icon" type="image/png" sizes="96x96" href="static/img/favicon/favicon-96.png">
<link rel="icon" type="image/png" sizes="64x64" href="static/img/favicon/favicon-64.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/img/favicon/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/img/favicon/favicon-16.png">
<link rel="apple-touch-icon" href="static/img/favicon/favicon-57.png">
<link rel="apple-touch-icon" sizes="114x114" href="static/img/favicon/favicon-114.png">
<link rel="apple-touch-icon" sizes="72x72" href="static/img/favicon/favicon-72.png">
<link rel="apple-touch-icon" sizes="144x144" href="static/img/favicon/favicon-144.png">
<link rel="apple-touch-icon" sizes="60x60" href="static/img/favicon/favicon-60.png">
<link rel="apple-touch-icon" sizes="120x120" href="static/img/favicon/favicon-120.png">
<link rel="apple-touch-icon" sizes="76x76" href="static/img/favicon/favicon-76.png">
<link rel="apple-touch-icon" sizes="152x152" href="static/img/favicon/favicon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="static/img/favicon/favicon-180.png">
<meta name="msapplication-TileColor" content="#fff">
<meta name="msapplication-TileImage" content="static/img/favicon/favicon-144.png">
<meta name="msapplication-config" content="static/img/favicon/browserconfig.xml">
<title>Teens Exploring Code</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,300' rel='stylesheet' type='text/css'>
</head>
<body style = "/*overflow-x: hidden; overflow-y: hidden*/;">
<!--<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Teens Exploring Code</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a class="page-scroll" href="#about">About</a></li>
<li><a class="page-scroll" href="#schedule">Schedule</a></li>
<li><a class="page-scroll" href="#faq">FAQ</a></li>
<li><a class="page-scroll" href="#people">The Team</a></li>
<li><a class="page-scroll" href="#sponsors">Sponsors</a></li>
</ul>
</div>
</div>
</nav> -->
<style>
@media(max-width:768px) {
.asdf {
margin-right: 36%;
margin-left: 36%;
}
}
@media(max-width:500px) {
.asdf {
margin-right: 10% !important;
margin-left: 10% !important;
}
}
</style>
<section id="banner"><!-- style = "padding-top:11%" -->
<img src="static/img/logowhite.png" id="logo">
<div class="event-panel">
<h1>Teens Exploring Code</h1>
<!-- <h1 id="event-info">Coming soon!</h1> -->
<div class = "asdf" style = "margin-right: 36%;
margin-left: 36%;"><h3 class = "event-info" style="max-width: 400px;">Thanks to all our sponsors, mentors, and attendees for coming. Look forward to TEC 2017! </h3></div>
<div class = "row">
<!-- <a href="https://tec2016.typeform.com/to/NvR0Xb" class="btn btn-primary btn-lg" target="_blank">Contact Us</a>
<a href="https://tec2016.typeform.com/to/NvR0Xb" class="btn btn-primary btn-lg" target="_blank">Get Updates</a>
-->
<!-- </br> -->
<a href="https://www.facebook.com/teensexploringcode/" style = "margin-right: 20px"><i class="fa fa-2x fa-facebook-square" aria-hidden="true"></i></a>
<a href="mailto:teensexploringcode@gmail.com"><i class="fa fa-2x fa-envelope" style = "color:white !important" aria-hidden="true"></i></a>
</div>
<!-- <a href="https://tec2016.typeform.com/to/NvR0Xb" class="btn btn-primary btn-lg" target="_blank">Register!</a> -->
</div>
</section>
<section class="bg-primary" id="about">
<div class="container">
<div class = "about-info">
<h1 style="padding-bottom: 20px">What is Teens Exploring Code?</h1>
<p>If you have quirky ideas you want to bring to life, or if you want to collaborate on something meaningful with other inquisitive teens like you, join us for Teens Exploring Code (TEC) 2017!</p>
<p>In 14 hours of continuous excitement, we'll show you how programming can be fun, thought-provoking and powerful. With two unique tracks and various workshops throughout the day, TEC provides a welcoming environment perfect for first-time coders and first-time hackathon attendees, along with those with more experience.</p>
<hr>
<p>Beginners should attend the two Python workshops (one in the morning and one in the afternoon) to get started with programming and work on projects. Non-beginners are encouraged to attend other fun workshops offered later in the day.</p>
</div>
</div>
</section>
<section class="bg-light" id="schedule">
<div class="container">
<h1>Schedule</h1>
<table class="table table-bordered table-striped">
<tbody>
<tr>
<td>8:30am-9:00am</td>
<td>Check In</td>
</tr>
<tr>
<td>9:00am-9:15am</td>
<td>Opening</td>
</tr>
<tr>
<td>9:15am-11:15am</td>
<td>Python Workshop 1 (for all beginners)</td>
</tr>
<tr>
<td>9:15am-9:45am</td>
<td>Non-beginner Team Formation</td>
</tr>
<tr>
<td>9:45am</td>
<td>Non-beginner Coding Begins</td>
</tr>
<tr>
<td>11:15am-11:45am</td>
<td>Beginner Team Formation</td>
</tr>
<tr>
<td>11:45am</td>
<td>Beginner Coding Begins</td>
</tr>
<tr>
<td>12:30pm- 1:30pm</td>
<td>Lunch + Speaker</td>
</tr>
<tr>
<td>2:00pm-3:00pm</td>
<td>Web Development Workshop</td>
</tr>
<tr>
<td>3:30pm-4:30pm</td>
<td>Python Workshop 2 (for all beginners)</td>
</tr>
<tr>
<td>5:00pm-6:00pm</td>
<td>Design Thinking Workshop</td>
</tr>
<tr>
<td>6:00pm-7:30pm</td>
<td>Dinner + Mystery Activity</td>
</tr>
<tr>
<td>8:30pm-9:00pm</td>
<td>Raffle</td>
</tr>
<tr>
<td>9:00pm-9:30pm</td>
<td>Ending Activity</td>
</tr>
<tr>
<td>10:00pm-10:30pm</td>
<td>Gallery Walk and Closing</td>
</tbody>
</table>
</div>
</section>
<section class="bg-blue" id="faq">
<div class="container">
<div class="row">
<h1>FAQ</h1>
<div class="col-md-6 col-xs-12 text-center">
<h3>Who can attend?</h3>
<p>Participants ages 13-19 are welcome to attend! If you are out of this age range and wish to attend, please contact us.</p>
<h3>What’s the format of the event?</h3>
<p>You’ll join a team and work on an original project together throughout the whole day and present it at the end. For beginners, we provide two Python workshops that will get you started and let you form teams with others at your skill level. For non-beginners, you’ll begin on your projects right after forming teams, and can also attend interesting workshops throughout the day. Check the <a href="#schedule">schedule</a> for more info!</p>
<h3>How much does this cost?</h3>
<p>Nothing! TEC is free of charge, but we greatly appreciate any donations that would go towards supporting the event.</p>
<h3>How do I sign up?</h3>
<p>Apply through this <a href="https://tec2016.typeform.com/to/NvR0Xb" target="_blank">online form</a>. Please only apply if you are <b>certain</b> that you will be able to attend for the whole time. You will get a confirmation email closer to the event securing your spot. We will be accepting people from all ranges of experience, so please answer the questions truthfully!</p>
</div>
<div class="col-md-6 col-xs-12 text-center">
<h3>What do I need to bring?</h3>
<p>Bring your laptop and your student ID or any official ID. Lunch, dinner, and refreshments are provided, but you are welcome to bring your own snacks or food as well. Bring hardware if you plan on incorporating it into your project (contact us if you’d like to rent any).</p>
<h3>What can I make?</h3>
<p>Anything you can! Web, mobile, hardware, or anything else you’re interested in.</h3>
<h3>How do teams work?</h3>
<p>Teams can have up to 4 people. If you’re a beginner, you’ll be able to form teams and develop project ideas with others at your skill level during the first Python workshop. For non-beginners, we’ll also have designated times for you to form teams and gather ideas.</p>
<h3>Are there prizes?</h3>
<p>Yes! Because we want to promote an atmosphere conducive to trying new things, prizes will not be project-based. But the prizes will be awesome and everyone will receive free swag (and knowledge!) regardless.</p>
</div>
</div>
</div>
</section>
<section class="bg-light" id="people">
<h1>The Team</h1>
<div class="container">
<div class="row">
<div class="col-md-4 col-xs-12 text-center">
<div class="bio-box">
<img src="static/img/team/kelsey.jpg">
<h3>Kelsey Wang</h3>
</div>
<div class="bio-box">
<img src="static/img/team/william.jpg">
<h3>William Meng</h3>
</div>
<div class="bio-box">
<img src="static/img/team/mihir.jpg">
<h3>Mihir Singhal</h3>
</div>
</div>
<div class="col-md-4 col-xs-12 text-center">
<div class="bio-box">
<img src="static/img/team/alice.jpg">
<h3>Alice Zhang</h3>
</div>
<div class="bio-box">
<img src="static/img/team/jennifer.jpg">
<h3>Jennifer Zhuge</h3>
</div>
<div class="bio-box">
<img src="static/img/team/stella.jpg">
<h3>Stella Wan</h3>
</div>
</div>
<div class="col-md-4 col-xs-12 text-center">
<div class="bio-box">
<img src="static/img/team/lilia.png">
<h3>Lilia Tang</h3>
</div>
<div>
<div class="bio-box">
<img src="static/img/team/calvin.jpg">
<h3>Calvin Yan</h3>
</div>
</div>
<div>
<div class="bio-box">
<img src="static/img/team/julie.jpg">
<h3>Julie Meng</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-primary" id="sponsors">
<div class="container">
<h1>Our Sponsors</h1>
<div class="sponsor-container">
<div class="sponsor-row">
<div class="logo" id="pa">
<a href="http://www.cityofpaloalto.org/" target="_blank">
<img src="static/img/sponsors/pa.png">
</a>
</div>
</div>
<div class="sponsor-row">
<div class="logo" id="thinkfund">
<a href="http://www.cityofpaloalto.org/gov/depts/csd/recreation/teens/think_fund/think_fund_programs.asp" target="_blank">
<img src="static/img/sponsors/thinkfund.png">
</a>
</div>
<div class="logo logo-small" id="hackerfund">
<a href="https://hacker.fund/" target="_blank">
<img src="static/img/sponsors/hackerfund.png">
</a>
</div>
<div class="logo" id="treehacks">
<a href="https://www.treehacks.com/" target"_blank">
<img src="static/img/sponsors/treehacks.png">
</a>
</div>
</div>
<div class="sponsor-row">
<div class="logo" id="asianbox">
<a href="http://www.asianbox.com/" target="_blank">
<img src="static/img/sponsors/asianbox.png">
</a>
</div>
<div class="logo" id="comoesta">
<a href="http://comoestataqueria.net/" target"_blank">
<img src="static/img/sponsors/como-esta.jpg">
</a>
</div>
</div>
</div>
<h2> Interested in sponsoring or partnering? Check out our <a href="static/sponsorship_packet.pdf">sponsorship packet</a>.</h2>
</div>
</section>
<section class="footer">
<div class="container">
<h3>Made by the TEC Team</h3><a href="https://www.facebook.com/teensexploringcode/"><i class="fa fa-facebook-square"></i></a>
<h3>Questions? Contact us at <a href="mailto:teensexploringcode@gmail.com" target="_blank">teensexploringcode@gmail.com</a></h3>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/header.js"></script>
</script>
</body>
</html>