Hugging Face's logo

Spaces:
alexandremoraisdarosa
/
j-a-d
Running

App Files Community
alexandremoraisdarosa commited on
Commit
6f10cca
·
verified ·
1 Parent(s): e42277b

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +487 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: J A D
3
- emoji: 🏃
4
- colorFrom: pink
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: j-a-d
3
+ emoji: 🐳
4
+ colorFrom: yellow
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,487 @@
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>Passaporte Digital - Dashboard Jurídico</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=Playfair+Display:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Roboto', sans-serif;
14
+ background-color: #f5f7fa;
15
+ }
16
+
17
+ .sidebar {
18
+ transition: all 0.3s;
19
+ }
20
+
21
+ .sidebar-item:hover {
22
+ background-color: rgba(255, 255, 255, 0.1);
23
+ }
24
+
25
+ .dropzone {
26
+ border: 2px dashed #4b5563;
27
+ transition: all 0.3s;
28
+ }
29
+
30
+ .dropzone.active {
31
+ border-color: #1e40af;
32
+ background-color: rgba(30, 64, 175, 0.05);
33
+ }
34
+
35
+ .crime-scene {
36
+ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxkZWZzPgogICAgPHBhdHRlcm4gaWQ9InBhdHRlcm4iIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+CiAgICAgIDxwYXRoIGQ9Ik0gMTAgMCBMIDAgMTAgTSAwIDAgTCAxMCAxMCIgc3Ryb2tlPSJyZ2JhKDIwMCwyMDAsMjAwLDAuMSkiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9wYXR0ZXJuPgogIDwvZGVmcz4KICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2JhKDQzLCA0MywgNDMsIDAuOCkiIC8+CiAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIgLz4KPC9zdmc+');
37
+ background-size: cover;
38
+ position: relative;
39
+ overflow: hidden;
40
+ }
41
+
42
+ .evidence-tag {
43
+ position: absolute;
44
+ background-color: rgba(220, 38, 38, 0.9);
45
+ color: white;
46
+ padding: 4px 8px;
47
+ border-radius: 4px;
48
+ font-size: 12px;
49
+ font-weight: bold;
50
+ }
51
+
52
+ .tooltip {
53
+ position: relative;
54
+ }
55
+
56
+ .tooltip-text {
57
+ visibility: hidden;
58
+ width: 120px;
59
+ background-color: #111827;
60
+ color: #fff;
61
+ text-align: center;
62
+ border-radius: 6px;
63
+ padding: 5px;
64
+ position: absolute;
65
+ z-index: 1;
66
+ bottom: 125%;
67
+ left: 50%;
68
+ margin-left: -60px;
69
+ opacity: 0;
70
+ transition: opacity 0.3s;
71
+ }
72
+
73
+ .tooltip:hover .tooltip-text {
74
+ visibility: visible;
75
+ opacity: 1;
76
+ }
77
+
78
+ .honeycomb {
79
+ display: flex;
80
+ flex-wrap: wrap;
81
+ justify-content: center;
82
+ align-items: center;
83
+ gap: 10px;
84
+ margin: 20px 0;
85
+ }
86
+
87
+ .honeycomb-item {
88
+ width: 120px;
89
+ height: 140px;
90
+ background-color: #1e40af;
91
+ color: white;
92
+ display: flex;
93
+ flex-direction: column;
94
+ justify-content: center;
95
+ align-items: center;
96
+ clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
97
+ transition: all 0.3s;
98
+ cursor: pointer;
99
+ }
100
+
101
+ .honeycomb-item:hover {
102
+ background-color: #1e3a8a;
103
+ transform: scale(1.05);
104
+ }
105
+
106
+ .honeycomb-item i {
107
+ font-size: 2rem;
108
+ margin-bottom: 10px;
109
+ }
110
+ </style>
111
+ </head>
112
+ <body class="flex h-screen overflow-hidden">
113
+ <!-- Sidebar -->
114
+ <div class="sidebar w-64 bg-gray-900 text-white flex flex-col">
115
+ <div class="p-4 border-b border-gray-700">
116
+ <h1 class="text-2xl font-bold text-center">
117
+ <i class="fas fa-passport mr-2"></i>
118
+ Passaporte Digital
119
+ </h1>
120
+ <p class="text-xs text-gray-400 text-center mt-1">Dashboard Jurídico</p>
121
+ </div>
122
+
123
+ <div class="flex-1 overflow-y-auto">
124
+ <div class="p-4">
125
+ <div class="mb-6">
126
+ <h3 class="text-xs uppercase font-bold text-gray-500 mb-2">Ferramentas</h3>
127
+ <ul>
128
+ <li class="mb-1">
129
+ <a href="#" class="sidebar-item flex items-center p-2 rounded-lg text-white hover:bg-blue-800">
130
+ <i class="fas fa-text-to-speech mr-3"></i>
131
+ <span>Texto para Voz</span>
132
+ </a>
133
+ </li>
134
+ <li class="mb-1">
135
+ <a href="#" class="sidebar-item flex items-center p-2 rounded-lg text-white hover:bg-blue-800">
136
+ <i class="fas fa-microphone-alt mr-3"></i>
137
+ <span>Voz para Texto</span>
138
+ </a>
139
+ </li>
140
+ <li class="mb-1">
141
+ <a href="#" class="sidebar-item flex items-center p-2 rounded-lg text-white hover:bg-blue-800">
142
+ <i class="fas fa-file-alt mr-3"></i>
143
+ <span>Transcrição</span>
144
+ </a>
145
+ </li>
146
+ <li class="mb-1">
147
+ <a href="#" class="sidebar-item flex items-center p-2 rounded-lg text-white hover:bg-blue-800">
148
+ <i class="fas fa-project-diagram mr-3"></i>
149
+ <span>Mapa Mental</span>
150
+ </a>
151
+ </li>
152
+ <li class="mb-1">
153
+ <a href="#" class="sidebar-item flex items-center p-2 rounded-lg text-white hover:bg-blue-800">
154
+ <i class="fas fa-video mr-3"></i>
155
+ <span>Análise de Vídeo</span>
156
+ </a>
157
+ </li>
158
+ <li class="mb-1">
159
+ <a href="#" class="sidebar-item flex items-center p-2 rounded-lg text-white hover:bg-blue-800">
160
+ <i class="fas fa-file-contract mr-3"></i>
161
+ <span>Análise de Documento</span>
162
+ </a>
163
+ </li>
164
+ </ul>
165
+ </div>
166
+
167
+ <div class="mb-6">
168
+ <h3 class="text-xs uppercase font-bold text-gray-500 mb-2">Administração</h3>
169
+ <ul>
170
+ <li class="mb-1">
171
+ <a href="#" class="sidebar-item flex items-center p-2 rounded-lg text-white hover:bg-blue-800">
172
+ <i class="fas fa-user-shield mr-3"></i>
173
+ <span>Painel Admin</span>
174
+ </a>
175
+ </li>
176
+ <li class="mb-1">
177
+ <a href="#" class="sidebar-item flex items-center p-2 rounded-lg text-white hover:bg-blue-800">
178
+ <i class="fas fa-cog mr-3"></i>
179
+ <span>Configurações</span>
180
+ </a>
181
+ </li>
182
+ </ul>
183
+ </div>
184
+ </div>
185
+ </div>
186
+
187
+ <div class="p-4 border-t border-gray-700 text-center text-xs text-gray-400">
188
+ <p>Powered by <span class="font-bold">J.A.D.</span></p>
189
+ <p class="mt-1">Sistema Jurídico Inteligente</p>
190
+ </div>
191
+ </div>
192
+
193
+ <!-- Main Content -->
194
+ <div class="flex-1 flex flex-col overflow-hidden">
195
+ <!-- Top Navigation -->
196
+ <header class="bg-white shadow-sm">
197
+ <div class="flex items-center justify-between px-6 py-3">
198
+ <div class="flex items-center">
199
+ <h2 class="text-xl font-semibold text-gray-800">Painel Principal</h2>
200
+ </div>
201
+
202
+ <div class="flex items-center space-x-4">
203
+ <div class="relative">
204
+ <button class="p-2 rounded-full bg-gray-100 hover:bg-gray-200">
205
+ <i class="fas fa-bell text-gray-600"></i>
206
+ <span class="absolute top-0 right-0 h-2 w-2 rounded-full bg-red-500"></span>
207
+ </button>
208
+ </div>
209
+
210
+ <div class="flex items-center">
211
+ <div class="mr-3 text-right">
212
+ <p class="text-sm font-medium text-gray-700">Dr. João Silva</p>
213
+ <p class="text-xs text-gray-500">OAB/SP 123.456</p>
214
+ </div>
215
+ <div class="h-10 w-10 rounded-full bg-blue-600 flex items-center justify-center text-white font-bold">
216
+ JS
217
+ </div>
218
+ </div>
219
+ </div>
220
+ </div>
221
+ </header>
222
+
223
+ <!-- Main Content Area -->
224
+ <main class="flex-1 overflow-y-auto p-6 bg-gray-50">
225
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
226
+ <!-- Left Column -->
227
+ <div class="lg:col-span-2 space-y-6">
228
+ <!-- Document Upload -->
229
+ <div class="bg-white rounded-lg shadow p-6">
230
+ <h3 class="text-lg font-semibold text-gray-800 mb-4">Carregar Documentos</h3>
231
+
232
+ <div id="dropzone" class="dropzone rounded-lg p-8 text-center cursor-pointer">
233
+ <i class="fas fa-cloud-upload-alt text-4xl text-gray-500 mb-3"></i>
234
+ <p class="text-gray-600 mb-2">Arraste e solte arquivos aqui</p>
235
+ <p class="text-sm text-gray-500 mb-4">ou</p>
236
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg transition">
237
+ Selecione do computador
238
+ </button>
239
+ <input type="file" id="fileInput" class="hidden" multiple>
240
+ <p class="text-xs text-gray-500 mt-4">Formatos suportados: PDF, DOCX, TXT, MP3, MP4</p>
241
+ </div>
242
+
243
+ <div class="mt-4">
244
+ <h4 class="text-sm font-medium text-gray-700 mb-2">Documentos recentes</h4>
245
+ <div class="space-y-2">
246
+ <div class="flex items-center p-2 hover:bg-gray-50 rounded">
247
+ <i class="fas fa-file-pdf text-red-500 mr-3"></i>
248
+ <span class="text-sm text-gray-700 flex-1">Petição Inicial - Caso 4567.pdf</span>
249
+ <span class="text-xs text-gray-500">12/05/2023</span>
250
+ </div>
251
+ <div class="flex items-center p-2 hover:bg-gray-50 rounded">
252
+ <i class="fas fa-file-word text-blue-500 mr-3"></i>
253
+ <span class="text-sm text-gray-700 flex-1">Contrato de Locação.docx</span>
254
+ <span class="text-xs text-gray-500">10/05/2023</span>
255
+ </div>
256
+ <div class="flex items-center p-2 hover:bg-gray-50 rounded">
257
+ <i class="fas fa-file-audio text-purple-500 mr-3"></i>
258
+ <span class="text-sm text-gray-700 flex-1">Depoimento Testemunha.mp3</span>
259
+ <span class="text-xs text-gray-500">08/05/2023</span>
260
+ </div>
261
+ </div>
262
+ </div>
263
+ </div>
264
+
265
+ <!-- Quick Actions -->
266
+ <div class="bg-white rounded-lg shadow p-6">
267
+ <h3 class="text-lg font-semibold text-gray-800 mb-4">Ações Rápidas</h3>
268
+
269
+ <div class="honeycomb">
270
+ <div class="honeycomb-item tooltip">
271
+ <i class="fas fa-gavel"></i>
272
+ <span>Processos</span>
273
+ <span class="tooltip-text">Acessar processos</span>
274
+ </div>
275
+ <div class="honeycomb-item tooltip">
276
+ <i class="fas fa-calendar-alt"></i>
277
+ <span>Agenda</span>
278
+ <span class="tooltip-text">Ver agenda</span>
279
+ </div>
280
+ <div class="honeycomb-item tooltip">
281
+ <i class="fas fa-users"></i>
282
+ <span>Clientes</span>
283
+ <span class="tooltip-text">Gerenciar clientes</span>
284
+ </div>
285
+ <div class="honeycomb-item tooltip">
286
+ <i class="fas fa-book"></i>
287
+ <span>Jurisprudência</span>
288
+ <span class="tooltip-text">Pesquisar jurisprudência</span>
289
+ </div>
290
+ <div class="honeycomb-item tooltip">
291
+ <i class="fas fa-search"></i>
292
+ <span>Pesquisar</span>
293
+ <span class="tooltip-text">Pesquisa avançada</span>
294
+ </div>
295
+ <div class="honeycomb-item tooltip">
296
+ <i class="fas fa-chart-bar"></i>
297
+ <span>Relatórios</span>
298
+ <span class="tooltip-text">Gerar relatórios</span>
299
+ </div>
300
+ </div>
301
+ </div>
302
+ </div>
303
+
304
+ <!-- Right Column -->
305
+ <div class="space-y-6">
306
+ <!-- Crime Scene -->
307
+ <div class="bg-white rounded-lg shadow overflow-hidden">
308
+ <div class="bg-gray-800 text-white px-4 py-3">
309
+ <h3 class="font-semibold">Cena do Crime - Caso #7890</h3>
310
+ </div>
311
+ <div class="crime-scene h-64 relative">
312
+ <div class="evidence-tag" style="top: 30%; left: 20%;">
313
+ <i class="fas fa-fingerprint mr-1"></i> Impressão 1
314
+ </div>
315
+ <div class="evidence-tag" style="top: 50%; left: 60%;">
316
+ <i class="fas fa-knife mr-1"></i> Arma
317
+ </div>
318
+ <div class="evidence-tag" style="top: 70%; left: 40%;">
319
+ <i class="fas fa-tint mr-1"></i> Sangue
320
+ </div>
321
+ <div class="evidence-tag" style="top: 20%; left: 70%;">
322
+ <i class="fas fa-shoe-prints mr-1"></i> Pegadas
323
+ </div>
324
+ </div>
325
+ <div class="p-4">
326
+ <div class="flex justify-between items-center mb-3">
327
+ <span class="text-sm font-medium text-gray-700">Progresso da Análise</span>
328
+ <span class="text-sm font-bold text-blue-600">65%</span>
329
+ </div>
330
+ <div class="w-full bg-gray-200 rounded-full h-2">
331
+ <div class="bg-blue-600 h-2 rounded-full" style="width: 65%"></div>
332
+ </div>
333
+ <div class="mt-4 flex space-x-2">
334
+ <button class="flex-1 bg-blue-600 hover:bg-blue-700 text-white py-2 rounded text-sm">
335
+ <i class="fas fa-plus mr-1"></i> Adicionar Evidência
336
+ </button>
337
+ <button class="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 py-2 rounded text-sm">
338
+ <i class="fas fa-share-alt mr-1"></i> Compartilhar
339
+ </button>
340
+ </div>
341
+ </div>
342
+ </div>
343
+
344
+ <!-- Recent Activity -->
345
+ <div class="bg-white rounded-lg shadow p-6">
346
+ <h3 class="text-lg font-semibold text-gray-800 mb-4">Atividade Recente</h3>
347
+
348
+ <div class="space-y-4">
349
+ <div class="flex">
350
+ <div class="flex-shrink-0 mr-3">
351
+ <div class="h-8 w-8 rounded-full bg-blue-100 flex items-center justify-center text-blue-600">
352
+ <i class="fas fa-file-alt"></i>
353
+ </div>
354
+ </div>
355
+ <div>
356
+ <p class="text-sm text-gray-800">
357
+ <span class="font-medium">Petição inicial</span> foi enviada para o caso #4567
358
+ </p>
359
+ <p class="text-xs text-gray-500 mt-1">Hoje, 09:42</p>
360
+ </div>
361
+ </div>
362
+
363
+ <div class="flex">
364
+ <div class="flex-shrink-0 mr-3">
365
+ <div class="h-8 w-8 rounded-full bg-green-100 flex items-center justify-center text-green-600">
366
+ <i class="fas fa-check"></i>
367
+ </div>
368
+ </div>
369
+ <div>
370
+ <p class="text-sm text-gray-800">
371
+ <span class="font-medium">Transcrição</span> do depoimento foi concluída
372
+ </p>
373
+ <p class="text-xs text-gray-500 mt-1">Ontem, 16:30</p>
374
+ </div>
375
+ </div>
376
+
377
+ <div class="flex">
378
+ <div class="flex-shrink-0 mr-3">
379
+ <div class="h-8 w-8 rounded-full bg-purple-100 flex items-center justify-center text-purple-600">
380
+ <i class="fas fa-comment"></i>
381
+ </div>
382
+ </div>
383
+ <div>
384
+ <p class="text-sm text-gray-800">
385
+ Novo <span class="font-medium">comentário</span> no caso #7890
386
+ </p>
387
+ <p class="text-xs text-gray-500 mt-1">Ontem, 14:15</p>
388
+ </div>
389
+ </div>
390
+
391
+ <div class="flex">
392
+ <div class="flex-shrink-0 mr-3">
393
+ <div class="h-8 w-8 rounded-full bg-yellow-100 flex items-center justify-center text-yellow-600">
394
+ <i class="fas fa-bell"></i>
395
+ </div>
396
+ </div>
397
+ <div>
398
+ <p class="text-sm text-gray-800">
399
+ <span class="font-medium">Lembrete:</span> Audiência marcada para amanhã
400
+ </p>
401
+ <p class="text-xs text-gray-500 mt-1">12/05/2023, 11:20</p>
402
+ </div>
403
+ </div>
404
+ </div>
405
+
406
+ <button class="mt-4 w-full bg-gray-100 hover:bg-gray-200 text-gray-800 py-2 rounded text-sm">
407
+ Ver todas as atividades
408
+ </button>
409
+ </div>
410
+ </div>
411
+ </div>
412
+ </main>
413
+ </div>
414
+
415
+ <script>
416
+ // Dropzone functionality
417
+ const dropzone = document.getElementById('dropzone');
418
+ const fileInput = document.getElementById('fileInput');
419
+
420
+ dropzone.addEventListener('click', () => {
421
+ fileInput.click();
422
+ });
423
+
424
+ fileInput.addEventListener('change', (e) => {
425
+ if (e.target.files.length) {
426
+ handleFiles(e.target.files);
427
+ }
428
+ });
429
+
430
+ ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
431
+ dropzone.addEventListener(eventName, preventDefaults, false);
432
+ });
433
+
434
+ function preventDefaults(e) {
435
+ e.preventDefault();
436
+ e.stopPropagation();
437
+ }
438
+
439
+ ['dragenter', 'dragover'].forEach(eventName => {
440
+ dropzone.addEventListener(eventName, highlight, false);
441
+ });
442
+
443
+ ['dragleave', 'drop'].forEach(eventName => {
444
+ dropzone.addEventListener(eventName, unhighlight, false);
445
+ });
446
+
447
+ function highlight() {
448
+ dropzone.classList.add('active');
449
+ }
450
+
451
+ function unhighlight() {
452
+ dropzone.classList.remove('active');
453
+ }
454
+
455
+ dropzone.addEventListener('drop', handleDrop, false);
456
+
457
+ function handleDrop(e) {
458
+ const dt = e.dataTransfer;
459
+ const files = dt.files;
460
+
461
+ if (files.length) {
462
+ handleFiles(files);
463
+ }
464
+ }
465
+
466
+ function handleFiles(files) {
467
+ alert(`Arquivo(s) selecionado(s): ${files.length}\nNome do primeiro arquivo: ${files[0].name}`);
468
+ // Here you would typically handle the file upload
469
+ }
470
+
471
+ // Tooltip functionality
472
+ document.querySelectorAll('.tooltip').forEach(tooltip => {
473
+ tooltip.addEventListener('mouseenter', function() {
474
+ const tooltipText = this.querySelector('.tooltip-text');
475
+ tooltipText.style.visibility = 'visible';
476
+ tooltipText.style.opacity = '1';
477
+ });
478
+
479
+ tooltip.addEventListener('mouseleave', function() {
480
+ const tooltipText = this.querySelector('.tooltip-text');
481
+ tooltipText.style.visibility = 'hidden';
482
+ tooltipText.style.opacity = '0';
483
+ });
484
+ });
485
+ </script>
486
+ <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=alexandremoraisdarosa/j-a-d" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
487
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Gere um Dashboard amigável para juristas de um aplicativo chamado: "Passaporte Digital" com funionalidades de Texto-Voz, Voz-Texto, Trascrição, Mapa Mental, Vídeo Análise, Doc. Análise, Configurações na barra lateral esquerda. Use o formato de um dashboard. Crie um espaço para jogar "drag" o documento ou subir do computador. Crie uma área do Administrador e Configurações. Coloque Powered J.A.D. Use cores amigáveis e letras amigáveis, em cores que mantenham a credibilidade e associadas ao Direito Penal. Coloque os detalhes como uma cena do crime