-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (120 loc) · 7.34 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
133
134
135
136
137
<html>
<head>
<title>COVID-19 en España</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="COVID-19 en España">
<meta name="description" content="Evolución de la infección de SARS-CoV-2 (COVID-19) en España desde su aparición hasta el día de hoy.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://jsalvador.me/covid19-spa-graph/">
<meta property="og:title" content="COVID-19 en España">
<meta property="og:description" content="Evolución de la infección de SARS-CoV-2 (COVID-19) en España desde su aparición hasta el día de hoy.">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://jsalvador.me/covid19-spa-graph/">
<meta property="twitter:title" content="COVID-19 en España">
<meta property="twitter:description" content="Evolución de la infección de SARS-CoV-2 (COVID-19) en España desde su aparición hasta el día de hoy.">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.8.0/css/bulma.min.css">
<link rel="stylesheet" href="public/css/style.min.css">
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.15.0/d3.min.js"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js"></script>
<script defer src="public/js/main.min.js"></script>
</head>
<body>
<div id="main">
<section class="hero is-light" id="main">
<div class="hero-body">
<div class="container main">
<div class="columns">
<div class="column">
<h1 class="title is-1">
📈 Evolución del COVID-19 en España
</h1>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container main">
<div class="columns">
<div class="column">
<!-- <h2 class="title is-2">
<span class="hashtag">#</span> Nacional
</h2> -->
<div class="notification is-info">
Debido a una serie de cambios en la fuente de datos, <strong>no se disponen de datos acerca de las nuevas altas y recuperaciones</strong> desde el <strong>19 de Mayo
de 2020</strong>. Más información en el <a href="https://github.com/datadista/datasets/blob/master/COVID%2019/readme.md">repositorio de Datadista</a>.
</div>
<section>
<div class="container main">
<h3 class="title is-4 center">Datos actualizados el <span id="last_date" class="data"></span></h3>
<div class="columns">
<div class="column">
<div class="level">
<div class="level-item has-text-centered">
<div>
<p class="heading">Casos confirmados</p>
<p class="title"><span id="confirmed"></span></p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="heading">Hospitalizados</p>
<p class="title"><span id="hospitalized"></span></p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="heading">Fallecimientos</p>
<p class="title"><span id="deaths"></span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<br/>
<!--<div class="chart-container" style="position: relative; min-height:50vh">-->
<canvas id="national"></canvas>
<!--</div>-->
</div>
</div>
</div>
</section>
<section class="section" id="atribution">
<div class="container main">
<div class="columns">
<div class="column">
<p>
Evolución del COVID-19 (SARS-CoV-2) en España, desde que se detectó el primer caso. Datos suministrados por <a href="https://github.com/datadista/datasets/tree/master/COVID%2019"><strong>Datadista</strong></a>, quienes
elaboran la fuente en base a los informes del <strong>Ministerio de Sanidad</strong> y el <strong>Departamento de Seguridad Nacional</strong>.
</p>
<br/>
<p>
Recuerda que es obligatorio el <strong>uso de mascarillas en todo momento</strong>, tanto en entornos abiertos como cerrados, e incluso aunque se cumpla la distancia de seguridad de 2 metros.
</p>
</div>
</div>
</div>
</section>
</div>
<footer class="footer">
<div class="content has-text-centered">
<p>
<strong>
Made with ❤️ by <a href="https://jsalvador.me/">Juanjo Salvador</a>
</strong>
</p>
<p>
<a href="https://github.com/JuanjoSalvador/" class="social-link"><i class="fab fa-github-alt fa-3x"></i></a>
<a href="https://twitter.com/Linuxneitor/" class="social-link"><i class="fab fa-twitter fa-3x"></i></a>
<a href="https://hispatodon.club/@jsalvador" rel="me" class="social-link"><i class="fab fa-mastodon fa-3x"></i></a>
</p>
</div>
</footer>
</body>
</html>