-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
132 lines (125 loc) · 4.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>COVID-19 Projections | India</title>
<meta name="title" content="COVID-19 Projections | India">
<meta name="description" content="State-wise projection for COVID-19 cases in India">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<noscript>You need to enable Javascript to run this app.</noscript>
<div class="container app">
<!-- Title Starts -->
<div class="row">
<div class="col-md-12">
<div class="text-center">
<h3><strong>COVID-19 Projections for India</strong></h3>
<h6>Prof. Santosh Ansumali, Engineering Mechanics Unit, JNCASR Bengaluru</h6>
<h6>Prof. Aloke Kumar, Department of Mechanical Engineering, IISc Bengaluru</h6>
<h6>Accompanying article at <em>Swarajya</em>:</h6>
<a href="https://swarajyamag.com/science/the-viral-explosion-a-state-wise-projection-map-for-covid-19-in-india">
The Viral Explosion: A State-Wise Projection Map For Covid-19 in India
</a>
</div>
<hr>
</div>
</div>
<!-- Title Ends -->
<!-- Summary Starts
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4">
<div class="text-left">
<ul>
<li>
<a href="./state.html">
State-Wise Projection Calculator
</a>
</li>
<li>
<a href="./district.html">
District-Wise Projection Calculator
</a>
</li>
</ul>
</div>
<hr>
</div>
<div class="col-md-4"></div>
</div>
Summary Ends -->
<!-- Baseline Stat Starts -->
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<div class="text-left">
<ul>
<li>
<span>This model takes</span>
<span class="t0-text font-weight-bold">-</span>
<span>as a baseline date</span>
</li>
<li>
<span>Reported infections in India as of</span>
<span class="t0-text">-</span>
<span>* :</span>
<span id="t0-confirmed" class="font-weight-bold">-</span>
</li>
<li>
<span>Model estimate for carriers in India as of</span>
<span class="t0-text">-</span>
<span>:</span>
<span id="t0-estimated" class="font-weight-bold">-</span>
</li>
</ul>
</div>
<div class="text-center">
<a href="https://bit.ly/patientdb">*COVID19-India : Patient Database</a>
</div>
<hr>
</div>
<div class="col-md-3"></div>
</div>
<!-- Baseline Stat Ends -->
<!-- Projection Table Starts -->
<div class="row">
<div class="col-md-12">
<div class="text-right mb-2">
<div class="btn-group" role="group" aria-label="Category">
<button id="btn-reported" type="button" class="btn btn-secondary">Reports</button>
<button id="btn-carriers" type="button" class="btn btn-secondary">Carriers</button>
<button id="btn-critical" type="button" class="btn btn-secondary">Critical</button>
<button id="btn-ventilators" type="button" class="btn btn-secondary">Ventilators</button>
<button id="btn-pumps" type="button" class="btn btn-secondary">Pumps</button>
</div>
<div class="text-right mt-2">
<strong>
<span style="background-color: honeydew">Moderate</span>
<span>and</span>
<span style="background-color: mistyrose">worst</span>
<span>case projections for cumulative number of</span>
<span id="category-text">-</span>
<span>over next four weeks</span>
</strong>
</div>
</div>
<div class="text-center">
<table class="table table-borderless">
<tbody id="all-stats">
</tbody>
</table>
</div>
</div>
</div>
<!-- Projection Table Ends -->
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="js/covid19-model-india.js"></script>
<script src="js/app.js"></script>
</body>
</html>