Hugging Face's logo

Spaces:
warimark73
/
https-deepsite-hf-co-projects-new
Running

App Files Community
warimark73 commited on
Commit
cf9a03e
·
verified ·
1 Parent(s): 7e051bc

سعر البور اليوم - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +426 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Https Deepsite Hf Co Projects New
3
- emoji: 🏢
4
- colorFrom: pink
5
- colorTo: indigo
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: https-deepsite-hf-co-projects-new
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: green
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,426 @@
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>سوق الأوراق المالية اليوم</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');
11
+ body {
12
+ font-family: 'Tajawal', sans-serif;
13
+ }
14
+
15
+ .stock-up {
16
+ animation: pulseGreen 2s infinite;
17
+ }
18
+
19
+ .stock-down {
20
+ animation: pulseRed 2s infinite;
21
+ }
22
+
23
+ @keyframes pulseGreen {
24
+ 0% { background-color: rgba(16, 185, 129, 0.1); }
25
+ 50% { background-color: rgba(16, 185, 129, 0.2); }
26
+ 100% { background-color: rgba(16, 185, 129, 0.1); }
27
+ }
28
+
29
+ @keyframes pulseRed {
30
+ 0% { background-color: rgba(239, 68, 68, 0.1); }
31
+ 50% { background-color: rgba(239, 68, 68, 0.2); }
32
+ 100% { background-color: rgba(239, 68, 68, 0.1); }
33
+ }
34
+
35
+ .market-status {
36
+ position: relative;
37
+ overflow: hidden;
38
+ }
39
+
40
+ .market-status::after {
41
+ content: "";
42
+ position: absolute;
43
+ top: 0;
44
+ right: 0;
45
+ width: 5px;
46
+ height: 100%;
47
+ }
48
+
49
+ .market-open::after {
50
+ background-color: #10B981;
51
+ }
52
+
53
+ .market-closed::after {
54
+ background-color: #EF4444;
55
+ }
56
+
57
+ .ticker-wrap {
58
+ overflow: hidden;
59
+ white-space: nowrap;
60
+ }
61
+
62
+ .ticker {
63
+ display: inline-block;
64
+ animation: ticker 30s linear infinite;
65
+ }
66
+
67
+ @keyframes ticker {
68
+ 0% { transform: translateX(0); }
69
+ 100% { transform: translateX(-100%); }
70
+ }
71
+ </style>
72
+ </head>
73
+ <body class="bg-gray-50 text-gray-800">
74
+ <div class="container mx-auto px-4 py-6">
75
+ <!-- Header -->
76
+ <header class="mb-8">
77
+ <div class="flex justify-between items-center">
78
+ <div>
79
+ <h1 class="text-3xl font-bold text-indigo-800">سوق الأوراق المالية</h1>
80
+ <p class="text-gray-600">آخر تحديث: <span id="update-time" class="font-medium"></span></p>
81
+ </div>
82
+ <div class="market-status market-open bg-white rounded-lg shadow px-4 py-2">
83
+ <div class="flex items-center">
84
+ <i class="fas fa-circle text-green-500 mr-2"></i>
85
+ <span class="font-medium">السوق مفتوح</span>
86
+ </div>
87
+ <p class="text-sm text-gray-500 mt-1">يغلق السوق بعد <span class="font-medium">3 ساعات 25 دقيقة</span></p>
88
+ </div>
89
+ </div>
90
+
91
+ <!-- Market Summary -->
92
+ <div class="mt-6 bg-white rounded-xl shadow overflow-hidden">
93
+ <div class="grid grid-cols-1 md:grid-cols-4 divide-x divide-gray-200">
94
+ <div class="p-4">
95
+ <p class="text-gray-500">مؤشر السوق الرئيسي</p>
96
+ <p class="text-2xl font-bold mt-1">8,742.15</p>
97
+ <p class="text-green-500 flex items-center mt-1">
98
+ <i class="fas fa-caret-up ml-1"></i>
99
+ <span>+42.35 (0.49%)</span>
100
+ </p>
101
+ </div>
102
+ <div class="p-4">
103
+ <p class="text-gray-500">القيمة السوقية</p>
104
+ <p class="text-2xl font-bold mt-1">2.45 تريليون</p>
105
+ <p class="text-green-500 flex items-center mt-1">
106
+ <i class="fas fa-caret-up ml-1"></i>
107
+ <span>+0.12 تريليون</span>
108
+ </p>
109
+ </div>
110
+ <div class="p-4">
111
+ <p class="text-gray-500">الأسهم الصاعدة</p>
112
+ <p class="text-2xl font-bold mt-1">147</p>
113
+ <p class="text-green-500 flex items-center mt-1">
114
+ <i class="fas fa-caret-up ml-1"></i>
115
+ <span>+18</span>
116
+ </p>
117
+ </div>
118
+ <div class="p-4">
119
+ <p class="text-gray-500">الأسهم الهابطة</p>
120
+ <p class="text-2xl font-bold mt-1">62</p>
121
+ <p class="text-red-500 flex items-center mt-1">
122
+ <i class="fas fa-caret-down ml-1"></i>
123
+ <span>-5</span>
124
+ </p>
125
+ </div>
126
+ </div>
127
+ </div>
128
+ </header>
129
+
130
+ <!-- Ticker -->
131
+ <div class="bg-indigo-50 rounded-lg p-3 mb-6">
132
+ <div class="ticker-wrap">
133
+ <div class="ticker">
134
+ <span class="font-medium mx-4">سهم الشركة الوطنية <span class="text-green-500">▲ 45.75 (+1.2%)</span></span>
135
+ <span class="font-medium mx-4">سهم البنك التجاري <span class="text-red-500">▼ 112.40 (-0.8%)</span></span>
136
+ <span class="font-medium mx-4">سهم اتصالات <span class="text-green-500">▲ 78.30 (+2.1%)</span></span>
137
+ <span class="font-medium mx-4">سهم البترول <span class="text-green-500">▲ 203.15 (+0.5%)</span></span>
138
+ <span class="font-medium mx-4">سهم الصناعات الغذائية <span class="text-red-500">▼ 34.20 (-1.8%)</span></span>
139
+ </div>
140
+ </div>
141
+ </div>
142
+
143
+ <!-- Main Content -->
144
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
145
+ <!-- Stock List -->
146
+ <div class="lg:col-span-2">
147
+ <div class="bg-white rounded-xl shadow overflow-hidden">
148
+ <div class="px-6 py-4 border-b border-gray-200">
149
+ <h2 class="text-xl font-bold">أهم الأسهم</h2>
150
+ </div>
151
+ <div class="divide-y divide-gray-200">
152
+ <!-- Stock Item -->
153
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-200 stock-up">
154
+ <div class="flex justify-between items-center">
155
+ <div>
156
+ <h3 class="font-bold">الشركة الوطنية</h3>
157
+ <p class="text-sm text-gray-500">رمز السهم: WATAN</p>
158
+ </div>
159
+ <div class="text-right">
160
+ <p class="font-bold text-lg">45.75 ريال</p>
161
+ <p class="text-green-500 text-sm flex items-center justify-end">
162
+ <i class="fas fa-caret-up ml-1"></i>
163
+ <span>+1.2%</span>
164
+ </p>
165
+ </div>
166
+ </div>
167
+ </div>
168
+
169
+ <!-- Stock Item -->
170
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-200">
171
+ <div class="flex justify-between items-center">
172
+ <div>
173
+ <h3 class="font-bold">البنك التجاري</h3>
174
+ <p class="text-sm text-gray-500">رمز السهم: TCB</p>
175
+ </div>
176
+ <div class="text-right">
177
+ <p class="font-bold text-lg">112.40 ريال</p>
178
+ <p class="text-red-500 text-sm flex items-center justify-end">
179
+ <i class="fas fa-caret-down ml-1"></i>
180
+ <span>-0.8%</span>
181
+ </p>
182
+ </div>
183
+ </div>
184
+ </div>
185
+
186
+ <!-- Stock Item -->
187
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-200 stock-up">
188
+ <div class="flex justify-between items-center">
189
+ <div>
190
+ <h3 class="font-bold">اتصالات</h3>
191
+ <p class="text-sm text-gray-500">رمز السهم: ETTI</p>
192
+ </div>
193
+ <div class="text-right">
194
+ <p class="font-bold text-lg">78.30 ريال</p>
195
+ <p class="text-green-500 text-sm flex items-center justify-end">
196
+ <i class="fas fa-caret-up ml-1"></i>
197
+ <span>+2.1%</span>
198
+ </p>
199
+ </div>
200
+ </div>
201
+ </div>
202
+
203
+ <!-- Stock Item -->
204
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-200 stock-up">
205
+ <div class="flex justify-between items-center">
206
+ <div>
207
+ <h3 class="font-bold">البترول</h3>
208
+ <p class="text-sm text-gray-500">رمز السهم: PETR</p>
209
+ </div>
210
+ <div class="text-right">
211
+ <p class="font-bold text-lg">203.15 ريال</p>
212
+ <p class="text-green-500 text-sm flex items-center justify-end">
213
+ <i class="fas fa-caret-up ml-1"></i>
214
+ <span>+0.5%</span>
215
+ </p>
216
+ </div>
217
+ </div>
218
+ </div>
219
+
220
+ <!-- Stock Item -->
221
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-200 stock-down">
222
+ <div class="flex justify-between items-center">
223
+ <div>
224
+ <h3 class="font-bold">الصناعات الغذائية</h3>
225
+ <p class="text-sm text-gray-500">رمز السهم: FOOD</p>
226
+ </div>
227
+ <div class="text-right">
228
+ <p class="font-bold text-lg">34.20 ريال</p>
229
+ <p class="text-red-500 text-sm flex items-center justify-end">
230
+ <i class="fas fa-caret-down ml-1"></i>
231
+ <span>-1.8%</span>
232
+ </p>
233
+ </div>
234
+ </div>
235
+ </div>
236
+ </div>
237
+ <div class="px-6 py-3 bg-gray-50 text-center">
238
+ <button class="text-indigo-600 font-medium">عرض المزيد من الأسهم</button>
239
+ </div>
240
+ </div>
241
+ </div>
242
+
243
+ <!-- Market News -->
244
+ <div>
245
+ <div class="bg-white rounded-xl shadow overflow-hidden">
246
+ <div class="px-6 py-4 border-b border-gray-200">
247
+ <h2 class="text-xl font-bold">أخبار السوق</h2>
248
+ </div>
249
+ <div class="divide-y divide-gray-200">
250
+ <!-- News Item -->
251
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-200">
252
+ <h3 class="font-bold">ارتفاع أرباح الشركة الوطنية بنسبة 15%</h3>
253
+ <p class="text-sm text-gray-500 mt-1">أعلنت الشركة الوطنية عن ارتفاع أرباحها بنسبة 15% خلال الربع الأول من العام الحالي.</p>
254
+ <p class="text-xs text-gray-400 mt-2">منذ ساعتين</p>
255
+ </div>
256
+
257
+ <!-- News Item -->
258
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-200">
259
+ <h3 class="font-bold">إطلاق منتج جديد من اتصالات</h3>
260
+ <p class="text-sm text-gray-500 mt-1">أطلقت شركة اتصالات منتجها الجديد للإنترنت فائق السرعة بتقنية 5G.</p>
261
+ <p class="text-xs text-gray-400 mt-2">منذ 4 ساعات</p>
262
+ </div>
263
+
264
+ <!-- News Item -->
265
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-200">
266
+ <h3 class="font-bold">توقعات بارتفاع أسعار النفط</h3>
267
+ <p class="text-sm text-gray-500 mt-1">تتوقع وكالات الطاقة العالمية ارتفاع أسعار النفط خلال الربع الثاني بسبب زيادة الطلب.</p>
268
+ <p class="text-xs text-gray-400 mt-2">منذ 6 ساعات</p>
269
+ </div>
270
+
271
+ <!-- News Item -->
272
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-200">
273
+ <h3 class="font-bold">البنك التجاري يعلن عن عروض تمويل جديدة</h3>
274
+ <p class="text-sm text-gray-500 mt-1">أعلن البنك التجاري عن حزمة تمويل جديدة بفائدة مخفضة للشركات الصغيرة والمتوسطة.</p>
275
+ <p class="text-xs text-gray-400 mt-2">منذ 8 ساعات</p>
276
+ </div>
277
+ </div>
278
+ <div class="px-6 py-3 bg-gray-50 text-center">
279
+ <button class="text-indigo-600 font-medium">المزيد من الأخبار</button>
280
+ </div>
281
+ </div>
282
+ </div>
283
+ </div>
284
+
285
+ <!-- Market Indices -->
286
+ <div class="mt-6 bg-white rounded-xl shadow overflow-hidden">
287
+ <div class="px-6 py-4 border-b border-gray-200">
288
+ <h2 class="text-xl font-bold">المؤشرات الرئيسية</h2>
289
+ </div>
290
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 divide-x divide-y divide-gray-200">
291
+ <!-- Index Item -->
292
+ <div class="p-4">
293
+ <div class="flex justify-between items-center">
294
+ <div>
295
+ <h3 class="font-bold">مؤشر السوق الرئيسي</h3>
296
+ <p class="text-sm text-gray-500">TASI</p>
297
+ </div>
298
+ <div class="text-right">
299
+ <p class="font-bold">8,742.15</p>
300
+ <p class="text-green-500 text-sm flex items-center justify-end">
301
+ <i class="fas fa-caret-up ml-1"></i>
302
+ <span>+0.49%</span>
303
+ </p>
304
+ </div>
305
+ </div>
306
+ </div>
307
+
308
+ <!-- Index Item -->
309
+ <div class="p-4">
310
+ <div class="flex justify-between items-center">
311
+ <div>
312
+ <h3 class="font-bold">مؤشر البنوك</h3>
313
+ <p class="text-sm text-gray-500">BANK</p>
314
+ </div>
315
+ <div class="text-right">
316
+ <p class="font-bold">15,328.70</p>
317
+ <p class="text-green-500 text-sm flex items-center justify-end">
318
+ <i class="fas fa-caret-up ml-1"></i>
319
+ <span>+0.72%</span>
320
+ </p>
321
+ </div>
322
+ </div>
323
+ </div>
324
+
325
+ <!-- Index Item -->
326
+ <div class="p-4">
327
+ <div class="flex justify-between items-center">
328
+ <div>
329
+ <h3 class="font-bold">مؤشر البتروكيماويات</h3>
330
+ <p class="text-sm text-gray-500">PETRO</p>
331
+ </div>
332
+ <div class="text-right">
333
+ <p class="font-bold">6,842.50</p>
334
+ <p class="text-red-500 text-sm flex items-center justify-end">
335
+ <i class="fas fa-caret-down ml-1"></i>
336
+ <span>-0.15%</span>
337
+ </p>
338
+ </div>
339
+ </div>
340
+ </div>
341
+
342
+ <!-- Index Item -->
343
+ <div class="p-4">
344
+ <div class="flex justify-between items-center">
345
+ <div>
346
+ <h3 class="font-bold">مؤشر الاتصالات</h3>
347
+ <p class="text-sm text-gray-500">TELECOM</p>
348
+ </div>
349
+ <div class="text-right">
350
+ <p class="font-bold">3,245.80</p>
351
+ <p class="text-green-500 text-sm flex items-center justify-end">
352
+ <i class="fas fa-caret-up ml-1"></i>
353
+ <span>+1.32%</span>
354
+ </p>
355
+ </div>
356
+ </div>
357
+ </div>
358
+ </div>
359
+ </div>
360
+ </div>
361
+
362
+ <script>
363
+ // Update time
364
+ function updateTime() {
365
+ const now = new Date();
366
+ const options = {
367
+ weekday: 'long',
368
+ year: 'numeric',
369
+ month: 'long',
370
+ day: 'numeric',
371
+ hour: '2-digit',
372
+ minute: '2-digit',
373
+ second: '2-digit'
374
+ };
375
+ document.getElementById('update-time').textContent = now.toLocaleDateString('ar-SA', options);
376
+ }
377
+
378
+ updateTime();
379
+ setInterval(updateTime, 1000);
380
+
381
+ // Simulate stock price changes
382
+ function simulateStockChanges() {
383
+ const stocks = document.querySelectorAll('.stock-up, .stock-down');
384
+
385
+ stocks.forEach(stock => {
386
+ const priceElement = stock.querySelector('.text-lg');
387
+ const changeElement = stock.querySelector('.text-sm span');
388
+
389
+ if (priceElement && changeElement) {
390
+ const currentPrice = parseFloat(priceElement.textContent);
391
+ const isUp = stock.classList.contains('stock-up');
392
+
393
+ // Small random change
394
+ const changePercent = (Math.random() * 0.5) * (isUp ? 1 : -1);
395
+ const newPrice = currentPrice * (1 + changePercent/100);
396
+ const changeValue = newPrice - currentPrice;
397
+
398
+ // Update display
399
+ priceElement.textContent = newPrice.toFixed(2) + ' ريال';
400
+ changeElement.textContent = (changePercent > 0 ? '+' : '') + changePercent.toFixed(2) + '%';
401
+
402
+ // Update color if needed
403
+ if ((isUp && changePercent < 0) || (!isUp && changePercent > 0)) {
404
+ stock.classList.toggle('stock-up');
405
+ stock.classList.toggle('stock-down');
406
+
407
+ const icon = stock.querySelector('i');
408
+ const text = stock.querySelector('.text-sm');
409
+
410
+ if (changePercent > 0) {
411
+ icon.classList.replace('fa-caret-down', 'fa-caret-up');
412
+ text.classList.replace('text-red-500', 'text-green-500');
413
+ } else {
414
+ icon.classList.replace('fa-caret-up', 'fa-caret-down');
415
+ text.classList.replace('text-green-500', 'text-red-500');
416
+ }
417
+ }
418
+ }
419
+ });
420
+ }
421
+
422
+ // Update stocks every 5 seconds
423
+ setInterval(simulateStockChanges, 5000);
424
+ </script>
425
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=warimark73/https-deepsite-hf-co-projects-new" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
426
+ </html>