-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
209 lines (198 loc) · 7.55 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
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8" />
<meta name="author" content="seen - س" />
<title>خدمات اللغة العربية</title>
<meta
name="keywords"
content="إزالة التشكيل, إزالة التطويل, الرسم العربي القديم, تشفير النصوص, تحويل الكلمات إلى حروف, اللغة العربية, Tashkeel Removal, Tatweel Removal, Old Arabic Script, Text Encryption, Word To Letters, Arabic Language"
/>
<meta
name="description"
content="خدمات اللغة العربية لإزالة التشكيل والتطويل، وتحويل النصوص إلى الخط العربي القديم (الكتابة بدون نقاط)، وتشفير النصوص لأغراض الترميز والخصوصية."
/>
<!-- To appear in google search engine, TODO: check this -->
<meta name="google-site-verification" content="agxaHdiOj1PYxD0-8_XQ5XkttHtjKd4jXK7q1QkbP20" />
<!-- PWA -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="manifest" href="manifest.json" />
<meta name="theme-color" content="#33485d" />
<link rel="apple-touch-icon" href="assets/images/logo.svg" />
<!-- favicon -->
<link rel="icon" type="image/png" href="assets/images/logo-circle.svg" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="موقع لخدمات ما يتعلق باللغة العربية" />
<meta property="og:locale" content="ar_AR" />
<meta property="og:locale:alternate" content="ar_AR" />
<meta property="og:url" content="https://seen-arabic.github.io/Arabic-Services/" />
<meta property="og:title" content="خدمات اللغة العربية" />
<meta property="og:description" content="موقع لخدمات ما يتعلق باللغة العربية والكتابة بدون نقاط" />
<meta property="og:image" content="https://seen-arabic.github.io/Arabic-Services/assets/images/og-image.png" />
<meta property="og:image:width" content="256" />
<meta property="og:image:height" content="256" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://seen-arabic.github.io/Arabic-Services/" />
<meta property="twitter:title" content="خدمات اللغة العربية" />
<meta property="twitter:description" content="موقع لخدمات ما يتعلق باللغة العربية والكتابة بدون نقاط" />
<meta property="og:image" content="https://seen-arabic.github.io/Arabic-Services/assets/images/og-image.png" />
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.2.0/css/all.css" />
<!-- Main CSS -->
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!-- Navbar -->
<nav>
<h1 class="nav-title">خدمات اللغة العربية</h1>
<a href="https://seen-arabic.github.io/" class="logo-link" target="_blank" rel="noreferrer">
<img src="assets/images/logo-transparent.svg" alt="logo" class="logo" />
</a>
</nav>
<main>
<div class="slider-container" id="sliderContainer" dir="rtl"></div>
<hr style="width: 100%" />
<!-- Title & description -->
<h1 dir="auto" id="serviceTitle">الرسم العرٮى الٯدىم</h1>
<p dir="auto" id="serviceDescription">
موقع لتحويل نصوص اللغة العربية إلى طريقة الكتابة القديمة قبل وضع النقاط على الحروف
</p>
<div class="textarea-container">
<textarea id="inputTextArea" name="inputTextArea" placeholder="ادخل النص هنا.." rows="5"></textarea>
<div class="action_btn">
<button onclick="convert()">
تحويل
<i class="fas fa-redo"></i>
</button>
</div>
<textarea id="outputTextArea" name="outputTextArea" class="outputTextArea" rows="4" readonly></textarea>
<div class="output-actions">
<button onclick="copyOutput()">
<i class="far fa-copy"></i>
نسخ
</button>
<button onclick="shareOutput()">
<i class="fas fa-share"></i>
مشاركة
</button>
</div>
</div>
</main>
<footer dir="auto">
<div>
<a href="https://seen-arabic.github.io/" target="_blank" rel="noreferrer">
<img src="assets/images/logo-transparent.svg" alt="logo" class="logo" />
</a>
<p>هدفنا نشر العلم والمعرفة بين مجتمعاتنا العربية.</p>
<a href="privacy-policy.html" target="_blank" rel="noreferrer" aria-label="Privacy policy link">
سياسة الخصوصية
</a>
|
<span href="about.html" onclick="showAboutUs()" style="cursor: pointer">من نحن </span>
</div>
<div class="contact">
<button
id="downloadButton"
style="display: none"
onclick="downloadHandlerForPWA()"
class="download-button"
dir="auto"
>
تحميل التطبيق
<i class="fas fa-download"></i>
</button>
<h2>للتواصل والاقتراحات</h2>
<div class="social-links">
<a
href="https://www.facebook.com/Seen.org/"
target="_blank"
rel="noreferrer"
dir="ltr"
aria-label="Facebook link"
>
<i class="fab fa-facebook"></i>
</a>
<a
href="https://t.me/seen_arabic"
target="_blank"
rel="noreferrer"
dir="ltr"
aria-label="Telegram link"
>
<i class="fab fa-telegram"></i>
</a>
<a
href="https://github.com/Seen-Arabic"
target="_blank"
rel="noreferrer"
dir="ltr"
aria-label="Github link"
>
<i class="fab fa-github"></i>
</a>
<a
href="https://twitter.com/seen_arabic"
target="_blank"
rel="noreferrer"
dir="ltr"
aria-label="Twitter link"
>
<i class="fab fa-twitter"></i>
</a>
<a
href="https://www.linkedin.com/company/seen-arabic"
target="_blank"
rel="noreferrer"
dir="ltr"
aria-label="Linkedin link"
>
<i class="fab fa-linkedin"></i>
</a>
<a href="mailto:[email protected]" dir="ltr" class="mail" aria-label="Email link">
<i class="fas fa-envelope"></i>
</a>
</div>
<div class="visitors">
<img
alt="visitors"
src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Farabic-services.ml%2Fold-arabic%2F&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=visited+%5Btoday%2Fall+the+time%5D&edge_flat=false"
/>
</div>
</div>
</footer>
<!-- SweetAlert2 for showing errors and success -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5ZS6R0YVEF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-5ZS6R0YVEF', { debug_mode: true });
</script>
<script>
window.addEventListener('load', () => {
console.log('loaded');
registerSW();
});
function registerSW() {
if ('serviceWorker' in navigator) {
navigator.serviceWorker
.register('./sw.js')
.then((registration) => {
console.log('Service worker registered successfully, scope:', registration.scope);
})
.catch((e) => {
console.error('Error during service worker registration:', e);
});
}
}
</script>
<script src="assets/js/arabic-services.umd.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>