-
Notifications
You must be signed in to change notification settings - Fork 0
/
old.html
497 lines (462 loc) · 22.3 KB
/
old.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
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
<!DOCTYPE html>
<html lang="en">
<head>
<!--- Favicon Stuff -->
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png?v=ng9K477oQo">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png?v=ng9K477oQo">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png?v=ng9K477oQo">
<link rel="manifest" href="/favicons/site.webmanifest?v=ng9K477oQo">
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg?v=ng9K477oQo" color="#423587">
<link rel="shortcut icon" href="/favicons/favicon.ico?v=ng9K477oQo">
<meta name="msapplication-TileColor" content="#423587">
<meta name="msapplication-config" content="/favicons/browserconfig.xml?v=ng9K477oQo">
<meta name="theme-color" content="#423587">
<!--- End of Favicon Stuff -->
<link rel="icon" type="image/png" href="/favicons/booleanfavicon.png">
<meta charset="UTF-8">
<title>Project Boolean</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/owl.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/et-icons.css">
<link rel="stylesheet" type="text/css" href="css/tooltip.css">
<link rel="stylesheet" type="text/css" href="css/lightbox.css">
<link id="main" rel="stylesheet" type="text/css" href="css/publisher.css">
<style>
body {
--neutralBackground: #232323;
--lightBackground: #232323;
--darkBackground: #232323;
--highlight1: #9288D3;
--highlight2: #9288D3;
--highlight1dark: #9288D3;
--highlight2dark: #9288D3;
--highlight2light: #6553D3;
/*v real background v*/
--realBackground: #232323;
--sponsorBackground:#7670a2;
}
::-webkit-scrollbar-track {
background: var(--neutralBackground);
}
::-webkit-scrollbar-thumb {
background: var(--highlight1dark);
}
a {
text-decoration: underline;
}
.btn,
.scrollto {
text-decoration: none;
}
</style>
</head>
<!-- #4B475E -->
<body>
<!-- BACKGROUND COLOR IS BELOW -->
<div id="wrapper" class="behind" style="background-color:var(--realBackground); background-size:cover;">
<header style="background-color:var(--darkBackground); height:auto;">
<!-- BACKGROUND COLOR IS BELOW -->
<div style="background-color:var(--realBackground); background-size:cover;">
<div class="container">
<img src="img/logo.svg" style="width:65%; margin:auto; margin-right: auto; margin-left: auto; margin-bottom:2em; margin-top:2em;display: block" alt="">
<div id="horiz-line" style="width:500px;
min-width: 40%;
max-width:100vw;
margin-left:auto;
margin-right:auto;
height:1vh;
border:none;
background-color:var(--highlight1dark);"></div>
<div class="">
<h2 class="heading" style="text-align: center; color: var(--highlight2light)">Test Your Skill
<span style="color:var(--highlight1);">&&</span> Have a Blast!</h2>
<p style="font-size:2em; margin-bottom:0em;text-align: center">Compete in your choice of programming language (not you, HTML) on
<span style="color:var(--highlight1); font-weight: bold;">Saturday, April 20, 2019</span> at the University of Wisconsin-Madison.<br><br>
<span style="color:var(--highlight2light); font-weight: bold; font-size: 1.3em">// Some Important Details:</span>
</p>
<b>
<ul style="min-width:63%;margin-left:auto;margin-right:auto; font-size: 2em;">
<li>
<span style="color:var(--highlight1)">Location: </span>
<a href="https://bit.ly/2HoKpqZ" style="color:#ffffff; text-decoration: underline;">
University of Wisconsin-Madison, Computer Science Building</a>, Room 1240
</li>
<li>
<span style="color:var(--highlight1)">Cost: </span> Free!</li>
<li>
<span style="color:var(--highlight1)">Time/Date: </span> (12:15 Sign-In) 1:00 - 5:00 PM, Saturday, April 20, 2019</li>
</ul>
</b>
<a href="#competition" class="scrollto btn btn-white">Competition Information</a>
<a href="https://bit.ly/2Uo9juC" class="btn btn-green"> Register</a>
<a href="img/ConsentForm.pdf" class="btn btn-white">Consent Form</a>
</div>
</div>
</div>
</header>
<nav class="navbar navbar-default" style="height:auto;">
<div class="container" style="height:100%;">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header" style="height:100%;">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" style="height:100%;">
<img src="./img/logo.svg" alt="" style="height:10vh; margin-top:auto;">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right main-nav">
<li>
<a href="#competition" class="scrollto">About Project Boolean</a>
</li>
<li>
<a href="#reviews" class="scrollto">Sponsors</a>
</li>
<li>
<a href="#author" class="scrollto">About Us</a>
</li>
<li>
<a href="#contact" class="scrollto">Contact</a>
</li>
<li>
<a href="https://bit.ly/2Uo9juC" class="btn btn-green">Register</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<section id="competition" style="padding-top:1em;padding-bottom:5em;">
<div class="container" id="competition">
<div class="row">
<div class="col-md-6">
<p>
<span style="color:var(--highlight1);margin-bottom: 0px">Prizes:</span>
</p>
<div class="book-preview">
<!--maybe have this?<img src="img/kindle.png" class="background-device" alt="">-->
<div class="owl-book" style="margin-top:0px;padding-top:0px">
<div class="item" style="align-content: center">
<img src="img/oculusgo.jpg" alt="" style="margin-top:0px;padding-top:0px;height:20em;width:auto;vertical-align: middle">
<h2 style="text-align:center">Oculus Go</h2>
<h4 style="text-align:center">Standalone Virtual Reality Headset, 64 GB of storage</h4>
<div class="overlay" style="align-items:center">
<a href="img/oculusgo.jpg" class="expand" data-lightbox="book-collection" data-title="Oculus Go" style="vertical-align: middle">
<i class="fa fa-expand"></i>
</a>
</div>
</div>
<div class="item">
<img src="img/raspberrypi.jpg" alt="" style="margin-top:0px;padding-top:0px">
<h2 style="text-align:center">Raspberry Pi 3 B+</h2>
<h4 style="text-align:center">Vilros Complete Starter Kit - Heavy Duty Aluminum Case, 32 GB Micro SD, HDMI Cable, and more</h4>
<div class="overlay">
<a href="img/raspberrypi.jpg" class="expand" data-lightbox="book-collection" data-title="Raspberry Pi 3 B+">
<i class="fa fa-expand"></i>
</a>
</div>
</div>
<div class="item">
<img src="img/razermambaelite.PNG" alt="" style="margin-top:0px;padding-top:0px">
<h2 style="text-align:center">Razer Mamba Elite Gaming Mouse</h2>
<h4 style="text-align:center">16,000 DPI, 9 Programmable Buttons</h4>
<div class="overlay">
<a href="img/razermambaelite.PNG" class="expand" data-lightbox="book-collection" data-title="Logitech G502 Mouse">
<i class="fa fa-expand"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<h2 class="heading wow animated fadeInUp"> What is Project Boolean?</h2>
<p class="small wow animated fadeInUp">Originally launched in fall of 2017 by students at Middleton High School, Project Boolean is a computer science competition
for high school students in computational puzzles, problem solving, and programming. This year, we're back for our second iteration.
</p>
<h2 class="heading wow animated fadeInUp"> How does it work?</h2>
<p class="small wow animated fadeInUp">Over the course of three hours, teams will be tasked with solving a series of computational problems using the HackerRank platform, receiving points based on how quickly and accurately they solve them. Members of the highest-scoring groups will win prizes, which can be viewed in the scrolling pictures here.
</p>
</div>
</div>
<div>
<br>
<h1 class="heading wow animated fadeInUp">
FAQs
</h1>
<h2 class="heading wow animated fadeInUp"> What experience level is necessary?</h2>
<p class="small wow animated fadeInUp">
Problems in the competition will get progressivly harder, but many can be completed with basic programming experience. In addition, our problems are more focused on logic and algorithmic thinking rather than knowledge of specific programming languages. We encourage anyone who is enrolled in or has taken a computer science course to give it a shot!
</p>
<h2 class="heading wow animated fadeInUp"> When should our team register?</h2>
<p class="small wow animated fadeInUp">
Register at least 4 days in advance (April 16th) to be guaranteed T-shirts.
Those who register after than April 16th can participate, but may not receive T-Shirts.
</p> </p>
<h2 class="heading wow animated fadeInUp"> What will be provided?</h2>
<p class="small wow animated fadeInUp">
We will provide free Project Boolean T-Shirts, snacks, and drinks for all competitors. There will be charging outlets.
</p>
<h2 class="heading wow animated fadeInUp"> How many team members are on a team?</h2>
<p class="small wow animated fadeInUp">
You can have anywhere from 2-4 team members. If you are a team of 1,
email us [email protected]. We will make sure everyone can participate.
</p>
<h2 class="heading wow animated fadeInUp"> How do I add/remove a member to my team after we're registered?</h2>
<p class="small wow animated fadeInUp">
Please update your response on the <a class="link" style="font-size: 1.1em; color:var(--highlight1);" href="https://bit.ly/2Uo9juC">sign-up form</a>, and send an email to [email protected] with your team name and who's being added/remove.
</p>
<h2 class="heading wow animated fadeInUp"> What languages can we use?</h2>
<p class="small wow animated fadeInUp">Hackerrank compiles and runs 30 different languages like Java, Python, C++, and Javascript.
</p>
</div>
</div>
</section>
<style>
#link:hover{
color:green;
}
</style>
<section class="call-to-action" style="background:var(--colorBackground)">
<div class="container">
<div class="row">
<div style="text-align: center">
<b><a class="link" style="font-size: 2em; color:var(--highlight1);" href="https://madison.com/ct/news/local/education/middleton-high-school-student-hosts-statewide-computer-programming-competition/article_f7b5e517-dc66-5427-bfe2-927ad11a7490.html">2017 Article: Project Boolean Event a Big Success</a>
<br><br>
<a class="link" style="font-size: 2em; color:var(--highlight1);" href="https://madison.com/wsj/news/local/education/local_schools/middleton-high-student-organizes-information-technology-contest/article_413b5dda-4af0-5f54-9905-2b9b388916da.html">2017 Article: Middleton High student organizes information technology contest</a></b>
</div>
</div>
</div>
</section>
<section id="reviews" class="reviews">
<div class="container">
<div class="row">
<div class="col-sm-6 text-left">
<h2 class="heading">Sponsors</h2>
</div>
<div class="col-sm-6 text-right text-left-mobile">
<div class="rate-amount text-right">
<a href="docs/ProjectBooleanSponsorInvitation.pdf">Interested in joining as a sponsor? More information can be found here.</a>
</div>
<div class="rating">
<span class="rate active"></span>
<span class="rate active"></span>
<span class="rate active"></span>
</div>
</div>
</div>
<div class="row">
<!--!!!!Templates for sponsors at teir 1, 2, and three (1 highest)-->
<style>
.sponsors {
min-height:25em;
}
.headingLight {
color:#A4A0E0;
}
</style>
<div class="owl-reviews">
<div class="item">
<div class="review text-center wow animated fadeInUp sponsors" style="background-color:var(--sponsorBackground)">
<img style="height:10em" src="img/LogoBadger.png" class="reviewer-pic" alt="">
<h4 class="subheading reviewer-name" style="color:lightgray">BadgerBOTS</h4>
<h6 class="subheading muted reviewer-city">Silver Sponsor</h6>
<!--<div class="rating">
<span class="rate active"></span>
<span class="rate active"></span>
</div>-->
<!--<p class="small" style="max-height:60vh; height:60vh; overflow:auto;">Oof-->
</p>
</div>
</div>
<div class="item">
<div class="review text-center wow animated fadeInUp sponsors" style="height:100%;background-color:var(--sponsorBackground)">
<br><br><br>
<img style="max-height:10em;max-width:100%" src="img/CM_Logo.png" class="reviewer-pic" alt="">
<h4 class="subheading reviewer-name" style="color:lightgray">CUNA Mutual Group</h4>
<h6 href="https://www.singlewire.com/" class="subheading muted reviewer-city">Silver Sponsor</h6>
<!--<div class="rating">
<span class="rate active"></span>
</div>-->
<!-- <p class="small" style="max-height:60vh; height:60vh; overflow:auto;">We would like to thank Singlewire Software for kindly sponsoring this competition. </p> -->
</div>
</div>
<div class="item">
<div class="review text-center wow animated fadeInUp sponsors" style="height:100%;background-color:var(--sponsorBackground)">
<img style="max-height:10em; max-width:100%" src="img/AFI_Logo_BlueRed_Pres_GIF.png" class="reviewer-pic" alt="">
<h4 class="subheading reviewer-name" style="color:lightgray">American Family Insurance</h4>
<h6 href="https://www.amfam.com/" class="subheading muted reviewer-city">Bronze Sponsor</h6>
<!--<div class="rating">
<span class="rate active"></span>
</div>-->
<!--<p class="small" style="max-height:60vh; height:60vh; overflow:auto;">Thank you American Family Insurance, AMFAM, for your generous donations to Wisconsin's computer science community,
we highly appreciate it!</p> -->
</div>
</div>
<div class="item">
<div class="review text-center wow animated fadeInUp sponsors" style="height:100%;background-color:var(--sponsorBackground)">
<br><br><img style="max-height:10em;max-width:100%" src="img/Singlewire_Logo.png" class="reviewer-pic" alt="">
<h4 class="subheading reviewer-name" style="color:lightgray">Singlewire Software</h4>
<h6 href="https://www.singlewire.com/" class="subheading muted reviewer-city">Bronze Sponsor</h6>
<!--<div class="rating">
<span class="rate active"></span>
</div>-->
<!-- <p class="small" style="max-height:60vh; height:60vh; overflow:auto;">We would like to thank Singlewire Software for kindly sponsoring this competition. </p> -->
</div>
</div>
<!--<div class="item">
<div class="review text-center wow animated fadeInUp">
<img src="img/logo.svg" class="reviewer-pic" alt="">
<h4 class="subheading reviewer-name" style="color:lightgray">Bronze Sponsor Template</h4>
<h6 class="subheading muted reviewer-city">Your website link here!</h6>
<div class="rating">
<span class="rate active"></span>
</div>
<p class="small" style="max-height:60vh; height:60vh; overflow:auto;">Your Text Here! (300 Character Limit) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.</p>-->
</div>
</div>
</div>
</div>
</div>
</section>
<section id="author">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="row author">
<div class="col-sm-4">
<img src="img/cardinal-300x293.png" alt="" class="pic">
</div>
<div class="col-sm-8 author-name">
<h2 class="heading wow animated fadeInUp headingLight">Project Boolean is Organzed by Middleton High School</h2>
<h4 class="subheading muted wow animated fadeInUp">Project Boolean Iteration II</h4>
<a href=https://www.youtube.com/watch?reload=9&v=h4ZDg_eeaC4>Project Boolean Video</a>
</div>
</div>
</div>
<!-- col-md-6 author -->
<div class="col-md-4 col-md-offset-2">
<h3 class="heading wow animated fadeInUp headingLight">Our Competition will be
<br> run with
<a style="color:var(--highlight1)" href="https://www.hackerrank.com/">Hackerrank</a>
</h3>
<div class="locations">
<div class="location">
<h4 class="heading wow animated fadeInUp"><a href="https://www.google.com/maps/place/UW-Madison+Department+of+Computer+Sciences/@43.0714507,-89.4066203,15z/data=!4m5!3m4!1s0x0:0x5c8312db7bc7df9!8m2!3d43.0714507!4d-89.4066203">UW-Madison Department of Computer Sciences,</a>
<span class="light">WI, USA</span>
</h4>
<div class="date">
<i class="fa fa-calendar"></i> 04/20/2019
</div>
<div class="time">
<i class="fa fa-clock-o"></i> 1:00 PM
</div>
<div class="directions">
<a href="https://www.google.com/maps/place/UW-Madison+Department+of+Computer+Sciences/@43.0714507,-89.4066203,15z/data=!4m5!3m4!1s0x0:0x5c8312db7bc7df9!8m2!3d43.0714507!4d-89.4066203"
class="get-direction" target="_blank" data-title="Get Directions">
<i class="fa fa-compass"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-8 text-left text-center-mobile wow animated fadeInUp">
<h2 class="heading white top-fit">Hope to see you there!</h2>
</div>
<div class="col-md-4 text-right wow animated fadeInUp text-center-mobile">
<a href="https://bit.ly/2Uo9juC" class="btn btn-white">Sounds cool, I'm In!</a>
<a href="img/ConsentForm.pdf" class="btn btn-white">Consent Form</a>
</div>
</div>
</div>
</section>
<section id="sample-form">
<div class="container">
<form id="submit-frm" action="php/sampleMail.php" method="post" class="sample-form">
<div class="row">
<div class="col-sm-5">
<input type="text" class="form-control" name="firstname" placeholder="Name" data-validation="required">
</div>
<div class="col-sm-5">
<input type="text" class="form-control" name="email" placeholder="Email" data-validation="email">
</div>
<div class="col-sm-2">
<input type="submit" class="btn btn-green sign-up-button sample-button-done" value="Subscribe">
</div>
</div>
</form>
</div>
</section>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-md-6 text-left text-center-mobile wow animated fadeInUp contact-details" style="width:100%;">
<!--<h3 class="heading no-margin wow animated fadeInUp">Contact Us</h3>-->
<h3 class="heading wow animated fadeInUp headingLight" style="visibility: visible; animation-name: fadeInUp; text-align:center">Got a question? Want to sponsor?</h3>
<div class="details" style="text-align: center;">
<p>If you have any questions or concerns about the competition, email Project Boolean at
<span style="color:var(--highlight1)"><a style="color:var(--highlight1)" href="mailto:[email protected]">
[email protected]</a></span>
<br><br>
If you'd like to help promote this event at your school, our poster can be found <span style="color:var(--highlight1)"><a style="color:var(--highlight1)" href="/docs/ProjectBooleanPoster.pdf">
here</a></span>!
<!--<br>If you have any questions regarding the handling of donation funds by Middleton High School, Student Activities Coordinator
Ben White can be reached at
<span style="color:var(--highlight1)"><a style="color:#362360" href="mailto:[email protected]">[email protected]</a></span>.-->
</p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6 text-left text-center-mobile">
<p class="copyright small muted">Template: © 2015 Bukku Template
<p>
</div>
<div class="col-sm-6 text-right text-center-mobile">
</div>
</div>
</div>
</footer>
</div>
<div class="notification-box">
<span>Sending...</span>
</div>
<div class="mobile-nav">
<ul class="menu">
</ul>
</div>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/lightbox.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.onepagenav.js"></script>
<script src="js/core.js"></script>
<script src="js/tooltip.js"></script>
<script src="js/jquery.form-validator.js"></script>
<script src="js/preloader.js"></script>
<script src="js/main.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>