-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
241 lines (227 loc) · 10.9 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
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
<!DOCTYPE html>
<html lang="ro">
<head>
<title>COVID-19 | Cazuri zilnice, evoluție, situația pe județe.</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="Iuliu Visovan" />
<meta
name="description"
content="Grafice complete cu situația cazurilor de COVID-19 (coronavirus) în România și global. Actualizat zilnic."
/>
<meta name="author" content="Iuliu Vișovan" />
<meta name="theme-color" content="#ffc107" />
<meta property="og:url" content="http://iuliu.net/corona" />
<meta property="og:type" content="website" />
<meta property="og:title" content="COVID-19 | Cazuri zilnice, evoluție, situația pe județe." />
<meta
property="og:description"
content="Grafice complete cu situația cazurilor de COVID-19 (coronavirus) în România și global. Actualizat zilnic."
/>
<meta name="keywords" content="Coronavirus,Covid,Romania,Grafice" />
<meta property="og:image" content="https://p3cdn4static.sharpschool.com/UserFiles/Servers/Server_1051846/Image/News/coronavirus.png" />
<link rel="stylesheet" href="css/styles.css?v=1566" />
<link id="favicon" rel="icon" href="img/favicon.png" type="image/png" sizes="16x16" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800&display=swap" rel="stylesheet" />
</head>
<body>
<div id="fb-root"></div>
<script
async
defer
crossorigin="anonymous"
src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v6.0&appId=306856700168414&autoLogAppEvents=1"
></script>
<h2 style="margin-top: 5px">Situația cazurilor de <b>COVID-19</b> în <b>România</b> și la nivel global</h2>
<div class="last-update-indicator">
<div class="live-dot"></div>
<span id="lastUpdated" style="font-size: 14px; font-weight: 400">21.07.2020</span>
</div>
<h3 class="graph-title top-title" style="margin-top: 25px">
Cazuri zilnice - <hide-mobile>infectări / vindecări / decese</hide-mobile> România
</h3>
<div class="slider-container">
<input type="range" min="1" max="30" value="30" class="slider" id="zoomInput" />
<div style="width: 80px">
<span style="margin-left: 8px"> 🔍 </span>
<span id="zoomValue" class="hmm">30x</span>
</div>
</div>
<div class="chart-container">
<canvas id="romaniaChart"></canvas>
</div>
<h3 class="graph-title top-title">Cazuri totale / evoluție - România</h3>
<div class="slider-container">
<input type="range" min="1" max="10" value="1" class="slider" id="totalsZoomInput" />
<div style="width: 80px">
<span style="margin-left: 8px"> 🔍 </span>
<span id="totalsZoomValue" class="hmm">10x</span>
</div>
</div>
<div class="chart-container">
<canvas id="romaniaTotals"></canvas>
</div>
<span style="margin-bottom: 30px; margin-top: 60px; width: 700px; max-width: calc(100vw - 20px); text-align: center; color: #f44336"
>* Începând cu 28 Decembrie 2020, datele despre alte țări în afară de România nu mai sunt disponibile. Mai multe informații:
<a href="https://www.ecdc.europa.eu/en/publications-data/download-todays-data-geographic-distribution-covid-19-cases-worldwide"
>https://www.ecdc.europa.eu/en/publications-data/download-todays-data-geographic-distribution-covid-19-cases-worldwide</a
></span
>
<h4>Alege un grafic:</h4>
<div class="buttons-wrapper">
<button selected title="Evoluția cazurilor totale pe o anumită țară" onclick="show('countryActiveCasesWrapper', this)">
<img src="./img/country-active-evolution.jpg" alt="Evolution of active cases per country graph" />
<span> <b>Cazuri active</b> <br />pe țară </span>
</button>
<button title="Evoluția cazurilor active - comparație pe țări" onclick="show('globalActiveCasesWrapper', this)">
<img src="./img/globalactive.jpg" alt="Global active cases graph" />
<span> <b>Cazuri active</b> <br />global </span>
</button>
<button title="Cazuri zilnice pe o anumită țară" onclick="show('otherCountryChartWrapper', this)">
<img src="./img/country-daily.jpg" alt="Total daily cases per country graph" />
<span> <b>Cazuri zilnice</b> <br />pe țară </span>
</button>
<button title="Evoluția cazurilor totale pe o anumită țară" onclick="show('otherCountryTotalsWrapper', this)">
<img src="./img/country-evolution.jpg" alt="Evolution of cases per country graph" />
<span><b>Evoluție</b> <br />pe țară </span>
</button>
<button title="Top 10 țări cu cele mai multe cazuri de infectare" onclick="show('totalsChartWrapper', this)">
<img src="./img/global-total-top.jpg" alt="Top 10 countries graph" />
<span><b>Top 10</b><br />global</span>
</button>
<button title="Top 10 țări cu cele mai multe cazuri de infectare - în ultimele 7 zile " onclick="show('lastWeekTotalsWrapper', this)">
<img src="./img/global-total-top-week.jpg" alt="Top 10 countries in the last week graph" />
<span> <b>Top 10</b> <br />ultimele 7 zile </span>
</button>
<button title="Evoluția globala a cazurilor" onclick="show('globalTotalsWrapper', this)">
<img src="./img/global-evolution.jpg" alt="Global evolution of cases graph" />
<span> <b>Evoluție</b><br />global </span>
</button>
</div>
<div class="explanatory-texts">
<center>
<h3><b>Ce este coronavirus</b>?</h3>
<b>Coronavirus</b>urile sunt o familie numeroasă de virusuri care pot provoca boli la animale sau oameni. La om provoacă infecţii
respiratorii, de la răceala comună la boli mai severe, cum ar fi Sindromul respirator din Orientul Mijlociu (MERS) şi Sindromul
respirator acut sever (SARS). Cel mai recent coronavirus descoperit se numește <b>SARS-CoV-2</b>.
<h3 style="margin-top: 40px"><b>Ce este COVID-19</b>?</h3>
<b>COVID-19</b> este boala infecţioasă cauzată de <b>SARS-CoV-2</b>. Acest nou virus şi această boală nu au fost cunoscute înainte
de apariţia focarului în Wuhan, China, în decembrie 2019.
<h3 style="margin-top: 40px"><b>Cât de afectată este România</b>?</h3>
Primul caz de infecție cu <b>COVID-19</b> în România a fost confirmat pe 26 februarie, 2020. De atunci și până astăzi s-au
inregistrat în total <b class="total-cases-value"></b> de cazuri. <br />Primul deces s-a produs la data de 22 martie, fiind
înregistrate în total <b class="total-deaths-value"></b> de decese cauzate de infecție până astăzi.
</center>
</div>
<div class="split"></div>
<div class="split-plus"></div>
<div class="split-minus"></div>
<br />
<br />
Te-a ajutat această pagină?
<br />
<br />
<div
onclick="ga('send', 'event', 'Click', 'share')"
class="fb-share-button"
data-href="https://www.iuliu.net/corona/"
data-layout="box_count"
data-size="large"
>
<a
onclick="ga('send', 'event', 'Click', 'share', 'share')"
target="_blank"
href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.iuliu.net%2Fcorona%2F&src=sdkpreparse"
class="fb-xfbml-parse-ignore"
>Share</a
>
</div>
<i style="text-align: center; margin: 30px; word-break: break-all">
Surse:
<br />
<a
target="_blank"
onclick="ga('send', 'event', 'ClickSource', 'ecdc')"
rel="noreferrer"
href="https://www.ecdc.europa.eu/en/publications-data/download-todays-data-geographic-distribution-covid-19-cases-worldwide"
>https://www.ecdc.europa.eu/en/publ...ldwide</a
>
<br />
<a target="_blank" onclick="ga('send', 'event', 'ClickSource', 'stirioficiale')" rel="noreferrer" href="http://stirioficiale.ro/"
>http://stirioficiale.ro/</a
>
<br />
<a
target="_blank"
onclick="ga('send', 'event', 'ClickSource', 'who')"
rel="noreferrer"
href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019/advice-for-public"
>https://www.who.int/emergencies/diseases/novel-coronavirus-2019/advice-for-public</a
>
<br /><br />
<span style="word-break: initial"> Pagină + grafice create de Iuliu Vişovan. Contact: [email protected] </span>
</i>
<div class="meniu-qr">
<h3>Ai un restaurant sau cafenea și cauți cea mai bună soluție de meniu contactless pentru restaurantul tău?</h3>
<h3><b>MeniuDigital</b> oferă cel mai performant și elegant meniu digital prin cod QR de pe piață, gratuit!</h3>
<h2>Încearcă-l! ✨</h2>
<h3>
<a href="https://www.meniudigital.ro">https://www.meniudigital.ro</a>
</h3>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"></script>
<script src="js/moment-with-locales.js"></script>
<script src="js/chartjs-plugin-labels.js"></script>
<script src="js/chart-geo.min.js"></script>
<script src="js/app.js?v=1813"></script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
(i[r] =
i[r] ||
function () {
(i[r].q = i[r].q || []).push(arguments);
}),
(i[r].l = 1 * new Date());
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-162918443-1', 'auto');
ga('send', 'pageview');
setTimeout(() => {
ga('send', 'event', 'Time elapsed', '5 seconds');
}, 5000);
setTimeout(() => {
ga('send', 'event', 'Time elapsed', '10 seconds');
}, 10000);
setTimeout(() => {
ga('send', 'event', 'Time elapsed', '15 seconds');
}, 15000);
setTimeout(() => {
ga('send', 'event', 'Time elapsed', '20 seconds');
}, 20000);
setTimeout(() => {
ga('send', 'event', 'Time elapsed', '25 seconds');
}, 20000);
setTimeout(() => {
ga('send', 'event', 'Time elapsed', '30 seconds');
}, 30000);
setTimeout(() => {
ga('send', 'event', 'Time elapsed', '60 seconds');
}, 60000);
setTimeout(() => {
ga('send', 'event', 'Time elapsed', '120 seconds');
}, 120000);
setTimeout(() => {
ga('send', 'event', 'Time elapsed', '240 seconds');
}, 240000);
setTimeout(() => {
ga('send', 'event', 'Time elapsed', '360 seconds');
}, 360000);
</script>
</body>
</html>