-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (125 loc) · 7.52 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><%=APP_TITLE%></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ماذا يعني إنحسار أو إنتشار فايروس كارونا، ولمذا ينصح بالعزل.">
<meta property="og:title" content="تجربة تفاعلية توضح معنى #كلنا_مسؤول">
<meta property="og:description" content="ماذا يعني إنحسار أو إنتشار فايروس كارونا، ولمذا ينصح بالعزل.">
<meta name="viewport" content="width=device-width">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@TalentsCenter">
<meta name="twitter:creator" content="@TalentsCenter">
<meta property="og:site_name" content="TalentS COVID-19">
<meta property="og:type" content="profile">
<meta property="og:locale" content="en_US">
<link rel="canonical" href="https://covid19.talents.sa/">
<meta property="og:url" content="https://covid19.talents.sa/">
<meta property="og:image" content="<%= require('./assets/images/talents-banner.png').default %>">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/png">
<link rel="author" href="http://talents.sa/">
</head>
<body>
<div id="myCanvas" class="container p-0"></div>
<div class="container p-0">
<div id="navbar" class="bg-dark d-flex flex-column justify-content-start align-items-center py-2 px-2">
<div class="d-flex" style="min-width:370px;">
<div >
<a class="btn btn-outline-dark text-light" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<ion-icon name="settings-outline"></ion-icon>
<div class="small">إعدادات</div>
</a>
</div>
<div>
<div>
<div class="collapse" id="collapseExample">
<div class="text-right text-muted">
<div class="d-flex align-items-top">
<div>
<label>التعداد:</label><br>
<input id="people-count" pattern="[0-9]*" type="number" min="10" max="999" class="form-control ml-2 d-inline-block" style="width:60px;height:30px;">
</div>
<div>
<label>سرعة الأحداث:</label>
<input id="action-frames" type="range" min="15" max="60" value="30" dir="ltr" class="slider" id="myRange">
</div>
</div>
</div>
</div>
</div>
<div class="mt-2">
<div class="text-right">
<button id="action-stop-infect" type="button" class="btn btn-success">إنحسار</button>
<button id="action-stop-sick" type="button" class="btn btn-danger mr-3 ml-3">إنتشار</button>
<button id="action-stop-all" hidden="" type="button" class="btn btn-primary">🤚🏻 حظر تجول</button>
</div>
<div class="d-flex flex-row justify-content-start align-items-center my-3">
<div class="alert p-1 m-0 text-light">الحالة: <span id="action-status">N/A</span></div>
<div x-hidden="true" id="action-alert" class="alert alert-danger m-0 mr-2 p-1">😱 لا يوجد غرف</div>
</div>
</div>
</div>
</div>
<div class="text-muted">اتصل بنا : <span class="email text-light"></span></div>
</div>
<div class="container p-0 credit">
<div class="bg-dark d-flex xflex-column justify-content-between align-items-center pb-2 px-2">
<div class="ml-auto small text-muted" dir="ltr">
version <%=VERSION%>
</div>
<span class="small text-muted ml-1">نصيحة من: </span>
<a href="https://talents.sa" class="text-light">شركة المواهب الوطنية</a>
</div>
</div>
</div>
<div class="container d-flex flex-column flex-md-row bg-light">
<div class="col-12 col-md-4 text-center py-4 d-flex flex-column align-items-center">
<a
href="https://twitter.com/intent/tweet?button_hashtag=فهمت_التباعد&ref_src=twsrc%5Etfw"
class="twitter-hashtag-button"
data-show-count="true"
data-lang="ar"
data-size="large"
>Tweet #فهمت_التباعد2</a>
<div class="small my-4">---- أو شارك الصفحة ----</div>
<a href="whatsapp://send?text=https://covid19.talents.sa/" class="btn btn-sm btn-link">
WhatsApp
</a>
<a href="#" dir="ltr" class="btn btn-sm btn-link disabled">others...</a>
<img src="<%= require('./assets/images/talents_logo.gif').default %>"/>
</div>
<div class="col-12 col-md-8">
<a
href="https://twitter.com/TalentsCenter/lists/Covid19?ref_src=twsrc%5Etfw"
class="twitter-timeline"
data-show-count="true"
data-lang="ar"
data-size="large"
>
</a>
</div>
</div>
<div class=" py-4 text-muted text-center" dir="ltr">
<!-- coded with ❤️ by @ahmader -->
<small>Made with</small> <ion-icon name="heart"></ion-icon> <small>in</small><br><span class="flag">🇸🇦</span> <strong>Saudi</strong> <span class="flag">🇸🇦</span><br><ion-icon name="code"></ion-icon> <span class="small"> by @ahmader</span>
</div>
</body>
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
<!-- Twitter -->
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-32584574-8"></script>
<script>
if ('<%=IS_PROD%>' === 'true') {
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '<%=htmlWebpackPlugin.options.googleAnalytics.trackingId%>');
}
// console.log('<%=APP_TITLE%>');
// console.log(('<%=JSON.stringify(htmlWebpackPlugin.options.googleAnalytics.trackingId)%>'));
</script>
</html>