-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (62 loc) · 2.54 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
<!DOCTYPE html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-163134219-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-163134219-1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Flatten the curve? What, How and Why</title>
<meta name="keywords" content="flatten, curve, simulation, epidemic, pandemic, coronavirus, covid">
<meta name="description" content="This interactive presentation based on an extended SIR model teaches you the concept of the Curve of Infected people over time, shows several ways to decrease its height and explains why it is important.">
<meta name="author" content="Son Pham-Ba">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body id="body">
<div id="screen">
<div id="langSelect">
<span class="flag" id="langEN">English</span>
<span class="flag" id="langES">Español</span> <!-- traducción: Cori Valencia -->
<span class="flag" id="langFR">Français</span>
<div id="noteBrowser">
For best user experience, please use Chrome or Firefox on a computer.<br>
Para una vizualización óptima, use Chrome o Firefox con su computadora.<br>
Pour une expérience optimale, veuillez utiliser Chrome ou Firefox sur un ordinateur.
</div>
</div>
<div id="titleScreen">
<div id="title">FLATTEN THE CURVE?</div>
<div id="titleWhat">1 - WHAT</div>
<div id="titleHow">2 - HOW</div>
<div id="titleWhy">3 - WHY</div>
<div id="titleAnd">&</div>
<div id="titleMark">Son Pham-Ba, LauzHack Against COVID-19</div>
<div id="titlePlayground">Playground</div>
</div>
<div id="slide">
<div id="mainText"></div>
<canvas id="diagram"></canvas>
<canvas id="graph1"></canvas>
<canvas id="graph2"></canvas>
<canvas id="graph3"></canvas>
<div id="sliders"></div>
<div id="home"></div>
<div id="previous"></div>
<div id="next"></div>
<div id="slideNumber"></div>
</div>
</div>
<script src="scripts/utils.js"></script>
<script src="scripts/lang.js"></script>
<script src="scripts/graph.js"></script>
<script src="scripts/diagram.js"></script>
<script src="scripts/sir.js"></script>
<script src="scripts/slider.js"></script>
<script src="scripts/slide.js"></script>
<script src="scripts/script.js"></script>
</body>