Hugging Face's logo

Spaces:
lluizph
/
k
Running

App Files Community
lluizph commited on
Commit
b75f23d
·
verified ·
1 Parent(s): 10e4681

faça um ROBÔ BAC BO ANALYTICS Análise inteligente em tempo real dos gráficos do Bac Bo na pinbet.io AO VIVO 24 HORAS - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +257 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: K
3
- emoji: 📉
4
  colorFrom: yellow
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: k
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,257 @@
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>ROBÔ BAC BO ANALYTICS | Análise em Tempo Real</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
+ @keyframes pulse {
11
+ 0% { opacity: 0.6; }
12
+ 50% { opacity: 1; }
13
+ 100% { opacity: 0.6; }
14
+ }
15
+ .live-pulse {
16
+ animation: pulse 2s infinite;
17
+ }
18
+ .chart-container {
19
+ height: 400px;
20
+ background-color: #1a202c;
21
+ border-radius: 0.5rem;
22
+ position: relative;
23
+ overflow: hidden;
24
+ }
25
+ .signal-buy {
26
+ background-color: rgba(16, 185, 129, 0.1);
27
+ border-left: 4px solid #10b981;
28
+ }
29
+ .signal-sell {
30
+ background-color: rgba(239, 68, 68, 0.1);
31
+ border-left: 4px solid #ef4444;
32
+ }
33
+ .signal-neutral {
34
+ background-color: rgba(156, 163, 175, 0.1);
35
+ border-left: 4px solid #9ca3af;
36
+ }
37
+ .gradient-bg {
38
+ background: linear-gradient(135deg, #1e3a8a 0%, #111827 100%);
39
+ }
40
+ .glow {
41
+ box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
42
+ }
43
+ </style>
44
+ </head>
45
+ <body class="gradient-bg text-gray-100 min-h-screen">
46
+ <div class="container mx-auto px-4 py-8">
47
+ <!-- Header -->
48
+ <header class="flex flex-col md:flex-row justify-between items-center mb-8">
49
+ <div class="flex items-center mb-4 md:mb-0">
50
+ <div class="bg-blue-600 p-3 rounded-full mr-4 glow">
51
+ <i class="fas fa-robot text-2xl"></i>
52
+ </div>
53
+ <div>
54
+ <h1 class="text-2xl md:text-3xl font-bold">ROBÔ BAC BO ANALYTICS</h1>
55
+ <div class="flex items-center">
56
+ <span class="text-green-400 font-semibold">AO VIVO 24 HORAS</span>
57
+ <span class="ml-2 h-3 w-3 bg-red-500 rounded-full live-pulse"></span>
58
+ </div>
59
+ </div>
60
+ </div>
61
+ <div class="bg-gray-800 px-4 py-2 rounded-lg flex items-center">
62
+ <i class="fas fa-link text-blue-400 mr-2"></i>
63
+ <span class="text-sm md:text-base">pinbet.io/bac-bo</span>
64
+ <button class="ml-2 bg-blue-600 hover:bg-blue-700 px-3 py-1 rounded text-sm">
65
+ <i class="fas fa-external-link-alt mr-1"></i> Acessar
66
+ </button>
67
+ </div>
68
+ </header>
69
+
70
+ <!-- Main Dashboard -->
71
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
72
+ <!-- Left Column -->
73
+ <div class="lg:col-span-2 space-y-6">
74
+ <!-- Chart Section -->
75
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
76
+ <div class="flex justify-between items-center mb-4">
77
+ <h2 class="text-xl font-semibold">Gráfico BAC BO - Análise em Tempo Real</h2>
78
+ <div class="flex space-x-2">
79
+ <button class="bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded text-sm">
80
+ <i class="fas fa-cog mr-1"></i> Configurações
81
+ </button>
82
+ <button class="bg-blue-600 hover:bg-blue-700 px-3 py-1 rounded text-sm">
83
+ <i class="fas fa-sync-alt mr-1"></i> Atualizar
84
+ </button>
85
+ </div>
86
+ </div>
87
+ <div class="chart-container">
88
+ <!-- This would be replaced with actual chart in production -->
89
+ <div class="w-full h-full flex items-center justify-center">
90
+ <div class="text-center">
91
+ <i class="fas fa-chart-line text-5xl text-blue-400 mb-2"></i>
92
+ <p class="text-gray-400">Carregando dados em tempo real...</p>
93
+ <div class="mt-4 flex justify-center">
94
+ <div class="animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-blue-500"></div>
95
+ </div>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ <div class="mt-4 grid grid-cols-3 gap-2">
100
+ <div class="bg-gray-700 p-2 rounded text-center">
101
+ <p class="text-xs text-gray-400">Último Sinal</p>
102
+ <p class="font-bold text-green-400">COMPRA</p>
103
+ </div>
104
+ <div class="bg-gray-700 p-2 rounded text-center">
105
+ <p class="text-xs text-gray-400">Próximo Sinal</p>
106
+ <p class="font-bold text-yellow-400">ANALISANDO</p>
107
+ </div>
108
+ <div class="bg-gray-700 p-2 rounded text-center">
109
+ <p class="text-xs text-gray-400">Precisão</p>
110
+ <p class="font-bold text-blue-400">87.5%</p>
111
+ </div>
112
+ </div>
113
+ </div>
114
+
115
+ <!-- Signals History -->
116
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
117
+ <h2 class="text-xl font-semibold mb-4">Histórico de Sinais</h2>
118
+ <div class="overflow-x-auto">
119
+ <table class="w-full">
120
+ <thead>
121
+ <tr class="text-gray-400 text-left border-b border-gray-700">
122
+ <th class="pb-2">Hora</th>
123
+ <th class="pb-2">Sinal</th>
124
+ <th class="pb-2">Resultado</th>
125
+ <th class="pb-2">Padrão</th>
126
+ <th class="pb-2">Confiança</th>
127
+ </tr>
128
+ </thead>
129
+ <tbody>
130
+ <tr class="border-b border-gray-700 signal-buy">
131
+ <td class="py-3">15:42:03</td>
132
+ <td><span class="px-2 py-1 bg-green-600 rounded text-sm">COMPRA</span></td>
133
+ <td><span class="px-2 py-1 bg-green-600 rounded text-sm">WIN</span></td>
134
+ <td>MARTELO</td>
135
+ <td><div class="w-full bg-gray-700 rounded h-2"><div class="bg-green-500 h-2 rounded" style="width: 92%"></div></div></td>
136
+ </tr>
137
+ <tr class="border-b border-gray-700 signal-sell">
138
+ <td class="py-3">15:38:21</td>
139
+ <td><span class="px-2 py-1 bg-red-600 rounded text-sm">VENDA</span></td>
140
+ <td><span class="px-2 py-1 bg-green-600 rounded text-sm">WIN</span></td>
141
+ <td>DOJI</td>
142
+ <td><div class="w-full bg-gray-700 rounded h-2"><div class="bg-green-500 h-2 rounded" style="width: 85%"></div></div></td>
143
+ </tr>
144
+ <tr class="border-b border-gray-700 signal-buy">
145
+ <td class="py-3">15:35:47</td>
146
+ <td><span class="px-2 py-1 bg-green-600 rounded text-sm">COMPRA</span></td>
147
+ <td><span class="px-2 py-1 bg-red-600 rounded text-sm">LOSS</span></td>
148
+ <td>ENCOXTO</td>
149
+ <td><div class="w-full bg-gray-700 rounded h-2"><div class="bg-yellow-500 h-2 rounded" style="width: 65%"></div></div></td>
150
+ </tr>
151
+ <tr class="border-b border-gray-700 signal-sell">
152
+ <td class="py-3">15:32:12</td>
153
+ <td><span class="px-2 py-1 bg-red-600 rounded text-sm">VENDA</span></td>
154
+ <td><span class="px-2 py-1 bg-green-600 rounded text-sm">WIN</span></td>
155
+ <td>ESTRELA</td>
156
+ <td><div class="w-full bg-gray-700 rounded h-2"><div class="bg-green-500 h-2 rounded" style="width: 88%"></div></div></td>
157
+ </tr>
158
+ <tr class="border-b border-gray-700 signal-neutral">
159
+ <td class="py-3">15:29:33</td>
160
+ <td><span class="px-2 py-1 bg-gray-600 rounded text-sm">NEUTRO</span></td>
161
+ <td><span class="px-2 py-1 bg-gray-600 rounded text-sm">-</span></td>
162
+ <td>INDEFINIDO</td>
163
+ <td><div class="w-full bg-gray-700 rounded h-2"><div class="bg-gray-500 h-2 rounded" style="width: 50%"></div></div></td>
164
+ </tr>
165
+ </tbody>
166
+ </table>
167
+ </div>
168
+ </div>
169
+ </div>
170
+
171
+ <!-- Right Column -->
172
+ <div class="space-y-6">
173
+ <!-- Stats Card -->
174
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
175
+ <h2 class="text-xl font-semibold mb-4">Estatísticas do Robô</h2>
176
+ <div class="space-y-4">
177
+ <div>
178
+ <p class="text-gray-400 text-sm">Precisão Geral</p>
179
+ <div class="flex items-center">
180
+ <div class="w-full bg-gray-700 rounded-full h-4 mr-2">
181
+ <div class="bg-green-500 h-4 rounded-full" style="width: 87.5%"></div>
182
+ </div>
183
+ <span class="font-bold">87.5%</span>
184
+ </div>
185
+ </div>
186
+ <div class="grid grid-cols-2 gap-4">
187
+ <div class="bg-gray-700 p-3 rounded-lg">
188
+ <p class="text-gray-400 text-sm">Sinais Hoje</p>
189
+ <p class="text-2xl font-bold">24</p>
190
+ </div>
191
+ <div class="bg-gray-700 p-3 rounded-lg">
192
+ <p class="text-gray-400 text-sm">Ganhos</p>
193
+ <p class="text-2xl font-bold text-green-400">18</p>
194
+ </div>
195
+ <div class="bg-gray-700 p-3 rounded-lg">
196
+ <p class="text-gray-400 text-sm">Perdas</p>
197
+ <p class="text-2xl font-bold text-red-400">3</p>
198
+ </div>
199
+ <div class="bg-gray-700 p-3 rounded-lg">
200
+ <p class="text-gray-400 text-sm">Neutros</p>
201
+ <p class="text-2xl font-bold text-gray-400">3</p>
202
+ </div>
203
+ </div>
204
+ <div>
205
+ <p class="text-gray-400 text-sm">Sequência Atual</p>
206
+ <div class="flex space-x-1">
207
+ <div class="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center text-xs">W</div>
208
+ <div class="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center text-xs">W</div>
209
+ <div class="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center text-xs">W</div>
210
+ <div class="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center text-xs">W</div>
211
+ <div class="w-6 h-6 bg-red-500 rounded-full flex items-center justify-center text-xs">L</div>
212
+ <div class="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center text-xs">W</div>
213
+ </div>
214
+ </div>
215
+ </div>
216
+ </div>
217
+
218
+ <!-- Current Signal -->
219
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
220
+ <h2 class="text-xl font-semibold mb-4">Sinal Atual</h2>
221
+ <div class="bg-gray-700 p-4 rounded-lg signal-buy">
222
+ <div class="flex justify-between items-center mb-2">
223
+ <span class="text-lg font-bold text-green-400">COMPRA</span>
224
+ <span class="text-sm text-gray-400">15:42:03</span>
225
+ </div>
226
+ <div class="mb-3">
227
+ <p class="text-gray-400 text-sm">Padrão Identificado:</p>
228
+ <p class="font-semibold">Martelo de Alta (H1)</p>
229
+ </div>
230
+ <div class="mb-3">
231
+ <p class="text-gray-400 text-sm">Nível de Confiança:</p>
232
+ <div class="flex items-center">
233
+ <div class="w-full bg-gray-600 rounded-full h-3 mr-2">
234
+ <div class="bg-green-500 h-3 rounded-full" style="width: 92%"></div>
235
+ </div>
236
+ <span class="text-xs font-bold">92%</span>
237
+ </div>
238
+ </div>
239
+ <div class="flex justify-between text-sm">
240
+ <div>
241
+ <p class="text-gray-400">Entrada Ideal:</p>
242
+ <p class="font-semibold">1.2345</p>
243
+ </div>
244
+ <div>
245
+ <p class="text-gray-400">Alvo:</p>
246
+ <p class="font-semibold text-green-400">1.2389</p>
247
+ </div>
248
+ <div>
249
+ <p class="text-gray-400">Stop:</p>
250
+ <p class="font-semibold text-red-400">1.2321</p>
251
+ </div>
252
+ </div>
253
+ </div>
254
+ <button class="w-full mt-4 bg-blue-600 hover:bg-blue-700 py-3 rounded-lg font-bold flex items-center justify-center">
255
+ <
256
+ <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=lluizph/k" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
257
+ </html>