-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (84 loc) · 3.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>COVID-19</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="icon" type="image/png" href="img/icons/ic_192.png">
<meta name="description" content="Get informed of the latest information on COVID19 pandemic. Such as overview on cases, how to prevent the spread, how to protect loved ones from the deadly virus, what to do when you suspect others or yourself having the virus and so on">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=2">
<!-- set PWA -->
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#38003c">
<!-- iOS support -->
<link rel="apple-touch-icon" href="img/icons/ic_192.png">
<meta name="apple-mobile-app-status-bar" content="#38003c">
<!-- end PWA -->
</head>
<body>
<!-- top header -->
<header class="theme_bg flex_space_around sticky_top">
<div class="logo">
<img src="img/icons/ic_192.png" class="full_dims" alt="logo">
</div>
</header>
<!-- options -->
<select id="modal" class="full_w" onchange="renderStatistics(this.value)">
<!-- options will be loaded from the srver -->
<!-- <option value="tz" selected>Tanzania</option> -->
</select>
<!-- main -->
<main>
<section class="flex_space_around">
<!-- maambukizi -->
<div class="full_w flex_space_around">
<span id="maambukizi" class="case_number">...</span>
<span class="case_title text_uppercase">Maambukizi</span>
</div>
<div class="full_w flex_space_around">
<span id="maambukizi_mapya" class="case_number">...</span>
<span class="case_title text_uppercase">Maambukizi Mapya</span>
</div>
<!-- waliopona -->
<div class="full_w flex_space_around">
<span id="waliopona" class="case_number">...</span>
<span class="case_title text_uppercase">Waliopona</span>
</div>
<div class="full_w flex_space_around">
<span id="waliopona_wapya" class="case_number">...</span>
<span class="case_title text_uppercase">Waliopona Wapya</span>
</div>
<!-- vifo -->
<div class="full_w flex_space_around">
<span id="vifo" class="case_number">...</span>
<span class="case_title text_uppercase">Vifo</span>
</div>
<div class="full_w flex_space_around">
<span id="vifo_vipya" class="case_number">...</span>
<span class="case_title text_uppercase">Vifo Vipya</span>
</div>
<!-- sasishwa -->
<div class="full_w flex_space_around">
<span id="sasishwa" class="case_number">...</span>
<span class="case_title text_uppercase">Sasishwa<!-- Last Updated --></span>
</div>
</section>
</main>
<!-- scripts -->
<script src="js/base.js"></script>
<script src="js/render.js"></script>
<script>
window.onload = e => {
/* execute everything in this block */
// registering a service worker
if (navigator.serviceWorker) {
navigator.serviceWorker.register('sw.js').catch(error => {
consoleWarn(`error registering a service worker`, error);
});
}
renderCountries();
renderStatistics(`TZ`);
};
</script>
</body>
</html>