Hugging Face's logo

Spaces:
docto41
/
bloc-stool-ia
Running

App Files Community
docto41 commited on
Commit
42a49d5
·
verified ·
1 Parent(s): 96ad298

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +481 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Bloc Stool Ia
3
- emoji: 👁
4
- colorFrom: blue
5
- colorTo: gray
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: bloc-stool-ia
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,481 @@
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="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Modern Dashboard UI</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=Inter:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Inter', sans-serif;
14
+ background-color: #f8fafc;
15
+ }
16
+
17
+ .sidebar {
18
+ transition: all 0.3s ease;
19
+ }
20
+
21
+ .card-hover:hover {
22
+ transform: translateY(-5px);
23
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
24
+ }
25
+
26
+ .progress-bar {
27
+ transition: width 1s ease-in-out;
28
+ }
29
+
30
+ .chart-container {
31
+ height: 250px;
32
+ }
33
+
34
+ @keyframes fadeIn {
35
+ from { opacity: 0; transform: translateY(10px); }
36
+ to { opacity: 1; transform: translateY(0); }
37
+ }
38
+
39
+ .animate-fade-in {
40
+ animation: fadeIn 0.5s ease-out forwards;
41
+ }
42
+ </style>
43
+ </head>
44
+ <body class="bg-gray-50">
45
+ <div class="flex h-screen overflow-hidden">
46
+ <!-- Sidebar -->
47
+ <div class="sidebar bg-white w-64 border-r border-gray-200 flex flex-col">
48
+ <div class="p-4 flex items-center justify-between border-b border-gray-200">
49
+ <div class="flex items-center space-x-2">
50
+ <div class="w-8 h-8 rounded-full bg-indigo-500 flex items-center justify-center text-white font-bold">D</div>
51
+ <span class="text-lg font-semibold text-gray-800">Dashboard</span>
52
+ </div>
53
+ <button id="sidebarToggle" class="text-gray-500 hover:text-gray-700">
54
+ <i class="fas fa-bars"></i>
55
+ </button>
56
+ </div>
57
+
58
+ <div class="flex-1 overflow-y-auto p-4 space-y-2">
59
+ <div class="space-y-1">
60
+ <div class="text-xs uppercase text-gray-500 font-medium tracking-wider mb-2">Main</div>
61
+ <a href="#" class="flex items-center space-x-3 p-2 rounded-lg bg-indigo-50 text-indigo-600">
62
+ <i class="fas fa-home w-5 text-center"></i>
63
+ <span>Overview</span>
64
+ </a>
65
+ <a href="#" class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 text-gray-700">
66
+ <i class="fas fa-chart-line w-5 text-center"></i>
67
+ <span>Analytics</span>
68
+ </a>
69
+ <a href="#" class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 text-gray-700">
70
+ <i class="fas fa-envelope w-5 text-center"></i>
71
+ <span>Messages</span>
72
+ <span class="ml-auto bg-red-500 text-white text-xs px-2 py-1 rounded-full">5</span>
73
+ </a>
74
+ </div>
75
+
76
+ <div class="space-y-1 mt-6">
77
+ <div class="text-xs uppercase text-gray-500 font-medium tracking-wider mb-2">Management</div>
78
+ <a href="#" class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 text-gray-700">
79
+ <i class="fas fa-users w-5 text-center"></i>
80
+ <span>Users</span>
81
+ </a>
82
+ <a href="#" class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 text-gray-700">
83
+ <i class="fas fa-cog w-5 text-center"></i>
84
+ <span>Settings</span>
85
+ </a>
86
+ <a href="#" class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 text-gray-700">
87
+ <i class="fas fa-file-invoice w-5 text-center"></i>
88
+ <span>Reports</span>
89
+ </a>
90
+ </div>
91
+
92
+ <div class="mt-auto pt-4">
93
+ <div class="bg-indigo-50 rounded-lg p-3">
94
+ <div class="text-sm font-medium text-indigo-700">Upgrade to Pro</div>
95
+ <p class="text-xs text-indigo-500 mt-1">Get access to all premium features</p>
96
+ <button class="mt-2 w-full bg-indigo-600 text-white py-1 px-3 rounded-md text-sm hover:bg-indigo-700 transition">Upgrade</button>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </div>
101
+
102
+ <!-- Main Content -->
103
+ <div class="flex-1 flex flex-col overflow-hidden">
104
+ <!-- Top Navigation -->
105
+ <header class="bg-white border-b border-gray-200 flex items-center justify-between p-4">
106
+ <div class="flex items-center space-x-4">
107
+ <h1 class="text-xl font-semibold text-gray-800">Dashboard</h1>
108
+ <div class="relative hidden md:block">
109
+ <input type="text" placeholder="Search..." class="pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 w-64">
110
+ <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
111
+ </div>
112
+ </div>
113
+
114
+ <div class="flex items-center space-x-4">
115
+ <button class="p-2 rounded-full hover:bg-gray-100 text-gray-600">
116
+ <i class="fas fa-bell"></i>
117
+ <span class="sr-only">Notifications</span>
118
+ </button>
119
+ <div class="relative">
120
+ <button id="userMenuButton" class="flex items-center space-x-2 focus:outline-none">
121
+ <div class="w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 font-medium">JD</div>
122
+ <span class="hidden md:inline text-sm font-medium">John Doe</span>
123
+ <i class="fas fa-chevron-down text-xs text-gray-500"></i>
124
+ </button>
125
+ <div id="userMenu" class="hidden absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-10">
126
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Profile</a>
127
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Settings</a>
128
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Sign out</a>
129
+ </div>
130
+ </div>
131
+ </div>
132
+ </header>
133
+
134
+ <!-- Main Content Area -->
135
+ <main class="flex-1 overflow-y-auto p-6 bg-gray-50">
136
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6">
137
+ <!-- Stats Cards -->
138
+ <div class="bg-white rounded-xl shadow-sm p-6 card-hover transition-all duration-300 animate-fade-in" style="animation-delay: 0.1s;">
139
+ <div class="flex items-center justify-between">
140
+ <div>
141
+ <p class="text-sm font-medium text-gray-500">Total Revenue</p>
142
+ <p class="text-2xl font-semibold text-gray-800 mt-1">$24,780</p>
143
+ <p class="text-xs text-green-500 mt-1 flex items-center">
144
+ <i class="fas fa-arrow-up mr-1"></i> 12.5% from last month
145
+ </p>
146
+ </div>
147
+ <div class="p-3 rounded-lg bg-indigo-50 text-indigo-600">
148
+ <i class="fas fa-dollar-sign text-xl"></i>
149
+ </div>
150
+ </div>
151
+ </div>
152
+
153
+ <div class="bg-white rounded-xl shadow-sm p-6 card-hover transition-all duration-300 animate-fade-in" style="animation-delay: 0.2s;">
154
+ <div class="flex items-center justify-between">
155
+ <div>
156
+ <p class="text-sm font-medium text-gray-500">New Users</p>
157
+ <p class="text-2xl font-semibold text-gray-800 mt-1">1,254</p>
158
+ <p class="text-xs text-green-500 mt-1 flex items-center">
159
+ <i class="fas fa-arrow-up mr-1"></i> 8.3% from last month
160
+ </p>
161
+ </div>
162
+ <div class="p-3 rounded-lg bg-green-50 text-green-600">
163
+ <i class="fas fa-users text-xl"></i>
164
+ </div>
165
+ </div>
166
+ </div>
167
+
168
+ <div class="bg-white rounded-xl shadow-sm p-6 card-hover transition-all duration-300 animate-fade-in" style="animation-delay: 0.3s;">
169
+ <div class="flex items-center justify-between">
170
+ <div>
171
+ <p class="text-sm font-medium text-gray-500">Active Projects</p>
172
+ <p class="text-2xl font-semibold text-gray-800 mt-1">42</p>
173
+ <p class="text-xs text-red-500 mt-1 flex items-center">
174
+ <i class="fas fa-arrow-down mr-1"></i> 2.4% from last month
175
+ </p>
176
+ </div>
177
+ <div class="p-3 rounded-lg bg-blue-50 text-blue-600">
178
+ <i class="fas fa-project-diagram text-xl"></i>
179
+ </div>
180
+ </div>
181
+ </div>
182
+
183
+ <div class="bg-white rounded-xl shadow-sm p-6 card-hover transition-all duration-300 animate-fade-in" style="animation-delay: 0.4s;">
184
+ <div class="flex items-center justify-between">
185
+ <div>
186
+ <p class="text-sm font-medium text-gray-500">Task Completion</p>
187
+ <p class="text-2xl font-semibold text-gray-800 mt-1">78%</p>
188
+ <div class="w-full bg-gray-200 rounded-full h-2 mt-2">
189
+ <div class="bg-indigo-600 h-2 rounded-full progress-bar" style="width: 78%"></div>
190
+ </div>
191
+ </div>
192
+ <div class="p-3 rounded-lg bg-purple-50 text-purple-600">
193
+ <i class="fas fa-tasks text-xl"></i>
194
+ </div>
195
+ </div>
196
+ </div>
197
+ </div>
198
+
199
+ <!-- Charts Section -->
200
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
201
+ <div class="bg-white rounded-xl shadow-sm p-6 animate-fade-in" style="animation-delay: 0.5s;">
202
+ <div class="flex items-center justify-between mb-4">
203
+ <h2 class="text-lg font-semibold text-gray-800">Revenue Overview</h2>
204
+ <div class="flex space-x-2">
205
+ <button class="px-3 py-1 text-xs bg-indigo-50 text-indigo-600 rounded-md">Month</button>
206
+ <button class="px-3 py-1 text-xs bg-gray-100 text-gray-600 rounded-md">Year</button>
207
+ </div>
208
+ </div>
209
+ <div class="chart-container">
210
+ <canvas id="revenueChart"></canvas>
211
+ </div>
212
+ </div>
213
+
214
+ <div class="bg-white rounded-xl shadow-sm p-6 animate-fade-in" style="animation-delay: 0.6s;">
215
+ <div class="flex items-center justify-between mb-4">
216
+ <h2 class="text-lg font-semibold text-gray-800">User Activity</h2>
217
+ <div class="flex space-x-2">
218
+ <button class="px-3 py-1 text-xs bg-indigo-50 text-indigo-600 rounded-md">Week</button>
219
+ <button class="px-3 py-1 text-xs bg-gray-100 text-gray-600 rounded-md">Month</button>
220
+ </div>
221
+ </div>
222
+ <div class="chart-container">
223
+ <canvas id="activityChart"></canvas>
224
+ </div>
225
+ </div>
226
+ </div>
227
+
228
+ <!-- Recent Activity & Tasks -->
229
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
230
+ <div class="lg:col-span-2 bg-white rounded-xl shadow-sm p-6 animate-fade-in" style="animation-delay: 0.7s;">
231
+ <div class="flex items-center justify-between mb-4">
232
+ <h2 class="text-lg font-semibold text-gray-800">Recent Projects</h2>
233
+ <button class="text-sm text-indigo-600 hover:text-indigo-800">View All</button>
234
+ </div>
235
+
236
+ <div class="space-y-4">
237
+ <div class="flex items-start p-3 hover:bg-gray-50 rounded-lg transition">
238
+ <div class="p-2 rounded-lg bg-blue-100 text-blue-600 mr-3">
239
+ <i class="fas fa-project-diagram"></i>
240
+ </div>
241
+ <div class="flex-1">
242
+ <h3 class="font-medium text-gray-800">Website Redesign</h3>
243
+ <p class="text-sm text-gray-500">Due in 3 days • 65% completed</p>
244
+ <div class="w-full bg-gray-200 rounded-full h-2 mt-2">
245
+ <div class="bg-blue-600 h-2 rounded-full" style="width: 65%"></div>
246
+ </div>
247
+ </div>
248
+ <div class="flex space-x-2">
249
+ <button class="p-1 text-gray-400 hover:text-gray-600">
250
+ <i class="fas fa-ellipsis-v"></i>
251
+ </button>
252
+ </div>
253
+ </div>
254
+
255
+ <div class="flex items-start p-3 hover:bg-gray-50 rounded-lg transition">
256
+ <div class="p-2 rounded-lg bg-green-100 text-green-600 mr-3">
257
+ <i class="fas fa-mobile-alt"></i>
258
+ </div>
259
+ <div class="flex-1">
260
+ <h3 class="font-medium text-gray-800">Mobile App Development</h3>
261
+ <p class="text-sm text-gray-500">Due in 1 week • 42% completed</p>
262
+ <div class="w-full bg-gray-200 rounded-full h-2 mt-2">
263
+ <div class="bg-green-600 h-2 rounded-full" style="width: 42%"></div>
264
+ </div>
265
+ </div>
266
+ <div class="flex space-x-2">
267
+ <button class="p-1 text-gray-400 hover:text-gray-600">
268
+ <i class="fas fa-ellipsis-v"></i>
269
+ </button>
270
+ </div>
271
+ </div>
272
+
273
+ <div class="flex items-start p-3 hover:bg-gray-50 rounded-lg transition">
274
+ <div class="p-2 rounded-lg bg-purple-100 text-purple-600 mr-3">
275
+ <i class="fas fa-chart-pie"></i>
276
+ </div>
277
+ <div class="flex-1">
278
+ <h3 class="font-medium text-gray-800">Analytics Dashboard</h3>
279
+ <p class="text-sm text-gray-500">Due in 2 weeks • 18% completed</p>
280
+ <div class="w-full bg-gray-200 rounded-full h-2 mt-2">
281
+ <div class="bg-purple-600 h-2 rounded-full" style="width: 18%"></div>
282
+ </div>
283
+ </div>
284
+ <div class="flex space-x-2">
285
+ <button class="p-1 text-gray-400 hover:text-gray-600">
286
+ <i class="fas fa-ellipsis-v"></i>
287
+ </button>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ </div>
292
+
293
+ <div class="bg-white rounded-xl shadow-sm p-6 animate-fade-in" style="animation-delay: 0.8s;">
294
+ <div class="flex items-center justify-between mb-4">
295
+ <h2 class="text-lg font-semibold text-gray-800">Quick Actions</h2>
296
+ </div>
297
+
298
+ <div class="grid grid-cols-2 gap-3">
299
+ <button class="p-4 bg-indigo-50 rounded-lg flex flex-col items-center justify-center text-indigo-600 hover:bg-indigo-100 transition">
300
+ <i class="fas fa-plus text-xl mb-2"></i>
301
+ <span class="text-sm font-medium">New Project</span>
302
+ </button>
303
+
304
+ <button class="p-4 bg-green-50 rounded-lg flex flex-col items-center justify-center text-green-600 hover:bg-green-100 transition">
305
+ <i class="fas fa-user-plus text-xl mb-2"></i>
306
+ <span class="text-sm font-medium">Add User</span>
307
+ </button>
308
+
309
+ <button class="p-4 bg-blue-50 rounded-lg flex flex-col items-center justify-center text-blue-600 hover:bg-blue-100 transition">
310
+ <i class="fas fa-file-invoice text-xl mb-2"></i>
311
+ <span class="text-sm font-medium">Create Report</span>
312
+ </button>
313
+
314
+ <button class="p-4 bg-purple-50 rounded-lg flex flex-col items-center justify-center text-purple-600 hover:bg-purple-100 transition">
315
+ <i class="fas fa-calendar-alt text-xl mb-2"></i>
316
+ <span class="text-sm font-medium">Schedule</span>
317
+ </button>
318
+ </div>
319
+
320
+ <div class="mt-6">
321
+ <h3 class="text-sm font-medium text-gray-500 mb-3">Recent Notifications</h3>
322
+ <div class="space-y-3">
323
+ <div class="flex items-start">
324
+ <div class="p-2 bg-indigo-100 rounded-full text-indigo-600 mr-3">
325
+ <i class="fas fa-bell text-sm"></i>
326
+ </div>
327
+ <div>
328
+ <p class="text-sm font-medium text-gray-800">New message from Sarah</p>
329
+ <p class="text-xs text-gray-500">2 hours ago</p>
330
+ </div>
331
+ </div>
332
+
333
+ <div class="flex items-start">
334
+ <div class="p-2 bg-green-100 rounded-full text-green-600 mr-3">
335
+ <i class="fas fa-check-circle text-sm"></i>
336
+ </div>
337
+ <div>
338
+ <p class="text-sm font-medium text-gray-800">Project approved</p>
339
+ <p class="text-xs text-gray-500">Yesterday</p>
340
+ </div>
341
+ </div>
342
+
343
+ <div class="flex items-start">
344
+ <div class="p-2 bg-red-100 rounded-full text-red-600 mr-3">
345
+ <i class="fas fa-exclamation-triangle text-sm"></i>
346
+ </div>
347
+ <div>
348
+ <p class="text-sm font-medium text-gray-800">Server maintenance</p>
349
+ <p class="text-xs text-gray-500">2 days ago</p>
350
+ </div>
351
+ </div>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ </div>
356
+ </main>
357
+ </div>
358
+ </div>
359
+
360
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
361
+ <script>
362
+ // Toggle sidebar on mobile
363
+ document.getElementById('sidebarToggle').addEventListener('click', function() {
364
+ document.querySelector('.sidebar').classList.toggle('-translate-x-full');
365
+ });
366
+
367
+ // Toggle user dropdown menu
368
+ document.getElementById('userMenuButton').addEventListener('click', function() {
369
+ document.getElementById('userMenu').classList.toggle('hidden');
370
+ });
371
+
372
+ // Close dropdown when clicking outside
373
+ document.addEventListener('click', function(event) {
374
+ if (!event.target.closest('#userMenuButton') && !event.target.closest('#userMenu')) {
375
+ document.getElementById('userMenu').classList.add('hidden');
376
+ }
377
+ });
378
+
379
+ // Initialize charts
380
+ document.addEventListener('DOMContentLoaded', function() {
381
+ // Revenue Chart
382
+ const revenueCtx = document.getElementById('revenueChart').getContext('2d');
383
+ const revenueChart = new Chart(revenueCtx, {
384
+ type: 'line',
385
+ data: {
386
+ labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
387
+ datasets: [{
388
+ label: 'Revenue',
389
+ data: [6500, 7900, 10200, 12300, 15800, 18200, 21000],
390
+ backgroundColor: 'rgba(79, 70, 229, 0.05)',
391
+ borderColor: 'rgba(79, 70, 229, 1)',
392
+ borderWidth: 2,
393
+ tension: 0.3,
394
+ fill: true,
395
+ pointBackgroundColor: 'rgba(79, 70, 229, 1)',
396
+ pointRadius: 4,
397
+ pointHoverRadius: 6
398
+ }]
399
+ },
400
+ options: {
401
+ responsive: true,
402
+ maintainAspectRatio: false,
403
+ plugins: {
404
+ legend: {
405
+ display: false
406
+ }
407
+ },
408
+ scales: {
409
+ y: {
410
+ beginAtZero: true,
411
+ grid: {
412
+ drawBorder: false
413
+ },
414
+ ticks: {
415
+ callback: function(value) {
416
+ return '$' + value.toLocaleString();
417
+ }
418
+ }
419
+ },
420
+ x: {
421
+ grid: {
422
+ display: false,
423
+ drawBorder: false
424
+ }
425
+ }
426
+ }
427
+ }
428
+ });
429
+
430
+ // Activity Chart
431
+ const activityCtx = document.getElementById('activityChart').getContext('2d');
432
+ const activityChart = new Chart(activityCtx, {
433
+ type: 'bar',
434
+ data: {
435
+ labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
436
+ datasets: [{
437
+ label: 'Active Users',
438
+ data: [420, 530, 610, 780, 820, 650, 490],
439
+ backgroundColor: 'rgba(99, 102, 241, 0.7)',
440
+ borderRadius: 6,
441
+ borderSkipped: false
442
+ }]
443
+ },
444
+ options: {
445
+ responsive: true,
446
+ maintainAspectRatio: false,
447
+ plugins: {
448
+ legend: {
449
+ display: false
450
+ }
451
+ },
452
+ scales: {
453
+ y: {
454
+ beginAtZero: true,
455
+ grid: {
456
+ drawBorder: false
457
+ }
458
+ },
459
+ x: {
460
+ grid: {
461
+ display: false,
462
+ drawBorder: false
463
+ }
464
+ }
465
+ }
466
+ }
467
+ });
468
+
469
+ // Animate progress bars on page load
470
+ const progressBars = document.querySelectorAll('.progress-bar');
471
+ progressBars.forEach(bar => {
472
+ const width = bar.style.width;
473
+ bar.style.width = '0';
474
+ setTimeout(() => {
475
+ bar.style.width = width;
476
+ }, 300);
477
+ });
478
+ });
479
+ </script>
480
+ <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=docto41/bloc-stool-ia" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
481
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ https://lovable.dev/projects/4e53d835-db92-40eb-a913-e19c70c3f3ed