Hugging Face's logo

Spaces:
Rayan545454
/
cc555
Running

App Files Community
Rayan545454 commited on
Commit
742d685
·
verified ·
1 Parent(s): d6df1f3

مرحباً بك في المعهد الرقمي تعديل اللون ازرق - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +347 -18
  3. prompts.txt +72 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Cc555
3
- emoji: 🔥
4
- colorFrom: pink
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: cc555
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,348 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="ar" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>المعهد RT - منصة التعليم الإلكتروني</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/animejs/lib/anime.iife.min.js"></script>
13
+ <script src="https://unpkg.com/feather-icons"></script>
14
+ <style>
15
+ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');
16
+ body {
17
+ font-family: 'Tajawal', sans-serif;
18
+ }
19
+ .gradient-bg {
20
+ background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
21
+ }
22
+ .glass-effect {
23
+ backdrop-filter: blur(10px);
24
+ background: rgba(255, 255, 255, 0.1);
25
+ border: 1px solid rgba(255, 255, 255, 0.2);
26
+ }
27
+ .hover-lift {
28
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
29
+ }
30
+ .hover-lift:hover {
31
+ transform: translateY(-5px);
32
+ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
33
+ }
34
+ .pulse-animation {
35
+ animation: pulse 2s infinite;
36
+ }
37
+ @keyframes pulse {
38
+ 0% { transform: scale(1); }
39
+ 50% { transform: scale(1.05); }
40
+ 100% { transform: scale(1); }
41
+ }
42
+ .secret-code-input {
43
+ letter-spacing: 0.5em;
44
+ font-family: monospace;
45
+ }
46
+ </style>
47
+ </head>
48
+ <body class="bg-gray-50">
49
+ <!-- Header -->
50
+ <header class="gradient-bg text-white shadow-2xl" data-aos="fade-down">
51
+ <nav class="container mx-auto px-6 py-4">
52
+ <div class="flex items-center justify-between">
53
+ <div class="flex items-center space-x-4">
54
+ <i data-feather="book-open" class="w-8 h-8"></i>
55
+ <h1 class="text-2xl font-bold">المعهد RT</h1>
56
+ </div>
57
+ <div class="hidden md:flex items-center space-x-6">
58
+ <a href="#courses" class="hover:text-blue-200 transition">الدورات</a>
59
+ <a href="#about" class="hover:text-blue-200 transition">عن المعهد</a>
60
+ <a href="#contact" class="hover:text-blue-200 transition">اتصل بنا</a>
61
+ </div>
62
+ <button class="md:hidden" id="mobile-menu-btn">
63
+ <i data-feather="menu" class="w-6 h-6"></i>
64
+ </button>
65
+ </div>
66
+ </nav>
67
+ </header>
68
+
69
+ <!-- Hero Section -->
70
+ <section class="relative min-h-screen flex items-center justify-center overflow-hidden">
71
+ <div class="absolute inset-0 z-0">
72
+ <div id="vanta-bg" class="w-full h-full"></div>
73
+ </div>
74
+ <div class="relative z-10 text-center text-white px-6" data-aos="fade-up">
75
+ <h2 class="text-5xl md:text-7xl font-bold mb-6">مرحباً بك في المعهد الرقمي</h2>
76
+ <p class="text-xl md:text-2xl mb-8 max-w-2xl mx-auto">منصة تعليمية متكاملة لتطوير مهاراتك الرقمية</p>
77
+ <button id="secret-btn" class="bg-white text-blue-800 px-8 py-4 rounded-full font-bold text-lg hover-lift pulse-animation">
78
+ ابدأ رحلتك التعليمية
79
+ </button>
80
+ </div>
81
+ </section>
82
+
83
+ <!-- Secret Code Modal -->
84
+ <div id="secret-modal" class="fixed inset-0 bg-black bg-opacity-50 hidden z-50 flex items-center justify-center">
85
+ <div class="bg-white rounded-2xl p-8 max-w-md w-full mx-4 transform transition-all" data-aos="zoom-in">
86
+ <div class="text-center mb-6">
87
+ <i data-feather="lock" class="w-16 h-16 text-purple-600 mx-auto mb-4"></i>
88
+ <h3 class="text-2xl font-bold text-gray-800">أدخل الرقم السري</h3>
89
+ <p class="text-gray-600 mt-2">للوصول إلى الدروس الخاصة</p>
90
+ </div>
91
+ <input type="password" id="secret-code" class="secret-code-input w-full text-center text-2xl py-4 px-6 border-2 border-gray-300 rounded-lg focus:border-purple-500 focus:outline-none mb-6" placeholder="••••" maxlength="4">
92
+ <button id="verify-btn" class="w-full bg-gradient-to-r from-purple-600 to-blue-600 text-white py-3 rounded-lg font-bold hover:from-purple-700 hover:to-blue-700 transition">
93
+ تحقق
94
+ </button>
95
+ <p id="error-msg" class="text-red-500 text-sm mt-4 text-center hidden">الرقم السري غير صحيح</p>
96
+ </div>
97
+ </div>
98
+
99
+ <!-- Courses Section -->
100
+ <section id="courses" class="py-20 bg-white">
101
+ <div class="container mx-auto px-6">
102
+ <h2 class="text-4xl font-bold text-center mb-12 text-gray-800" data-aos="fade-up">دوراتنا التعليمية</h2>
103
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
104
+ <!-- Empty grid to maintain layout -->
105
+ </div>
106
+ </div>
107
+ </section>
108
+
109
+ <!-- About Section -->
110
+ <section id="about" class="py-20 bg-gray-100">
111
+ <div class="container mx-auto px-6">
112
+ <div class="flex flex-col md:flex-row items-center">
113
+ <div class="md:w-1/2 mb-8 md:mb-0" data-aos="fade-right">
114
+ <img src="http://static.photos/office/640x360/4" alt="عن المعهد" class="rounded-xl shadow-2xl">
115
+ </div>
116
+ <div class="md:w-1/2 md:pr-12" data-aos="fade-left">
117
+ <h2 class="text-4xl font-bold mb-6 text-gray-800">عن المعهد الرقمي</h2>
118
+ <p class="text-lg text-gray-600 mb-6">
119
+ نحن منصة تعليمية رائدة متخصصة في تقديم دورات تدريبية عالية الجودة في مجالات التكنولوجيا المختلفة.
120
+ نسعى لتمكين الأفراد من تطوير مهاراتهم الرقمية والوصول إلى فرص عمل أفضل.
121
+ </p>
122
+ <div class="grid grid-cols-2 gap-6">
123
+ <div class="text-center">
124
+ <div class="text-3xl font-bold text-purple-600">500+</div>
125
+ <div class="text-gray-600">طالب ناجح</div>
126
+ </div>
127
+ <div class="text-center">
128
+ <div class="text-3xl font-bold text-purple-600">50+</div>
129
+ <div class="text-gray-600">دورة تدريبية</div>
130
+ </div>
131
+ </div>
132
+ </div>
133
+ </div>
134
+ </div>
135
+ </section>
136
+
137
+ <!-- Download Section (Hidden by default) -->
138
+ <section id="download-section" class="py-20 bg-gradient-to-r from-purple-600 to-blue-600 text-white hidden">
139
+ <div class="container mx-auto px-6 text-center">
140
+ <h2 class="text-4xl font-bold mb-8" data-aos="fade-up">تحميل الدرس</h2>
141
+ <div class="max-w-2xl mx-auto bg-white rounded-xl p-8 text-gray-800" data-aos="fade-up" data-aos-delay="200">
142
+ <i data-feather="download-cloud" class="w-16 h-16 text-purple-600 mx-auto mb-4"></i>
143
+ <h3 class="text-2xl font-bold mb-4">الدرس الأول: مقدمة في البرمجة</h3>
144
+ <p class="text-gray-600 mb-6">حجم الملف: 45 ميجابايت | المدة: 2 ساعة</p>
145
+ <button id="download-btn" class="bg-gradient-to-r from-purple-600 to-blue-600 text-white px-8 py-4 rounded-full font-bold text-lg hover-lift">
146
+ <i data-feather="download" class="inline w-5 h-5 ml-2"></i>
147
+ تحميل الآن
148
+ </button>
149
+ <div id="download-progress" class="mt-6 hidden">
150
+ <div class="bg-gray-200 rounded-full h-4 overflow-hidden">
151
+ <div id="progress-bar" class="bg-gradient-to-r from-purple-600 to-blue-600 h-full transition-all duration-300" style="width: 0%"></div>
152
+ </div>
153
+ <p id="progress-text" class="mt-2 text-sm">0%</p>
154
+ </div>
155
+ </div>
156
+ </div>
157
+ </section>
158
+
159
+ <!-- Footer -->
160
+ <footer class="bg-gray-900 text-white py-12">
161
+ <div class="container mx-auto px-6">
162
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
163
+ <div>
164
+ <h3 class="text-xl font-bold mb-4">المعهد RT</h3>
165
+ <p class="text-gray-400">منصتك الأولى للتعليم الرقمي والتطوير المهني</p>
166
+ </div>
167
+ <div>
168
+ <h4 class="text-lg font-bold mb-4">روابط سريعة</h4>
169
+ <ul class="space-y-2 text-gray-400">
170
+ <li><a href="#courses" class="hover:text-white transition">الدورات</a></li>
171
+ <li><a href="#about" class="hover:text-white transition">عن المعهد</a></li>
172
+ <li><a href="#contact" class="hover:text-white transition">اتصل بنا</a></li>
173
+ </ul>
174
+ </div>
175
+ <div>
176
+ <h4 class="text-lg font-bold mb-4">تواصل معنا</h4>
177
+ <div class="flex items-center space-x-4 space-x-reverse mb-2">
178
+ <i data-feather="phone" class="w-5 h-5"></i>
179
+ <span class="text-gray-400">9200 12345</span>
180
+ </div>
181
+ <div class="flex items-center space-x-4 space-x-reverse">
182
+ <i data-feather="mail" class="w-5 h-5"></i>
183
+ <span class="text-gray-400">info@digitalinstitute.com</span>
184
+ </div>
185
+ </div>
186
+ <div>
187
+ <h4 class="text-lg font-bold mb-4">تابعنا</h4>
188
+ <div class="flex space-x-4 space-x-reverse">
189
+ <a href="#" class="text-gray-400 hover:text-white transition">
190
+ <i data-feather="twitter" class="w-6 h-6"></i>
191
+ </a>
192
+ <a href="#" class="text-gray-400 hover:text-white transition">
193
+ <i data-feather="facebook" class="w-6 h-6"></i>
194
+ </a>
195
+ <a href="#" class="text-gray-400 hover:text-white transition">
196
+ <i data-feather="instagram" class="w-6 h-6"></i>
197
+ </a>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
202
+ <p>&copy; 2024 المعهد RT. جميع الحقوق محفوظة.</p>
203
+ </div>
204
+ </div>
205
+ </footer>
206
+
207
+ <script>
208
+ // Initialize AOS
209
+ AOS.init({
210
+ duration: 1000,
211
+ once: true
212
+ });
213
+
214
+ // Initialize Vanta.js background
215
+ VANTA.GLOBE({
216
+ el: "#vanta-bg",
217
+ mouseControls: true,
218
+ touchControls: true,
219
+ gyroControls: false,
220
+ minHeight: 200.00,
221
+ minWidth: 200.00,
222
+ scale: 1.00,
223
+ scaleMobile: 1.00,
224
+ color: 0x3b82f6,
225
+ color2: 0x1e3a8a,
226
+ size: 1.00,
227
+ backgroundColor: 0x1e3a8a
228
+ });
229
+
230
+ // Secret code functionality
231
+ const secretBtn = document.getElementById('secret-btn');
232
+ const secretModal = document.getElementById('secret-modal');
233
+ const verifyBtn = document.getElementById('verify-btn');
234
+ const secretCodeInput = document.getElementById('secret-code');
235
+ const errorMsg = document.getElementById('error-msg');
236
+ const downloadSection = document.getElementById('download-section');
237
+
238
+ secretBtn.addEventListener('click', () => {
239
+ secretModal.classList.remove('hidden');
240
+ anime({
241
+ targets: '#secret-modal > div',
242
+ scale: [0.8, 1],
243
+ opacity: [0, 1],
244
+ duration: 500,
245
+ easing: 'easeOutElastic'
246
+ });
247
+ });
248
+
249
+ verifyBtn.addEventListener('click', () => {
250
+ if (secretCodeInput.value === '4321') {
251
+ secretModal.classList.add('hidden');
252
+ downloadSection.classList.remove('hidden');
253
+ errorMsg.classList.add('hidden');
254
+
255
+ // Scroll to download section
256
+ document.getElementById('download-section').scrollIntoView({ behavior: 'smooth' });
257
+
258
+ // Animate download section
259
+ anime({
260
+ targets: '#download-section',
261
+ translateY: [50, 0],
262
+ opacity: [0, 1],
263
+ duration: 1000,
264
+ easing: 'easeOutQuad'
265
+ });
266
+ } else {
267
+ errorMsg.classList.remove('hidden');
268
+ anime({
269
+ targets: '#secret-code',
270
+ translateX: [-10, 10, -10, 10, 0],
271
+ duration: 500,
272
+ easing: 'easeInOutQuad'
273
+ });
274
+ }
275
+ });
276
+
277
+ // Download functionality
278
+ const downloadBtn = document.getElementById('download-btn');
279
+ const downloadProgress = document.getElementById('download-progress');
280
+ const progressBar = document.getElementById('progress-bar');
281
+ const progressText = document.getElementById('progress-text');
282
+
283
+ downloadBtn.addEventListener('click', () => {
284
+ downloadBtn.disabled = true;
285
+ downloadBtn.innerHTML = '<i data-feather="loader" class="inline w-5 h-5 ml-2 animate-spin"></i> جاري التحميل...';
286
+ feather.replace();
287
+
288
+ downloadProgress.classList.remove('hidden');
289
+
290
+ let progress = 0;
291
+ const interval = setInterval(() => {
292
+ progress += Math.random() * 15;
293
+ if (progress >= 100) {
294
+ progress = 100;
295
+ clearInterval(interval);
296
+
297
+ setTimeout(() => {
298
+ downloadBtn.innerHTML = '<i data-feather="check" class="inline w-5 h-5 ml-2"></i> تم التحميل بنجاح';
299
+ downloadBtn.classList.remove('from-purple-600', 'to-blue-600');
300
+ downloadBtn.classList.add('from-green-600', 'to-green-700');
301
+ feather.replace();
302
+
303
+ // Create download link (simulation)
304
+ const link = document.createElement('a');
305
+ link.href = 'data:text/plain;charset=utf-8,محتوى الدرس الأول';
306
+ link.download = 'الدرس_الاول_مقدمة_في_البرمجة.txt';
307
+ link.click();
308
+ }, 500);
309
+ }
310
+
311
+ progressBar.style.width = progress + '%';
312
+ progressText.textContent = Math.round(progress) + '%';
313
+ }, 200);
314
+ });
315
+
316
+ // Mobile menu toggle
317
+ const mobileMenuBtn = document.getElementById('mobile-menu-btn');
318
+ const mobileMenu = document.createElement('div');
319
+ mobileMenu.className = 'md:hidden fixed inset-0 bg-purple-900 bg-opacity-95 z-40 hidden';
320
+ mobileMenu.innerHTML = `
321
+ <div class="flex flex-col items-center justify-center h-full space-y-8 text-xl">
322
+ <a href="#courses" class="text-white hover:text-blue-200 transition" onclick="mobileMenu.classList.add('hidden')">الدورات</a>
323
+ <a href="#about" class="text-white hover:text-blue-200 transition" onclick="mobileMenu.classList.add('hidden')">عن المعهد</a>
324
+ <a href="#contact" class="text-white hover:text-blue-200 transition" onclick="mobileMenu.classList.add('hidden')">اتصل بنا</a>
325
+ </div>
326
+ `;
327
+ document.body.appendChild(mobileMenu);
328
+
329
+ mobileMenuBtn.addEventListener('click', () => {
330
+ mobileMenu.classList.toggle('hidden');
331
+ });
332
+
333
+ // Smooth scrolling for navigation links
334
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
335
+ anchor.addEventListener('click', function (e) {
336
+ e.preventDefault();
337
+ const target = document.querySelector(this.getAttribute('href'));
338
+ if (target) {
339
+ target.scrollIntoView({ behavior: 'smooth' });
340
+ }
341
+ });
342
+ });
343
+
344
+ // Replace feather icons
345
+ feather.replace();
346
+ </script>
347
+ </body>
348
  </html>
