-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·370 lines (309 loc) · 17.3 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
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
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="SJSU STEM - House App Challenge 2014">
<meta name="author" content="Phuc Nguyen">
<!-- <link rel="shortcut icon" href="assets/ico/favicon.png"> -->
<title>SJSU STEM - House App Challenge 2014</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this website -->
<link href="assets/css/main.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/icomoon.css">
<link href="assets/css/animate-custom.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
<script src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/modernizr.custom.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-offset="0" data-target="#navbar-main">
<div id="navbar-main">
<!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<!-- <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-shield" style="font-size:30px; color:#3498db;"></span>
</button>
<a class="navbar-brand hidden-xs hidden-sm" href="#home"><span class="icon icon-shield" style="font-size:18px; color:#3498db;"></span></a>
</div> -->
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#home" class="smoothScroll"> Home</a></li>
<li> <a href="#news" class="smoothScroll"> News</a></li>
<li> <a href="#projects" class="smoothScroll"> Projects</a></li>
<li> <a href="#whatwedo" class="smoothScroll"> What We Do</a></li>
<li> <a href="#team" class="smoothScroll"> SJSU Team</a></li>
<li> <a href="#contact" class="smoothScroll"> Contact</a></li>
<li> <a href="tutorials.html" class="smoothScroll"> Tutorials</a></li>
<li><a href="resources.html"> Resources</a></li>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!-- ==== HEADERWRAP ==== -->
<div id="headerwrap" id="home" name="home">
<header class="clearfix">
<!-- <h1><span class="icon icon-shield"></span></h1> -->
<h1><span></span></h1>
<h1><span></span></h1>
<p>Building Apps with SJSU Jay Pinson STEM Education</p>
<h3 style="color: white;">For Congressional House App Challenge 2014</h3>
</header>
</div><!-- /headerwrap -->
<div class="centered">
<hr>
<img src="assets/img/sjsu_stem_banner.png">
<br>
</div>
<!-- ==== NEWS ==== -->
<div class="container" id="news" name="news">
<div class="row white">
<h1 class="centered">NEWS</h1>
<hr>
<h4> <strong>04-27-14:</strong><br><br>A Crash Course in Java Programming by T.T <a class="btn btn-default" href="tuanstutorial.html">HERE</a> <span class="label label-success">New</span></h4>
<h4> <strong>04-03-14:</strong><br><br>
New slides added to App Design Tutorial to explain Class Relationships
</h4>
<h4>
<strong>04-02-14:</strong><br><br>App Design - Tutorial by P.N
<a class="btn btn-default" href="tutorials/app_design_tutorial_phucnguyen/index.html">HERE</a>
</h4>
<h4>
<br>Simple Scratch Game - Tutorial by T.T <a class="btn btn-default" href="tutorials/simple_scratch_game_tutorial_tuantran/index.html">HERE</a>
</h4>
</div><!-- row -->
</div><!-- container -->
<!-- ==== GREYWRAP ==== -->
<div id="greywrap">
<div class="row">
<div class="col-lg-4 callout">
<!-- <span class="icon icon-stack"></span> -->
<span></span>
<h2>Can I Participate?</h2>
<p>
To join this competition, you have to be at least 13 years old.
You also need to be a high school student.
Finally, you have to be in the district where the competition is supported.
To find out if you are eligible to join this competition. </br> </br>
<a class="btn btn-success" href="http://studentappchallenge.house.gov" role="button">Learn More</a>
</p>
</div><!-- col-lg-4 -->
<div class="col-lg-4 callout">
<!-- <span class="icon icon-eye"></span> -->
<span></span>
<h2>How Can I Join?</h2>
<p>To enter, the student must register for the House Student App Challenge under their participating Member of Congress’ profile. All entries must be an original in concept, design and execution.</br> </br>
<a class="btn btn-success" href="http://housestudentapps.challengepost.com" role="button">Register Here!</a></p>
</div><!-- col-lg-4 -->
<div class="col-lg-4 callout">
<!-- <span class="icon icon-heart"></span> -->
<span></span>
<h2>Competition Period</h2>
<p>Students entering the competition must submit their app’s source code online during the Competition Submission Period between <strong> 12 PM Eastern Standard Time on FEBRUARY 1ST, 2014, and 11:59 PM Eastern Daylight Time on APRIL 30TH, 2014 </strong></p>
</div><!-- col-lg-4 -->
</div><!-- row -->
</div><!-- greywrap -->
<!-- STUDENT PROJECTS -->
<div class="container" id="projects" name="projects">
<h1 class="centered">STUDENT PROJECTS</h1>
<h2 class="centered">Progress</h2>
<h3 class="centered">Mountain View High School</h3>
<!-- Progress bar for Mountain View High School -->
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="width: 25%">
25%
</div>
</div>
<h3 class="centered">Evergreen Valley High School</h3>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width: 10%">
10%
</div>
</div>
</div>
<!-- ==== SECTION DIVIDER1 -->
<section class="section-divider textdivider divider1">
<div class="container">
<h1>President Obama</h1>
<hr>
<p>Don't just buy a new video game, make one. Don't just download a latest app, help design it. Don't just play on your phone, program it. </p>
</div><!-- container -->
</section><!-- section -->
<!-- ==== WHAT WE DO ==== -->
<div class="container" id="whatwedo" name="whatwedo">
<br>
<br>
<div class="row">
<h2 class="centered">YOUR IDEAS, YOUR APPS, OUR SUPPORT</h2>
<hr>
<br>
<div class="col-lg-offset-2 col-lg-8">
<p>
During this competition, San Jose State University Jay Pinson STEM Education will support high school students throughout the app development process.
</p>
<p>By giving tutorials and providing learning materials, students are able to explore more on their own. We think imagination has no limit. Sometimes we won't be to answer all of your questions. With your imagination and our tutorials, you can finish what you set out to do.</p>
</div><!-- col-lg -->
</div><!-- row -->
</div><!-- row -->
<!-- ==== SECTION DIVIDER2 -->
<section class="section-divider textdivider divider2">
<div class="container">
<h1>CONGRESS WOMAN ZOE LOFGREN</h1>
<hr>
<p>It's become part of the lexicon to say 'there's an app for that,’ and increasingly the world connects through mobile devices and cloud computing. The digital age is this century's New Frontier, offering both challenges and opportunities. I'm hopeful that this competition will encourage students to tap their creativity in developing their own app and inspire them to venture further into STEM fields.</p>
</div><!-- container -->
</section><!-- section -->
<!-- ==== TEAM MEMBERS ==== -->
<div class="container" id="team" name="team">
<br>
<div class="row white centered">
<h1 class="centered">MEET OUR TEAM</h1>
<hr>
<br>
<div class="col-lg-3 centered">
<img class="img img-circle" src="assets/img/team/team01.jpg" height="120px" width="120px" alt="">
<br>
<h4><b>Phuc Nguyen</b></h4>
<!-- <a href="#" class="icon icon-twitter"></a>
<a href="#" class="icon icon-facebook"></a>
<a href="#" class="icon icon-flickr"></a> -->
<p>My favorite thing is the computer, because you know what, it is the most power thing in the world. You can shape the world and make it a better place via a computer. As a human, we use programming language to tell computers to do what we want it to do. That's why I major in computer science. I'm in love with creating things and I bet you are too. I'm currently a third year student at SJSU. My go-to languages are Objective-c, Java, PHP, HTML/CSS. In my free time, I like to explore new softwares, learn about them, have you heard about iPhone apps such as Angry Birds or Temple Run, Web apps such as Facebook or Twitter? It is also great that I'm able to share my knowledge with everyone. If you have questions, don't hesitate to contact me at [email protected].</p>
</div><!-- col-lg-3 -->
<div class="col-lg-2 centered">
<img class="img img-circle" src="assets/img/team/team02.jpg" height="120px" width="120px" alt="">
<br>
<h4><b>David Singer</b></h4>
<!-- <a href="#" class="icon icon-twitter"></a>
<a href="#" class="icon icon-facebook"></a>
<a href="#" class="icon icon-flickr"></a> -->
<p>I'm a computational physicist in my last semester of graduate school here at SJSU. My undergraduate studies were in astrophysics at UC Berkeley. I'm actively involved in the SJSU Physics and Astronomy Club, where I also tutor undergraduate physics. I can program in IDL, Python, and Octave. I have been learning how to use TouchDevelop, a Microsoft programming kit with nice tutorials for making touchscreen applications. I can be contacted for assistance via email: [email protected]
</p>
</div><!-- col-lg-3 -->
<div class="col-lg-2 centered">
<img class="img img-circle" src="assets/img/team/team03.jpg" height="120px" width="120px" alt="">
<br>
<h4><b>Andy Ngo</b></h4>
<!-- <a href="#" class="icon icon-twitter"></a>
<a href="#" class="icon icon-facebook"></a>
<a href="#" class="icon icon-flickr"></a> -->
<p>My name is Andy Ngo and I am currently a Junior at San Jose State. My specialties for programming include C++ and Java. I also specialize in finding answers to my questions in a quick manner. I know how to use search engines efficiently and I will do my best to help you with your programming questions. If you have a particular question feel free to email me and I will try to get back to you as soon as I can. Most of the time I am near my computer so my responses usually occur within the hour unless I am asleep.</p>
</div><!-- col-lg-3 -->
<div class="col-lg-3 centered">
<img class="img img-circle" src="assets/img/team/team04.jpg" height="120px" width="120px" alt="">
<br>
<h4><b>Christopher Victa</b></h4>
<!-- <a href="#" class="icon icon-twitter"></a>
<a href="#" class="icon icon-facebook"></a>
<a href="#" class="icon icon-flickr"></a> -->
<p>I'm Christopher Victa, a Junior at SJSU for Computer Science. I've covered C++, Java, HTML, and CSS. I plan to take 15 units every semester to graduate by 2015 May. I'm only working on becoming that good of a student! Any challenge met with enthusiam will lead to commitment, which will lead to wonderful results. Feel free to contact me at "[email protected]" with any questions! I will be learning more on Looking Glass ("https://lookingglass.wustl.edu/help"), as it ties in with future projects I wish to complete in the future, and continuing on Android app publishing.</p>
</div><!-- col-lg-3 -->
<div class="col-lg-2 centered">
<img class="img img-circle" src="assets/img/team/team05.jpg" height="120px" width="120px" alt="">
<br>
<h4><b>Tuan Tran</b></h4>
<!-- <a href="#" class="icon icon-twitter"></a>
<a href="#" class="icon icon-facebook"></a>
<a href="#" class="icon icon-flickr"></a> -->
<p>Hi there! I am a computer science major here at San Jose State, and i'd be more than happy to help you with your questions regarding programming. My favorite languages are C/C++, Java, and Perl; and since I have had a lot of experience in them, I can help you understand their features in depth. I also have experience in writing bash scripts; even though I am a windows fan, I have explored the world of Linux deeply, and would love to discuss it with you. Feel free to email me at [email protected] anytime.
</p>
</div><!-- col-lg-3 -->
</div><!-- row -->
</div><!-- container -->
<!-- ==== SECTION DIVIDER4 ==== -->
<div class="container" id="contact" name="contact">
<div class="row">
<br>
<h1 class="centered"> KEEP IN TOUCH!</h1>
<hr>
<br>
<table class="table table-hover" border="1px solid black">
<tr>
<th colspan="4" bgcolor="#3c763d" style="text-align: center; color: white;">Mentors' Emails</th>
</tr>
<tr>
<th>NAME</th>
<th>EMAILS</th>
</tr>
<tr>
<td>Tuan</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Andy</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Chris</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Phuc</td>
<td>[email protected]</td>
</tr>
<tr>
<td>David</td>
<td>[email protected]</td>
</tr>
</table>
<br>
<div class="col-lg-4">
<h3>Contact Information</h3>
<p><span class="icon icon-home"></span> SJSU - Jay Pinson STEM Education</br>Duncan Hall (DH) 8, </br>One Washington Square, <br/>San José, CA 95192<br/>
<span class="icon icon-phone"></span> 408-924-4809 <br/>
<span class="icon icon-envelop"></span> <a href="http://www.sjsu.edu/stem/index.html"> STEM Jay Pinson Website</a> <br/>
</p>
</div><!-- col -->
<div class="col-lg-4">
<h3>Ask Questions</h3>
<p>Email us your questions and we will get back to you as soon as possible.</p>
<p>
<form class="form-horizontal" role="form" action="MAILTO:" method="POST">
<div class="form-group">
<label for="inputEmail1" class="col-lg-4 control-label"></label>
<div class="col-lg-10">
<input type="email" class="form-control" id="inputEmail1" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="text1" class="col-lg-4 control-label"></label>
<div class="col-lg-10">
<input type="text" class="form-control" id="text1" placeholder="Your Name">
</div>
</div>
<div class="form-group">
<div class="col-lg-10">
<button type="submit" class="btn btn-success">Email</button>
</div>
</div>
</form><!-- form -->
</p>
</div><!-- col -->
<div class="col-lg-4">
<h3>Support Us</h3>
<p>Help us share this website with your classmates and teachers. And we're glad you finally visit us. Email us and let us know how we are doing so that we can make the site better for you.</p>
</div><!-- col -->
</div><!-- row -->
</div><!-- container -->
<div id="footerwrap">
<div class="container">
<h4>Created for SJSU Jay Pinson STEM Education by P.N </a> - Copyright © 2014</h4>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/retina.js"></script>
<script type="text/javascript" src="assets/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="assets/js/smoothscroll.js"></script>
<script type="text/javascript" src="assets/js/jquery-func.js"></script>
</body>
</html>