| <!DOCTYPE html> |
| <html lang="pt-BR"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>ROBÔ BAC BO ANALYTICS | Análise em Tempo Real</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| @keyframes pulse { |
| 0% { opacity: 0.6; } |
| 50% { opacity: 1; } |
| 100% { opacity: 0.6; } |
| } |
| .live-pulse { |
| animation: pulse 2s infinite; |
| } |
| .chart-container { |
| height: 400px; |
| background-color: #1a202c; |
| border-radius: 0.5rem; |
| position: relative; |
| overflow: hidden; |
| } |
| .signal-buy { |
| background-color: rgba(16, 185, 129, 0.1); |
| border-left: 4px solid #10b981; |
| } |
| .signal-sell { |
| background-color: rgba(239, 68, 68, 0.1); |
| border-left: 4px solid #ef4444; |
| } |
| .signal-neutral { |
| background-color: rgba(156, 163, 175, 0.1); |
| border-left: 4px solid #9ca3af; |
| } |
| .gradient-bg { |
| background: linear-gradient(135deg, #1e3a8a 0%, #111827 100%); |
| } |
| .glow { |
| box-shadow: 0 0 15px rgba(59, 130, 246, 0.5); |
| } |
| </style> |
| </head> |
| <body class="gradient-bg text-gray-100 min-h-screen"> |
| <div class="container mx-auto px-4 py-8"> |
| |
| <header class="flex flex-col md:flex-row justify-between items-center mb-8"> |
| <div class="flex items-center mb-4 md:mb-0"> |
| <div class="bg-blue-600 p-3 rounded-full mr-4 glow"> |
| <i class="fas fa-robot text-2xl"></i> |
| </div> |
| <div> |
| <h1 class="text-2xl md:text-3xl font-bold">ROBÔ BAC BO ANALYTICS</h1> |
| <div class="flex items-center"> |
| <span class="text-green-400 font-semibold">AO VIVO 24 HORAS</span> |
| <span class="ml-2 h-3 w-3 bg-red-500 rounded-full live-pulse"></span> |
| </div> |
| </div> |
| </div> |
| <div class="bg-gray-800 px-4 py-2 rounded-lg flex items-center"> |
| <i class="fas fa-link text-blue-400 mr-2"></i> |
| <span class="text-sm md:text-base">pinbet.io/bac-bo</span> |
| <button class="ml-2 bg-blue-600 hover:bg-blue-700 px-3 py-1 rounded text-sm"> |
| <i class="fas fa-external-link-alt mr-1"></i> Acessar |
| </button> |
| </div> |
| </header> |
|
|
| |
| <div class="grid grid-cols-1 lg:grid-cols-3 gap-6"> |
| |
| <div class="lg:col-span-2 space-y-6"> |
| |
| <div class="bg-gray-800 rounded-xl p-4 shadow-lg"> |
| <div class="flex justify-between items-center mb-4"> |
| <h2 class="text-xl font-semibold">Gráfico BAC BO - Análise em Tempo Real</h2> |
| <div class="flex space-x-2"> |
| <button class="bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded text-sm"> |
| <i class="fas fa-cog mr-1"></i> Configurações |
| </button> |
| <button class="bg-blue-600 hover:bg-blue-700 px-3 py-1 rounded text-sm"> |
| <i class="fas fa-sync-alt mr-1"></i> Atualizar |
| </button> |
| </div> |
| </div> |
| <div class="chart-container"> |
| |
| <div class="w-full h-full flex items-center justify-center"> |
| <div class="text-center"> |
| <i class="fas fa-chart-line text-5xl text-blue-400 mb-2"></i> |
| <p class="text-gray-400">Carregando dados em tempo real...</p> |
| <div class="mt-4 flex justify-center"> |
| <div class="animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-blue-500"></div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="mt-4 grid grid-cols-3 gap-2"> |
| <div class="bg-gray-700 p-2 rounded text-center"> |
| <p class="text-xs text-gray-400">Último Sinal</p> |
| <p class="font-bold text-green-400">COMPRA</p> |
| </div> |
| <div class="bg-gray-700 p-2 rounded text-center"> |
| <p class="text-xs text-gray-400">Próximo Sinal</p> |
| <p class="font-bold text-yellow-400">ANALISANDO</p> |
| </div> |
| <div class="bg-gray-700 p-2 rounded text-center"> |
| <p class="text-xs text-gray-400">Precisão</p> |
| <p class="font-bold text-blue-400">87.5%</p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-800 rounded-xl p-4 shadow-lg"> |
| <h2 class="text-xl font-semibold mb-4">Histórico de Sinais</h2> |
| <div class="overflow-x-auto"> |
| <table class="w-full"> |
| <thead> |
| <tr class="text-gray-400 text-left border-b border-gray-700"> |
| <th class="pb-2">Hora</th> |
| <th class="pb-2">Sinal</th> |
| <th class="pb-2">Resultado</th> |
| <th class="pb-2">Padrão</th> |
| <th class="pb-2">Confiança</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr class="border-b border-gray-700 signal-buy"> |
| <td class="py-3">15:42:03</td> |
| <td><span class="px-2 py-1 bg-green-600 rounded text-sm">COMPRA</span></td> |
| <td><span class="px-2 py-1 bg-green-600 rounded text-sm">WIN</span></td> |
| <td>MARTELO</td> |
| <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> |
| </tr> |
| <tr class="border-b border-gray-700 signal-sell"> |
| <td class="py-3">15:38:21</td> |
| <td><span class="px-2 py-1 bg-red-600 rounded text-sm">VENDA</span></td> |
| <td><span class="px-2 py-1 bg-green-600 rounded text-sm">WIN</span></td> |
| <td>DOJI</td> |
| <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> |
| </tr> |
| <tr class="border-b border-gray-700 signal-buy"> |
| <td class="py-3">15:35:47</td> |
| <td><span class="px-2 py-1 bg-green-600 rounded text-sm">COMPRA</span></td> |
| <td><span class="px-2 py-1 bg-red-600 rounded text-sm">LOSS</span></td> |
| <td>ENCOXTO</td> |
| <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> |
| </tr> |
| <tr class="border-b border-gray-700 signal-sell"> |
| <td class="py-3">15:32:12</td> |
| <td><span class="px-2 py-1 bg-red-600 rounded text-sm">VENDA</span></td> |
| <td><span class="px-2 py-1 bg-green-600 rounded text-sm">WIN</span></td> |
| <td>ESTRELA</td> |
| <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> |
| </tr> |
| <tr class="border-b border-gray-700 signal-neutral"> |
| <td class="py-3">15:29:33</td> |
| <td><span class="px-2 py-1 bg-gray-600 rounded text-sm">NEUTRO</span></td> |
| <td><span class="px-2 py-1 bg-gray-600 rounded text-sm">-</span></td> |
| <td>INDEFINIDO</td> |
| <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> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="space-y-6"> |
| |
| <div class="bg-gray-800 rounded-xl p-4 shadow-lg"> |
| <h2 class="text-xl font-semibold mb-4">Estatísticas do Robô</h2> |
| <div class="space-y-4"> |
| <div> |
| <p class="text-gray-400 text-sm">Precisão Geral</p> |
| <div class="flex items-center"> |
| <div class="w-full bg-gray-700 rounded-full h-4 mr-2"> |
| <div class="bg-green-500 h-4 rounded-full" style="width: 87.5%"></div> |
| </div> |
| <span class="font-bold">87.5%</span> |
| </div> |
| </div> |
| <div class="grid grid-cols-2 gap-4"> |
| <div class="bg-gray-700 p-3 rounded-lg"> |
| <p class="text-gray-400 text-sm">Sinais Hoje</p> |
| <p class="text-2xl font-bold">24</p> |
| </div> |
| <div class="bg-gray-700 p-3 rounded-lg"> |
| <p class="text-gray-400 text-sm">Ganhos</p> |
| <p class="text-2xl font-bold text-green-400">18</p> |
| </div> |
| <div class="bg-gray-700 p-3 rounded-lg"> |
| <p class="text-gray-400 text-sm">Perdas</p> |
| <p class="text-2xl font-bold text-red-400">3</p> |
| </div> |
| <div class="bg-gray-700 p-3 rounded-lg"> |
| <p class="text-gray-400 text-sm">Neutros</p> |
| <p class="text-2xl font-bold text-gray-400">3</p> |
| </div> |
| </div> |
| <div> |
| <p class="text-gray-400 text-sm">Sequência Atual</p> |
| <div class="flex space-x-1"> |
| <div class="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center text-xs">W</div> |
| <div class="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center text-xs">W</div> |
| <div class="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center text-xs">W</div> |
| <div class="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center text-xs">W</div> |
| <div class="w-6 h-6 bg-red-500 rounded-full flex items-center justify-center text-xs">L</div> |
| <div class="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center text-xs">W</div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-800 rounded-xl p-4 shadow-lg"> |
| <h2 class="text-xl font-semibold mb-4">Sinal Atual</h2> |
| <div class="bg-gray-700 p-4 rounded-lg signal-buy"> |
| <div class="flex justify-between items-center mb-2"> |
| <span class="text-lg font-bold text-green-400">COMPRA</span> |
| <span class="text-sm text-gray-400">15:42:03</span> |
| </div> |
| <div class="mb-3"> |
| <p class="text-gray-400 text-sm">Padrão Identificado:</p> |
| <p class="font-semibold">Martelo de Alta (H1)</p> |
| </div> |
| <div class="mb-3"> |
| <p class="text-gray-400 text-sm">Nível de Confiança:</p> |
| <div class="flex items-center"> |
| <div class="w-full bg-gray-600 rounded-full h-3 mr-2"> |
| <div class="bg-green-500 h-3 rounded-full" style="width: 92%"></div> |
| </div> |
| <span class="text-xs font-bold">92%</span> |
| </div> |
| </div> |
| <div class="flex justify-between text-sm"> |
| <div> |
| <p class="text-gray-400">Entrada Ideal:</p> |
| <p class="font-semibold">1.2345</p> |
| </div> |
| <div> |
| <p class="text-gray-400">Alvo:</p> |
| <p class="font-semibold text-green-400">1.2389</p> |
| </div> |
| <div> |
| <p class="text-gray-400">Stop:</p> |
| <p class="font-semibold text-red-400">1.2321</p> |
| </div> |
| </div> |
| </div> |
| <button class="w-full mt-4 bg-blue-600 hover:bg-blue-700 py-3 rounded-lg font-bold flex items-center justify-center"> |
| < |
| <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> |
| </html> |
