This repository has been archived by the owner on Jul 5, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·136 lines (130 loc) · 6.74 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Description" content="Statistics about Corona virus (COVID 19) in Algeria">
<meta property="og:url" content="https://corona-dz.now.sh" />
<meta property="og:type" content="website" />
<meta property="og:title" content="إحصائيات فيروس كورونا في الجزائر" />
<meta property="og:description" content="إحصائيات موثقة من وزارة الصحة حول داء كورونا المستجد" />
<meta property="og:image" content="https://corona-dz.now.sh/assets/img/og-image.png">
<link rel="stylesheet" href="/assets/css/style.min.css" media="screen">
<link rel="shortcut icon" href="/assets/img/corona.webp">
<title>إحصائيات فيروس كورونا في الجزائر</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-144844029-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-144844029-1');
</script>
</head>
<body><!--
<div class="overlay"></div>
<div class="message text-center p-3">
<h3>بلاغ</h3>
<p>امتثالا لقرار وزارة الصحة القاضي بحظر نقل المعلومات المتعلقة بالوباء، تقرر ايقاف الموقع من قبل المطور الرسمي له و يجدر بنا أن نشير إلى أنه في حال توقف الموقع الرسمي للوزارة ﻷي سبب ما، سيعود هذا الموقع للعمل آليا.</p>
<p>يمكنكم الاطلاع على المعلومات الدقيقة و الرسمية أوﻻ بأول من وزارة الصحة عبر زيارة الموقع التالي: </p>
<a href="http://covid19.sante.gov.dz/carte/" class="btn btn-light mb-2">موقع الوزارة</a>
<p>لأي استفسار يمكنكم زيارة موقعي الشخصي:</p>
<a href="https://celyes.github.io" class="btn btn-primary">زيارة موقع المطور</a>
</div>-->
<nav class="navbar navbar-expand-lg navbar-light bg-light p-0">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nv" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="nv">
<ul class="navbar-nav m-auto text-right p-0">
<li class="nav-item">
<a class="nav-link px-md-4 py-4 active" href="#">الرئيسية</a>
</li>
<li class="nav-item">
<a class="nav-link px-md-4 py-4 active" href="cases-by-wilaya.html">الحالات حسب الوﻻيات</a>
</li>
<li class="nav-item">
<a class="nav-link px-md-4 py-4 active" href="heatmap.html">الخريطة الحرارية</a>
</li>
<li class="nav-item">
<a class="nav-link px-md-4 py-4 active" href="tips.html">نصائح للوقاية</a>
</li>
<li class="nav-item">
<a class="nav-link px-md-4 py-4 active" href="timeline.html">التطور الزمني</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid text-right pt-4">
<div class="row">
<div class="col-12 text-center py-4">
<h1 class="title">إحصائيات حول إنتشار فيروس كورونا في الجزائر</h1>
</div>
</div>
<div class="row pt-4 cards-row">
<div class="col-12">
<h4 id="total"></h4>
<small class="text-muted">يتم تحديث عدد الحالات على الساعة 17:00 بتوقيت الجزائر</small>
</div>
</div>
<div class="row pt-3 cards-row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="card mt-4 bg-danger">
<div class="card-body">
<h2 class="card-title text-white">الحالات الجديدة اليوم</h2>
<h1 class="case-number text-white" id="todayCases"></h1>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="card mt-4 bg-warning">
<div class="card-body">
<h2 class="card-title text-white">الوفيات</h2>
<h1 class="case-number text-white" id="deaths"></h1>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="card mt-4 bg-success">
<div class="card-body">
<h2 class="card-title text-white"> الحالات التي شفيت</h2>
<h1 class="case-number text-white" id="recovered"></h1>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="card mt-4 bg-primary">
<div class="card-body">
<h2 class="card-title text-white">قيد الشفاء</h2>
<h1 class="case-number text-white" id="cases"></h1>
</div>
</div>
</div>
</div>
<div class="row chart-row pt-5">
<div class="card col-lg-8 offset-lg-2 col-md-12">
<div class="card-body text-center">
<h4>عدد الحالات المؤكدة و المتوفاة و التي شفيت</h4>
<br>
<canvas id="myChart"></canvas>
</div>
</div>
</div>
<br><br>
<div class="row">
<div class="col-xs-12 col-sm-8 offset-sm-2 text-center pt-5 footer">
<p>ﻻ يتبع هذا الموقع أي جهة رسمية و هو مساهمة شخصية من المطور- يتم تحديث الإحصائيات بشكل دوري وفق ما تعلنه وزارة الصحة</p>
<p>مساهمة على <a href="https://github.com/celyes/corona-src" class="text-dark">GitHub</a></p>
</div>
</div>
<br>
<br>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.6.0/leaflet.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.heat/0.2.0/leaflet-heat.js" ></script>
<script src="assets/js/app.bundle.js"></script>
</body>
</html>