-
Notifications
You must be signed in to change notification settings - Fork 4
/
old-index.html
481 lines (429 loc) · 21.2 KB
/
old-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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>MIT Vaccine for All Initiative</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/favicon.ico" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GF1FRVH53P"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-GF1FRVH53P');
</script>
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: TheEvent - v2.2.0
* Template URL: https://bootstrapmade.com/theevent-conference-event-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header">
<div class="container">
<div id="logo" class="pull-left">
<!-- Uncomment below if you prefer to use a text logo -->
<h1><a href="#intro">MIT <span>VACCINE</span></a></h1>
<!-- <a href="index.html" class="scrollto"><img src="assets/img/logo.png" alt="" title=""></a> -->
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li class="menu-active"><a href="index.html">Home</a></li>
<li><a href="#about">About</a></li>
<!-- <li><a href="#tracks">Tracks</a></li> -->
<!-- <li><a href="#prizes">Prizes</a></li> -->
<!-- <li><a href="#faq">FAQ</a></li> -->
<!-- <li><a href="#supporters">Sponsors</a></li> -->
<li><a href="#footer">Contact</a></li>
<li class="buy-tickets"><a href="conference.html">Conference</a></li>
</ul>
</nav><!-- #nav-menu-container -->
</div>
</header><!-- End Header -->
<!-- ======= Intro Section ======= -->
<section id="intro">
<div class="intro-container" data-aos="zoom-in" data-aos-delay="100">
<h1 class="mb-2 pb-0">The MIT <span style="color: #A31F34">Vaccine for All</span> Initiative</h1>
<p class="mb-4 pb-0">Overcoming challenges and risks with vaccine distribution through participatory real-time epidemiology</p>
<!-- <a href="https://www.youtube.com/watch?v=jDDaplaOz7Q" class="venobox play-btn mb-4" data-vbtype="video" data-autoplay="true"></a> -->
<div style="display:inline-block"><a href="#about" class="about-btn scrollto">Learn More</a>
<br>
<br>
<!-- <p>Powered by:</p> -->
<!-- <div style="display:inline-block">
<img class="powered" src="assets/img/mit.png" />
<img class="powered" src="assets/img/pathcheck.png" />
</div> -->
</div>
</section><!-- End Intro Section -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-12" style="margin-bottom:30px">
<h2>The founding belief of the MIT Vaccine for All initiative (as part of the <a style="text-decoration: underline;" href="https://pandemic.mit.edu">MIT Program for Trusted Pandemic Technologies Program</a>) is that when it comes to engaging citizens in a quest for the common good, especially public health, trust at all levels and among all participants is mandatory for success. The program builds on privacy preserving systems for smartphone data, analytics and machine learning.</h2>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Tracks Section ======= -->
<section id="tracks">
<div class="container" data-aos="fade-up">
<!-- <div class="section-header">
<h2>About</h2>
<p>The focus of the conference is '<strong>Participatory real time epidemiology</strong>' and believe that user-centric crowdsourced solutions can address the main 3 unsolved problem:</p>
</div> -->
<div class="row">
<div class="col-lg-6">
<img src="assets/img/pandemic.png" style="width:100%">
</div>
<div class="col-lg-6">
<div class="row" style="font-size: large; padding:20px">
<p>We help communities <b>overcome challenges</b> and risks during vaccine distribution through digital solutions. It can be achieved through <b>participatory real time epidemiology</b> and believe that user-centric crowdsourced solutions can address the main 3 unsolved problems:
<ul>
<li><b>User challenges:</b> faith/trust in vaccine, equitable/fair/who gets first, second booster and reminder</li>
<li><b>Unknown efficacy:</b> unknown duration of immunity, glitches in cold-storage supply chain</li>
<li><b>Unknown safety:</b> side-effects/adverse reactions</li>
</ul>
</p>
</div>
</div>
<div style="font-size: large; padding:20px">
This <b>participatory crowdsourced data</b> may allow intelligent solutions for <b>public health</b> (dashboards for vaccine deployment progress by geography and population groups, adaptive planning) and <b>businesses</b> (pharma: vaccine development, employers: back to work solutions, service industry: customer health verification).</div>
</div>
</div>
</section><!-- End Prizes Section -->
<!-- <section id="prizes">
<div class="container" data-aos="fade-up">
<div class="section-header-inv">
<h2>Prizes</h2>
<p>For each track division, the below prizes will be awarded.</p>
</div>
<div class="row">
<div class="col-lg-4">
<img src="assets/img/first-medal.svg" class="medal" />
<h3 id="prize-title">1st Place</h3>
<div class="underline"></div>
<p class="prize-desc">
• <b>$250</b> Cash Prize<br>
• MIT Pathfinders <b>T-Shirt</b><br>
• Amazon <b>Kindle</b><br>
• Recognition on <b>MIT</b> Site<br>
• PathCheck Foundation <b>Swag</b><br>
</p>
</div>
<div id="second" class="col-lg-4">
<img src="assets/img/second-medal.svg" class="medal" />
<h3 id="prize-title">2nd Place</h3>
<div class="underline"></div>
<p class="prize-desc">
• <b>$150</b> Cash Prize<br>
• MIT Pathfinders <b>T-Shirt</b><br>
• Recognition on <b>MIT</b> Site<br>
• PathCheck Foundation <b>Swag</b><br>
</p>
</div>
<div id="second" class="col-lg-4">
<img src="assets/img/third-medal.svg" class="medal" />
<h3 id="prize-title">3rd Place</h3>
<div class="underline"></div>
<p class="prize-desc">
• <b>$100</b> Cash Prize<br>
• MIT Pathfinders <b>T-Shirt</b><br>
• Recognition on <b>MIT</b> Site<br>
</p>
</div>
</div>
<br>
<br>
<p style="text-align: center;">In addition, every participant will receive a digital certificate from MIT Pathfinders.</p>
</div>
</section> -->
<!-- ======= Register Section ======= -->
<!--
<section id="register">
<div class="container" data-aos="zoom-in">
<div class="section-header-inv">
<h2>Register</h2>
<p>Join our Slack!</p> -->
<!-- <p>Please read our <a style="color:white; text-decoration: underline;" href="rules.html">Eligibility & Rules</a> before registering for the competition.</p>
</div>
<center>
<p style="width: 80%">
We'll have a registration form set up soon, but in the meantime, join the Slack to get connected with the community!
</p>
<button type="button" onclick="window.open('slack.html')">Join the Slack</button></center>
</center>
</div>
</section> -->
<!-- End Register Section -->
<!-- ======= F.A.Q Section ======= -->
<!-- <section id="faq">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>F.A.Q </h2>
</div>
<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-9">
<ul id="faq-list">
<li>
<a data-toggle="collapse" class="collapsed" href="#faq1">Do I need to know how to code? <i class="fa fa-minus-circle"></i></a>
<div id="faq1" class="collapse" data-parent="#faq-list">
<p>
No! The essay track doesn't require programming experience. Most tasks in open-source track do involve coding, so if you don't have any previous experience, remember that this event is a GREAT opportunity to learn!
</p>
</div>
</li>
<li>
<a data-toggle="collapse" href="#faq2" class="collapsed">How do the organizers pick the tasks?<i class="fa fa-minus-circle"></i></a>
<div id="faq2" class="collapse" data-parent="#faq-list">
<p>
The tasks were chosen to serve the real time needs of the organization. Thus, your efforts during the competition will directly contribute to the success of PathCheck’s mission to reopen society.
</p>
</div>
</li>
<li>
<a data-toggle="collapse" href="#faq3" class="collapsed">I will be turning 13 after the beginning of the event, can I still participate? <i class="fa fa-minus-circle"></i></a>
<div id="faq3" class="collapse" data-parent="#faq-list">
<p>
Unfortunately, we are only allowing participants who are within the eligible age range on the day of the event.
</p>
</div>
</li>
<li>
<a data-toggle="collapse" href="#faq4" class="collapsed">Do I get a certificate? <i class="fa fa-minus-circle"></i></a>
<div id="faq4" class="collapse" data-parent="#faq-list">
<p>
Professor Ramesh Raskar will be signing digital certificates for students who complete more than a certain amount of tasks.
</p>
</div>
</li>
<li>
<a data-toggle="collapse" href="#faq5" class="collapsed">What if I need help with my task? <i class="fa fa-minus-circle"></i></a>
<div id="faq5" class="collapse" data-parent="#faq-list">
<p>
Don't worry! We'll have professional mentors to guide you through your tasks.
</p>
</div>
</li>
<li>
<a data-toggle="collapse" href="#faq6" class="collapsed">I'm in college, can I participate? <i class="fa fa-minus-circle"></i></a>
<div id="faq6" class="collapse" data-parent="#faq-list">
<p>
If your age is 13-18, you can participate in both the essay and open-source track! If you are older than 18, you can participate in the open-source track, but not in the essay track.
</p>
</div>
</li>
</ul>
<br>
<center>Have any other questions? Email us at <a href="mailto:pathfindersevent@gmail.com">pathfindersevent@gmail.com</a>!</center>
</div>
</div>
</div>
</section> -->
<!-- End F.A.Q Section -->
<!-- ======= Speakers Section ======= -->
<!-- <section id="speakers">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Speakers</h2>
<p>Interested in speaking? Shoot us an email at <a href="mailto:pathfindersevent@gmail.com">pathfindersevent@gmail.com</a>!</p>
</div> -->
<!-- <div class="row">
<div class="col-lg-4 col-md-6">
<div class="speaker" data-aos="fade-up" data-aos-delay="100">
<img src="assets/img/speakers/1.jpg" alt="Speaker 1" class="img-fluid">
<div class="details">
<h3><a href="speaker-details.html">Brenden Legros</a></h3>
<p>Quas alias incidunt</p>
<div class="social">
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="speaker" data-aos="fade-up" data-aos-delay="200">
<img src="assets/img/speakers/2.jpg" alt="Speaker 2" class="img-fluid">
<div class="details">
<h3><a href="speaker-details.html">Hubert Hirthe</a></h3>
<p>Consequuntur odio aut</p>
<div class="social">
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="speaker" data-aos="fade-up" data-aos-delay="300">
<img src="assets/img/speakers/3.jpg" alt="Speaker 3" class="img-fluid">
<div class="details">
<h3><a href="speaker-details.html">Cole Emmerich</a></h3>
<p>Fugiat laborum et</p>
<div class="social">
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="speaker" data-aos="fade-up" data-aos-delay="100">
<img src="assets/img/speakers/4.jpg" alt="Speaker 4" class="img-fluid">
<div class="details">
<h3><a href="speaker-details.html">Jack Christiansen</a></h3>
<p>Debitis iure vero</p>
<div class="social">
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="speaker" data-aos="fade-up" data-aos-delay="200">
<img src="assets/img/speakers/5.jpg" alt="Speaker 5" class="img-fluid">
<div class="details">
<h3><a href="speaker-details.html">Alejandrin Littel</a></h3>
<p>Qui molestiae natus</p>
<div class="social">
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="speaker" data-aos="fade-up" data-aos-delay="300">
<img src="assets/img/speakers/6.jpg" alt="Speaker 6" class="img-fluid">
<div class="details">
<h3><a href="speaker-details.html">Willow Trantow</a></h3>
<p>Non autem dicta</p>
<div class="social">
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div> -->
</div>
</div>
</section><!-- End Speakers Section -->
<!-- ======= Supporters Section ======= -->
<!-- <section id="supporters" class="section-with-bg">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Sponsors</h2>
</div>
<div class="row no-gutters supporters-wrap clearfix" data-aos="zoom-in" data-aos-delay="100">
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="supporter-logo">
<img src="assets/img/supporters/1.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="supporter-logo">
<img src="assets/img/supporters/2.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="supporter-logo">
<img src="assets/img/supporters/3.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="supporter-logo">
<img src="assets/img/supporters/4.png" class="img-fluid" alt="">
</div>
</div>
<!-- <div class="col-lg-3 col-md-4 col-xs-6">
<div class="supporter-logo">
<img src="assets/img/supporters/5.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="supporter-logo">
<img src="assets/img/supporters/6.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="supporter-logo">
<img src="assets/img/supporters/7.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="supporter-logo">
<img src="assets/img/supporters/8.png" class="img-fluid" alt="">
</div>
</div>
</div>
<center>Interested in sponsoring us? Check out our <a href="assets/prospectus.pdf">prospectus</a>, and then send us an <a href="mailto:pathfindersevent@gmail.com?subject=I would like to sponsor MIT Pathfinders">email</a>!</center>
</div>
</section> -->
<!-- End Sponsors Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
Please reach out to Ramesh Raskar at <a style="font-weight: 800; color: white; text-decoration: underline;" href="raskar@mit.edu">raskar@mit.edu</a> or Jagjit Dhaliwal at <a style="font-weight: 800; color: white; text-decoration: underline;" href="jagjit@mit.edu">jagjit@mit.edu</a> for questions.<br><br>
© Copyright <strong>MIT Program for Trusted Pandemic Technologies Program</strong>. All Rights Reserved
</div>
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=TheEvent
-->
Based off <a href="https://bootstrapmade.com/" style="text-decoration: underline; color:white">BootstrapMade</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/superfish/superfish.min.js"></script>
<script src="assets/vendor/hoverIntent/hoverIntent.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>