prompts.txt ADDED
@@ -0,0 +1,72 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ شوف عن المعهد زر بعدها رقم سري٤٣٢١ بعدها تنزيل الدرس
2
+ العنوان المعهد RT
3
+ زر ابدأ رحلتك التعليمية بعدها الرقم السري ٤٣٢١ بعدها تنزيل الفيديو
4
+ دوراتنا التعليمية
5
+
6
+ تطوير الويب
7
+ تطوير الويب الحديث
8
+ تعلم أحدث تقنيات تطوير الويب من الصفر حتى الاحتراف
9
+
10
+ 299 ر.س
11
+ سجل الآن
12
+ الذكاء الاصطناعي
13
+ الذكاء الاصطناعي وعلوم البيانات
14
+ اكتشف عالم الذكاء الاصطناعي وتعلم تحليل البيانات
15
+
16
+ 399 ر.س
17
+ سجل الآن
18
+ تصميم UI/UX
19
+ تصميم تجربة المستخدم UI/UX
20
+ اصبح مصمم تجارب مستخدم محترف
21
+
22
+ 349 ر.س
23
+ سجل الآن
24
+ عن المعهد
25
+ عن المعهد الرقمي
26
+
27
+ نحن منصة تعليمية رائدة متخصصة في تقديم دورات تدريبية عالية الجودة في مجالات التكنولوجيا المختلفة. نسعى لتمكين الأفراد من تطوير مهاراتهم الرقمية والوصول إلى فرص عمل أفضل.
28
+
29
+ 500+
30
+ طالب ناجح
31
+ 50+
32
+ دورة تدريبية حذف حذف حذف
33
+ دوراتنا التعليمية
34
+
35
+ تطوير الويب
36
+ تطوير الويب الحديث
37
+ تعلم أحدث تقنيات تطوير الويب من الصفر حتى الاحتراف
38
+
39
+ 299 ر.س
40
+ سجل الآن. حذف
41
+ دوراتنا التعليمية
42
+
43
+ تطوير الويب
44
+ تطوير الويب الحديث
45
+ تعلم أحدث تقنيات تطوير الويب من الصفر حتى الاحتراف
46
+
47
+ 299 ر.س
48
+ سجل الآن. حذف
49
+ دوراتنا التعليمية
50
+
51
+ تطوير الويب
52
+ تطوير الويب الحديث
53
+ تعلم أحدث تقنيات تطوير الويب من الصفر حتى الاحتراف
54
+
55
+ 299 ر.س
56
+ سجل الآن. حذف
57
+ دوراتنا التعليمية
58
+
59
+ الذكاء الاصطناعي
60
+ الذكاء الاصطناعي وعلوم البيانات
61
+ اكتشف عالم الذكاء الاصطناعي وتعلم تحليل البيانات
62
+
63
+ 399 ر.س
64
+ سجل الآن حذف
65
+ مرحباً بك في المعهد الرقمي ألون ازرق
66
+ تصميم UI/UX
67
+ تصميم تجربة المستخدم UI/UX
68
+ اصبح مصمم تجارب مستخدم محترف
69
+
70
+ 349 ر.س
71
+ سجل الآن حذف
72
+ مرحباً بك في المعهد الرقمي تعديل اللون ازرق