Hugging Face's logo

Spaces:
Yurikks
/
teste
Running

App Files Community
Yurikks commited on
Commit
e579a59
·
verified ·
1 Parent(s): 1a10f5c

crie um dashboard para monitoramento de uma casa de apposta, bet, onde tem varios cargos, adminsitrador, banquista e tals, faça tudo completo e lindo - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +500 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Teste
3
- emoji: ⚡
4
- colorFrom: purple
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: teste
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: red
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,500 @@
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="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>BetMonitor - Dashboard Casa de Apostas</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
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
10
+ <style>
11
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
12
+
13
+ :root {
14
+ --primary: #1a365d;
15
+ --secondary: #2c5282;
16
+ --accent: #e53e3e;
17
+ --success: #38a169;
18
+ --warning: #dd6b20;
19
+ --dark: #1a202c;
20
+ --light: #f7fafc;
21
+ }
22
+
23
+ body {
24
+ font-family: 'Poppins', sans-serif;
25
+ background-color: #edf2f7;
26
+ }
27
+
28
+ .sidebar {
29
+ transition: all 0.3s ease;
30
+ }
31
+
32
+ .card {
33
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
34
+ }
35
+
36
+ .card:hover {
37
+ transform: translateY(-5px);
38
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
39
+ }
40
+
41
+ .dashboard-grid {
42
+ display: grid;
43
+ grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
44
+ gap: 1.5rem;
45
+ }
46
+
47
+ .notification-badge {
48
+ position: absolute;
49
+ top: -5px;
50
+ right: -5px;
51
+ }
52
+
53
+ .bet-table tr:nth-child(even) {
54
+ background-color: #f8fafc;
55
+ }
56
+
57
+ .bet-table tr:hover {
58
+ background-color: #edf2f7;
59
+ }
60
+
61
+ .status-badge {
62
+ padding: 0.25rem 0.75rem;
63
+ border-radius: 9999px;
64
+ font-size: 0.75rem;
65
+ font-weight: 600;
66
+ }
67
+
68
+ .status-win {
69
+ background-color: rgba(56, 161, 105, 0.1);
70
+ color: #38a169;
71
+ }
72
+
73
+ .status-lose {
74
+ background-color: rgba(229, 62, 62, 0.1);
75
+ color: #e53e3e;
76
+ }
77
+
78
+ .status-pending {
79
+ background-color: rgba(221, 107, 32, 0.1);
80
+ color: #dd6b20;
81
+ }
82
+
83
+ .role-admin {
84
+ background-color: rgba(229, 62, 62, 0.1);
85
+ color: #e53e3e;
86
+ }
87
+
88
+ .role-banquista {
89
+ background-color: rgba(66, 153, 225, 0.1);
90
+ color: #4299e1;
91
+ }
92
+
93
+ .role-operador {
94
+ background-color: rgba(101, 163, 13, 0.1);
95
+ color: #65a30d;
96
+ }
97
+
98
+ .role-financeiro {
99
+ background-color: rgba(159, 122, 234, 0.1);
100
+ color: #9f7aea;
101
+ }
102
+ </style>
103
+ </head>
104
+ <body class="flex h-screen bg-gray-100">
105
+ <!-- Sidebar -->
106
+ <div class="sidebar bg-white w-64 min-h-screen shadow-lg">
107
+ <div class="p-5 border-b">
108
+ <div class="flex items-center">
109
+ <div class="bg-red-600 text-white w-10 h-10 rounded-full flex items-center justify-center font-bold text-xl">BM</div>
110
+ <div class="ml-3">
111
+ <h1 class="text-xl font-bold text-gray-800">BetMonitor</h1>
112
+ <p class="text-xs text-gray-500">Dashboard Casa de Apostas</p>
113
+ </div>
114
+ </div>
115
+ </div>
116
+
117
+ <nav class="mt-5">
118
+ <a href="#" class="flex items-center px-5 py-3 text-white bg-red-600">
119
+ <i class="fas fa-chart-line mr-3"></i>
120
+ Dashboard
121
+ </a>
122
+ <a href="#" class="flex items-center px-5 py-3 text-gray-600 hover:bg-gray-100">
123
+ <i class="fas fa-users mr-3"></i>
124
+ Clientes
125
+ </a>
126
+ <a href="#" class="flex items-center px-5 py-3 text-gray-600 hover:bg-gray-100">
127
+ <i class="fas fa-ticket-alt mr-3"></i>
128
+ Apostas
129
+ </a>
130
+ <a href="#" class="flex items-center px-5 py-3 text-gray-600 hover:bg-gray-100">
131
+ <i class="fas fa-money-bill-wave mr-3"></i>
132
+ Transações
133
+ </a>
134
+ <a href="#" class="flex items-center px-5 py-3 text-gray-600 hover:bg-gray-100">
135
+ <i class="fas fa-chart-bar mr-3"></i>
136
+ Relatórios
137
+ </a>
138
+ <a href="#" class="flex items-center px-5 py-3 text-gray-600 hover:bg-gray-100">
139
+ <i class="fas fa-cog mr-3"></i>
140
+ Configurações
141
+ </a>
142
+ </nav>
143
+
144
+ <div class="absolute bottom-0 w-64 p-5 border-t">
145
+ <div class="flex items-center">
146
+ <img src="https://ui-avatars.com/api/?name=Admin+User&background=ef4444&color=fff" class="w-10 h-10 rounded-full">
147
+ <div class="ml-3">
148
+ <p class="text-sm font-medium text-gray-800">Admin User</p>
149
+ <p class="text-xs text-gray-500">Administrador</p>
150
+ </div>
151
+ </div>
152
+ </div>
153
+ </div>
154
+
155
+ <!-- Main Content -->
156
+ <div class="flex-1 overflow-auto">
157
+ <!-- Top Bar -->
158
+ <header class="bg-white shadow">
159
+ <div class="flex justify-between items-center p-4">
160
+ <div class="flex items-center">
161
+ <button class="text-gray-500 mr-4">
162
+ <i class="fas fa-bars"></i>
163
+ </button>
164
+ <div class="relative">
165
+ <input type="text" placeholder="Pesquisar..." class="pl-10 pr-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-red-500 focus:border-transparent">
166
+ <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
167
+ </div>
168
+ </div>
169
+
170
+ <div class="flex items-center space-x-4">
171
+ <div class="relative">
172
+ <button class="text-gray-500 hover:text-gray-700">
173
+ <i class="fas fa-bell"></i>
174
+ </button>
175
+ <span class="notification-badge bg-red-500 text-white text-xs rounded-full w-5 h-5 flex items-center justify-center">3</span>
176
+ </div>
177
+
178
+ <div class="relative">
179
+ <button class="text-gray-500 hover:text-gray-700">
180
+ <i class="fas fa-comment"></i>
181
+ </button>
182
+ <span class="notification-badge bg-red-500 text-white text-xs rounded-full w-5 h-5 flex items-center justify-center">5</span>
183
+ </div>
184
+
185
+ <div class="flex items-center">
186
+ <img src="https://ui-avatars.com/api/?name=Admin+User&background=ef4444&color=fff" class="w-8 h-8 rounded-full">
187
+ <span class="ml-2 text-sm font-medium">Admin User</span>
188
+ </div>
189
+ </div>
190
+ </div>
191
+ </header>
192
+
193
+ <!-- Dashboard Content -->
194
+ <main class="p-6">
195
+ <!-- Page Title -->
196
+ <div class="mb-6">
197
+ <h1 class="text-2xl font-bold text-gray-800">Dashboard</h1>
198
+ <p class="text-gray-600">Visão geral das operações da casa de apostas</p>
199
+ </div>
200
+
201
+ <!-- Stats Cards -->
202
+ <div class="dashboard-grid mb-6">
203
+ <div class="card bg-white rounded-xl shadow">
204
+ <div class="p-5">
205
+ <div class="flex justify-between items-center">
206
+ <div>
207
+ <p class="text-gray-500">Apostas Hoje</p>
208
+ <h3 class="text-2xl font-bold mt-1">1,245</h3>
209
+ </div>
210
+ <div class="bg-red-100 p-3 rounded-full">
211
+ <i class="fas fa-ticket-alt text-red-600 text-xl"></i>
212
+ </div>
213
+ </div>
214
+ <div class="mt-3">
215
+ <p class="text-green-500 text-sm"><i class="fas fa-arrow-up"></i> 12.3% desde ontem</p>
216
+ </div>
217
+ </div>
218
+ </div>
219
+
220
+ <div class="card bg-white rounded-xl shadow">
221
+ <div class="p-5">
222
+ <div class="flex justify-between items-center">
223
+ <div>
224
+ <p class="text-gray-500">Lucro Total</p>
225
+ <h3 class="text-2xl font-bold mt-1">R$ 84,250</h3>
226
+ </div>
227
+ <div class="bg-green-100 p-3 rounded-full">
228
+ <i class="fas fa-money-bill-wave text-green-600 text-xl"></i>
229
+ </div>
230
+ </div>
231
+ <div class="mt-3">
232
+ <p class="text-green-500 text-sm"><i class="fas fa-arrow-up"></i> 8.5% desde ontem</p>
233
+ </div>
234
+ </div>
235
+ </div>
236
+
237
+ <div class="card bg-white rounded-xl shadow">
238
+ <div class="p-5">
239
+ <div class="flex justify-between items-center">
240
+ <div>
241
+ <p class="text-gray-500">Novos Clientes</p>
242
+ <h3 class="text-2xl font-bold mt-1">42</h3>
243
+ </div>
244
+ <div class="bg-blue-100 p-3 rounded-full">
245
+ <i class="fas fa-user-plus text-blue-600 text-xl"></i>
246
+ </div>
247
+ </div>
248
+ <div class="mt-3">
249
+ <p class="text-red-500 text-sm"><i class="fas fa-arrow-down"></i> 3.2% desde ontem</p>
250
+ </div>
251
+ </div>
252
+ </div>
253
+
254
+ <div class="card bg-white rounded-xl shadow">
255
+ <div class="p-5">
256
+ <div class="flex justify-between items-center">
257
+ <div>
258
+ <p class="text-gray-500">Taxa de Retenção</p>
259
+ <h3 class="text-2xl font-bold mt-1">78.3%</h3>
260
+ </div>
261
+ <div class="bg-purple-100 p-3 rounded-full">
262
+ <i class="fas fa-chart-pie text-purple-600 text-xl"></i>
263
+ </div>
264
+ </div>
265
+ <div class="mt-3">
266
+ <p class="text-green-500 text-sm"><i class="fas fa-arrow-up"></i> 2.1% desde ontem</p>
267
+ </div>
268
+ </div>
269
+ </div>
270
+ </div>
271
+
272
+ <!-- Charts Section -->
273
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
274
+ <div class="card bg-white rounded-xl shadow">
275
+ <div class="p-5">
276
+ <h3 class="font-bold text-lg mb-4">Lucro por Esporte</h3>
277
+ <div class="h-80">
278
+ <canvas id="sportChart"></canvas>
279
+ </div>
280
+ </div>
281
+ </div>
282
+
283
+ <div class="card bg-white rounded-xl shadow">
284
+ <div class="p-5">
285
+ <h3 class="font-bold text-lg mb-4">Apostas por Hora</h3>
286
+ <div class="h-80">
287
+ <canvas id="hourlyChart"></canvas>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ </div>
292
+
293
+ <!-- Recent Bets & Staff Activity -->
294
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
295
+ <!-- Recent Bets -->
296
+ <div class="card bg-white rounded-xl shadow lg:col-span-2">
297
+ <div class="p-5">
298
+ <div class="flex justify-between items-center mb-4">
299
+ <h3 class="font-bold text-lg">Apostas Recentes</h3>
300
+ <a href="#" class="text-red-600 text-sm">Ver todas</a>
301
+ </div>
302
+
303
+ <div class="overflow-x-auto">
304
+ <table class="w-full bet-table">
305
+ <thead>
306
+ <tr class="text-left text-gray-500 text-sm border-b">
307
+ <th class="pb-2">Cliente</th>
308
+ <th class="pb-2">Evento</th>
309
+ <th class="pb-2">Valor</th>
310
+ <th class="pb-2">Retorno</th>
311
+ <th class="pb-2">Status</th>
312
+ </tr>
313
+ </thead>
314
+ <tbody class="text-sm">
315
+ <tr class="border-b">
316
+ <td class="py-3">João Silva</td>
317
+ <td class="py-3">Flamengo x Palmeiras</td>
318
+ <td class="py-3">R$ 150,00</td>
319
+ <td class="py-3">R$ 320,00</td>
320
+ <td class="py-3"><span class="status-win status-badge">Vitória</span></td>
321
+ </tr>
322
+ <tr class="border-b">
323
+ <td class="py-3">Maria Oliveira</td>
324
+ <td class="py-3">Brasil x Argentina</td>
325
+ <td class="py-3">R$ 250,00</td>
326
+ <td class="py-3">R$ 0,00</td>
327
+ <td class="py-3"><span class="status-lose status-badge">Derrota</span></td>
328
+ </tr>
329
+ <tr class="border-b">
330
+ <td class="py-3">Carlos Souza</td>
331
+ <td class="py-3">Corinthians x São Paulo</td>
332
+ <td class="py-3">R$ 80,00</td>
333
+ <td class="py-3">R$ 180,00</td>
334
+ <td class="py-3"><span class="status-win status-badge">Vitória</span></td>
335
+ </tr>
336
+ <tr class="border-b">
337
+ <td class="py-3">Ana Costa</td>
338
+ <td class="py-3">UFC - Silva vs Jones</td>
339
+ <td class="py-3">R$ 200,00</td>
340
+ <td class="py-3">R$ 450,00</td>
341
+ <td class="py-3"><span class="status-win status-badge">Vitória</span></td>
342
+ </tr>
343
+ <tr>
344
+ <td class="py-3">Pedro Alves</td>
345
+ <td class="py-3">NBA Finals</td>
346
+ <td class="py-3">R$ 300,00</td>
347
+ <td class="py-3">-</td>
348
+ <td class="py-3"><span class="status-pending status-badge">Pendente</span></td>
349
+ </tr>
350
+ </tbody>
351
+ </table>
352
+ </div>
353
+ </div>
354
+ </div>
355
+
356
+ <!-- Staff Activity -->
357
+ <div class="card bg-white rounded-xl shadow">
358
+ <div class="p-5">
359
+ <div class="flex justify-between items-center mb-4">
360
+ <h3 class="font-bold text-lg">Atividade da Equipe</h3>
361
+ <a href="#" class="text-red-600 text-sm">Ver todas</a>
362
+ </div>
363
+
364
+ <div class="space-y-4">
365
+ <div class="flex items-start">
366
+ <div class="relative">
367
+ <img src="https://ui-avatars.com/api/?name=Banquista+1&background=4299e1&color=fff" class="w-10 h-10 rounded-full">
368
+ <span class="absolute bottom-0 right-0 bg-green-500 border-2 border-white rounded-full w-3 h-3"></span>
369
+ </div>
370
+ <div class="ml-3">
371
+ <p class="font-medium">Banquista 1</p>
372
+ <p class="text-sm text-gray-600">Registrou 12 novas apostas</p>
373
+ <p class="text-xs text-gray-400">Há 15 minutos</p>
374
+ </div>
375
+ </div>
376
+
377
+ <div class="flex items-start">
378
+ <div class="relative">
379
+ <img src="https://ui-avatars.com/api/?name=Financeiro&background=9f7aea&color=fff" class="w-10 h-10 rounded-full">
380
+ <span class="absolute bottom-0 right-0 bg-green-500 border-2 border-white rounded-full w-3 h-3"></span>
381
+ </div>
382
+ <div class="ml-3">
383
+ <p class="font-medium">Financeiro</p>
384
+ <p class="text-sm text-gray-600">Processou 5 saques</p>
385
+ <p class="text-xs text-gray-400">Há 30 minutos</p>
386
+ </div>
387
+ </div>
388
+
389
+ <div class="flex items-start">
390
+ <div class="relative">
391
+ <img src="https://ui-avatars.com/api/?name=Operador&background=65a30d&color=fff" class="w-10 h-10 rounded-full">
392
+ <span class="absolute bottom-0 right-0 bg-green-500 border-2 border-white rounded-full w-3 h-3"></span>
393
+ </div>
394
+ <div class="ml-3">
395
+ <p class="font-medium">Operador</p>
396
+ <p class="text-sm text-gray-600">Atualizou odds de 3 eventos</p>
397
+ <p class="text-xs text-gray-400">Há 1 hora</p>
398
+ </div>
399
+ </div>
400
+
401
+ <div class="flex items-start">
402
+ <div class="relative">
403
+ <img src="https://ui-avatars.com/api/?name=Banquista+2&background=4299e1&color=fff" class="w-10 h-10 rounded-full">
404
+ <span class="absolute bottom-0 right-0 bg-green-500 border-2 border-white rounded-full w-3 h-3"></span>
405
+ </div>
406
+ <div class="ml-3">
407
+ <p class="font-medium">Banquista 2</p>
408
+ <p class="text-sm text-gray-600">Registrou novo cliente</p>
409
+ <p class="text-xs text-gray-400">Há 2 horas</p>
410
+ </div>
411
+ </div>
412
+ </div>
413
+
414
+ <div class="mt-6">
415
+ <h4 class="font-bold mb-3">Equipe Online</h4>
416
+ <div class="flex flex-wrap gap-2">
417
+ <span class="role-admin status-badge">Administrador</span>
418
+ <span class="role-banquista status-badge">Banquista 1</span>
419
+ <span class="role-banquista status-badge">Banquista 2</span>
420
+ <span class="role-operador status-badge">Operador</span>
421
+ <span class="role-financeiro status-badge">Financeiro</span>
422
+ </div>
423
+ </div>
424
+ </div>
425
+ </div>
426
+ </div>
427
+ </main>
428
+ </div>
429
+
430
+ <script>
431
+ // Initialize charts
432
+ document.addEventListener('DOMContentLoaded', function() {
433
+ // Sport Profit Chart
434
+ const sportCtx = document.getElementById('sportChart').getContext('2d');
435
+ const sportChart = new Chart(sportCtx, {
436
+ type: 'doughnut',
437
+ data: {
438
+ labels: ['Futebol', 'Basquete', 'Tênis', 'Vôlei', 'eSports', 'Outros'],
439
+ datasets: [{
440
+ data: [35, 20, 15, 10, 12, 8],
441
+ backgroundColor: [
442
+ '#e53e3e',
443
+ '#3182ce',
444
+ '#38a169',
445
+ '#d69e2e',
446
+ '#9f7aea',
447
+ '#a0aec0'
448
+ ],
449
+ borderWidth: 0
450
+ }]
451
+ },
452
+ options: {
453
+ responsive: true,
454
+ maintainAspectRatio: false,
455
+ plugins: {
456
+ legend: {
457
+ position: 'right',
458
+ }
459
+ }
460
+ }
461
+ });
462
+
463
+ // Hourly Bets Chart
464
+ const hourlyCtx = document.getElementById('hourlyChart').getContext('2d');
465
+ const hourlyChart = new Chart(hourlyCtx, {
466
+ type: 'line',
467
+ data: {
468
+ labels: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00'],
469
+ datasets: [{
470
+ label: 'Número de Apostas',
471
+ data: [120, 80, 150, 220, 300, 450],
472
+ backgroundColor: 'rgba(66, 153, 225, 0.1)',
473
+ borderColor: '#4299e1',
474
+ borderWidth: 2,
475
+ tension: 0.3,
476
+ fill: true
477
+ }]
478
+ },
479
+ options: {
480
+ responsive: true,
481
+ maintainAspectRatio: false,
482
+ scales: {
483
+ y: {
484
+ beginAtZero: true,
485
+ grid: {
486
+ drawBorder: false
487
+ }
488
+ },
489
+ x: {
490
+ grid: {
491
+ display: false
492
+ }
493
+ }
494
+ }
495
+ }
496
+ });
497
+ });
498
+ </script>
499
+ <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=Yurikks/teste" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
500
+ </html>