Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Janus Scanner Pro</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.9/dat.gui.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js"></script> | |
| </head> | |
| <body class="bg-black text-terminal-green"> | |
| <div class="scanline"></div> | |
| <div id="matrix-bg" class="fixed inset-0 z-0 opacity-30"></div> | |
| <header class="bg-primary border-b-2 border-accent py-4 px-6 flex justify-between items-center"> | |
| <div class="flex items-center space-x-2"> | |
| <i data-feather="eye" class="text-accent pulse"></i> | |
| <h1 class="text-2xl font-bold text-accent">JANUS SCANNER</h1> | |
| <span class="version-tag">v2.1 - "Opération Foudre Silencieuse"</span> | |
| </div> | |
| <nav class="flex space-x-6"> | |
| <a href="index.html" class="hover:text-accent text-gray-300">[DASHBOARD]</a> | |
| <a href="full-fraud-detection.html" class="hover:text-accent text-gray-300">[FULL DETECTION]</a> | |
| <a href="reports.html" class="hover:text-accent text-gray-300">[RAPPORTS]</a> | |
| <a href="settings.html" class="hover:text-accent text-gray-300">[CONFIG]</a> | |
| <a href="https://github.com/janus-scanner-pro" target="_blank" class="hover:text-accent text-gray-300">[GITHUB]</a> | |
| </nav> | |
| </header> | |
| <main class="container mx-auto px-4 py-8 relative z-10"> | |
| <section class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-accent mb-4 animate-pulse">MODULE DE FRAPPE AUTOMATIQUE</h2> | |
| <p class="text-gray-400 max-w-2xl mx- auto text-lg"> | |
| Système d'analyse FEC avec détection IA et alertes automatisées aux autorités compétentes. | |
| </p> | |
| <div class="mt-4 flex justify-center space-x-4"> | |
| <span class="bg-yellow-900 text-yellow-200 px-3 py-1 rounded text-sm">✈️ OPÉRATION LUMIÈRE NOIRE ACTIVE</span> | |
| <span class="bg-red-900 text-red-200 px-3 py-1 rounded text-sm">🔴 MODE FRANTIQUE</span> | |
| </div> | |
| </section> | |
| <!-- Enhanced Objective Status Card --> | |
| <div class="objective-card mb-8 border border-red-500"> | |
| <h3 class="section-title text-red-400"> | |
| <i data-feather="target" class="inline mr-2"></i>OBJECTIF SYSTÈME NIVEAU ORANGE | |
| </h3> | |
| <ul class="space-y-2"> | |
| <li class="flex items-center gap-2"><i data-feather="zap" class="w-4 h-4 text-green-400 pulse"></i> Surveillance 24/7 active</li> | |
| <li class="flex items-center gap-2"><i data-feather="eye" class="w-4 h-4 text-green-400"></i> Scan IEC/FEC multi-formats</li> | |
| <li class="flex items-center gap-2"><i data-feather="alert-triangle" class="w-4 h-4 text-yellow-400 pulse"></i> Comptes suspects 481-487 surveillés</li> | |
| <li class="flex items-center gap-2"><i data-feather="shield" class="w-4 h-4 text-green-400"></i> Preuves cryptées + PDF automatique</li> | |
| <li class="flex items-center gap-2"><i data-feather="bell" class="w-4 h-4 text-red-400 pulse"></i> Réseau d'alerte opérationnel : | |
| <ul class="ml-8 mt-2 space-y-1 text-sm text-yellow-300"> | |
| <li>🚨 Procureur de Paris [EN LIGNE]</li> | |
| <li>🛂 TRACFIN [CONFIRMÉ]</li> | |
| <li>📰 Mediapart [PRÊT]</li> | |
| <li>🔄 Douanes [CONNECTÉES]</li> | |
| </ul> | |
| </li> | |
| <li class="flex items-center gap-2"><i data-feather="shield-off" class="w-4 h-4 text-green-400"></i> Mode furtif: 100% anonyme</li> | |
| <li class="flex items-center gap-2"><i data-feather="radio" class="w-4 h-4 text-red-400 pulse"></i> Transmission cryptée → Autorités</li> | |
| </ul> | |
| </div> | |
| <!-- Terminal Output Display --> | |
| <div class="terminal mb-8"> | |
| <div class="terminal-header"> | |
| <span class="text-accent">[CONSOLE DE FRAPPE]</span> | |
| <span class="text-sm text-gray-400"><i data-feather="clock" class="w-4 h-4 inline"></i> <span id="terminalTime"></span></span> | |
| </div> | |
| <div id="terminalContent" class="terminal-content"> | |
| <div class="text-gray-400"># Système JANUS prêt...</div> | |
| <div class="text-gray-400"># Dernier scan: <span id="lastScanTime">Aucun</span></div> | |
| <div class="text-gray-400"># Mode furtif: <span class="text-success">ACTIF</span></div> | |
| <div class="text-gray-400"># Proxy Tor: <span class="text-success">CONNECTÉ</span></div> | |
| <div class="text-gray-400"># OpenRouter API: <span id="apiStatus">CONNECTÉ</span></div> | |
| </div> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12"> | |
| <!-- FEC Analysis Section --> | |
| <div class="bg-secondary border border-gray-700 rounded-lg p-6 hover:border-accent transition-colors"> | |
| <h3 class="card-title">[ANALYSE FEC]</h3> | |
| <div class="border-2 border-dashed border-gray-600 rounded-lg p-8 text-center mb-4"> | |
| <i data-feather="upload" class="mx-auto mb-4 text-gray-400"></i> | |
| <p class="text-gray-400 mb-4">Glissez & déposez le fichier FEC</p> | |
| <input type="file" id="fecFile" class="hidden" accept=".pdf,.xls,.xlsx,.csv"> | |
| <label for="fecFile" class="btn cursor-pointer"> | |
| [SÉLECTIONNER FEC] | |
| </label> | |
| </div> | |
| <button id="analyzeBtn" class="btn w-full"> | |
| [LANCER ANALYSE FEC] | |
| </button> | |
| </div> | |
| <!-- Balance Sheet Analysis Sections --> | |
| <div class="bg-secondary border border-gray-700 rounded-lg p-6 hover:border-accent transition-colors"> | |
| <h3 class="card-title">[ANALYSE BILAN - NORMALE]</h3> | |
| <div class="border-2 border-dashed border-gray-600 rounded-lg p-6 text-center mb-4"> | |
| <i data-feather="file-text" class="mx-auto mb-4 text-gray-400"></i> | |
| <p class="text-gray-400 mb-4">Analyse financière standard</p> | |
| <input type="file" id="bilanNormalFile" class="hidden" accept=".pdf,.xls,.xlsx,.csv"> | |
| <label for="bilanNormalFile" class="btn cursor-pointer"> | |
| [SÉLECTIONNER BILAN NORMAL] | |
| </label> | |
| </div> | |
| <button id="analyzeBilanNormalBtn" class="btn w-full"> | |
| [LANCER ANALYSE NORMALE] | |
| </button> | |
| </div> | |
| <!-- Balance Sheet Divers Analysis Section --> | |
| <div class="bg-secondary border border-gray-700 rounded-lg p-6 hover:border-accent transition-colors"> | |
| <h3 class="card-title">[ANALYSE BILAN - CÔTÉ DIVERS]</h3> | |
| <div class="border-2 border-dashed border-gray-600 rounded-lg p-6 text-center mb-4"> | |
| <i data-feather="alert-triangle" class="mx-auto mb-4 text-gray-400"></i> | |
| <p class="text-gray-400 mb-4">Détection comptes divers suspects</p> | |
| <input type="file" id="bilanDiversFile" class="hidden" accept=".pdf,.xls,.xlsx,.csv"> | |
| <label for="bilanDiversFile" class="btn cursor-pointer"> | |
| [SÉLECTIONNER BILAN DIVERS] | |
| </label> | |
| </div> | |
| <button id="analyzeBilanDiversBtn" class="btn w-full"> | |
| [LANCER ANALYSE DIVERS] | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Combined Results Section --> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12"> | |
| <div class="bg-secondary border border-gray-700 rounded-lg p-6 hover:border-accent transition-colors"> | |
| <h3 class="card-title">[RÉSULTATS COMBINED]</h3> | |
| <div class="space-y-4"> | |
| <div> | |
| <p class="text-gray-400">Score de Risque Global</p> | |
| <div class="w-full bg-gray-800 rounded-full h-2.5"> | |
| <div id="riskBar" class="bg-accent h-2.5 rounded-full" style="width: 0%"></div> | |
| </div> | |
| <p id="riskScore" class="text-right text-accent font-bold">0%</p> | |
| </div> | |
| <div> | |
| <p class="text-gray-400">Anomalies FEC</p> | |
| <p id="fecAnomalyCount" class="text-2xl font-bold text-red-500">0</p> | |
| </div> | |
| <div> | |
| <p class="text-gray-400">Anomalies Bilan</p> | |
| <p id="bilanAnomalyCount" class="text-2xl font-bold text-orange-500">0</p> | |
| </div> | |
| <div> | |
| <p class="text-gray-400">Comptes Divers Suspects</p> | |
| <p id="diversAccountCount" class="text-2xl font-bold text-yellow-500">0</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-secondary border border-gray-700 rounded-lg p-6 hover:border-accent transition-colors"> | |
| <h3 class="card-title">[ANALYSE LOCALE]</h3> | |
| <div id="locationResults" class="space-y-4"> | |
| <div class="text-center py-8 text-gray-500"> | |
| <i data-feather="map-pin" class="mx-auto mb-2"></i> | |
| <p>En attente d'analyse...</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-secondary border border-gray-700 rounded-lg p-6 hover:border-accent transition-colors"> | |
| <h3 class="card-title">[COMPTES DIVERS - BILAN]</h3> | |
| <div id="bilanDiversResults" class="space-y-4"> | |
| <div class="text-center py-8 text-gray-500"> | |
| <i data-feather="dollar-sign" class="mx-auto mb-2"></i> | |
| <p>En attente de fichier bilan...</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <section class="mb-12"> | |
| <h3 class="text-2xl font-semibold mb-4">Recent Scans</h3> | |
| <div class="bg-gray-800 rounded-lg overflow-hidden"> | |
| <table class="w-full"> | |
| <thead class="bg-gray-700"> | |
| <tr> | |
| <th class="py-3 px-4 text-left">File Name</th> | |
| <th class="py-3 px-4 text-left">Date</th> | |
| <th class="py-3 px-4 text-left">Risk Score</th> | |
| <th class="py-3 px-4 text-left">Status</th> | |
| </tr> | |
| </thead> | |
| <tbody id="scanHistory"> | |
| <!-- Scan history will be populated by JS --> | |
| </tbody> | |
| </table> | |
| </div> | |
| </section> | |
| <!-- Strike Timeline --> | |
| <div class="section"> | |
| <h3 class="section-title">[TIMELINE DE FRAPPE]</h3> | |
| <div class="timeline" id="strikeTimeline"> | |
| <div class="timeline-item"> | |
| <div class="timeline-time">00:00:00</div> | |
| <div>Systeme initialisé - Mode furtif activé</div> | |
| </div> | |
| <div class="timeline-item"> | |
| <div class="timeline-time">En attente</div> | |
| <div class="text-gray-400">En attente d'analyse FEC...</div> | |
| </div> | |
| </div> | |
| </div> | |
| <section> | |
| <h3 class="section-title">[STATUT SYSTÈME]</h3> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> | |
| <div class="bg-secondary border border-gray-700 rounded-lg p-6 text-center hover:border-accent transition-colors"> | |
| <i data-feather="cpu" class="mx-auto mb-4 text-accent"></i> | |
| <h4 class="card-title">[IA ANALYSE]</h4> | |
| <p class="text-success">Opérationnel</p> | |
| </div> | |
| <div class="bg-secondary border border-gray-700 rounded-lg p-6 text-center hover:border-accent transition-colors"> | |
| <i data-feather="shield" class="mx-auto mb-4 text-accent"></i> | |
| <h4 class="card-title">[SÉCURITÉ]</h4> | |
| <p class="text-success">Active</p> | |
| </div> | |
| <div class="bg-secondary border border-gray-700 rounded-lg p-6 text-center hover:border-accent transition-colors"> | |
| <i data-feather="database" class="mx-auto mb-4 text-accent"></i> | |
| <h4 class="card-title">[BASE DE DONNÉES]</h4> | |
| <p class="text-success">Connectée</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- API Status Monitor --> | |
| <div class="section"> | |
| <h3 class="section-title">[STATUT API TEMPS RÉEL]</h3> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> | |
| <div class="bg-secondary border border-gray-700 rounded-lg p-6 text-center hover:border-accent transition-colors"> | |
| <api-status></api-status> | |
| </div> | |
| <div class="bg-secondary border border-gray-700 rounded-lg p-6 text-center hover:border-accent transition-colors"> | |
| <h4 class="card-title">Real-Time Feeds</h4> | |
| <real-time-feed></real-time-feed> | |
| </div> | |
| <div class="bg-secondary border border-gray-700 rounded-lg p-6 text-center hover:border-accent transition-colors"> | |
| <h4 class="card-title">Crypto Markets</h4> | |
| <div id="liveCryptoPrices" class="space-y-2"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <footer class="bg-primary border-t-2 border-accent py-6 px-4 mt-12"> | |
| <div class="container mx-auto text-center text-gray-500"> | |
| <p class="text-accent font-bold">JANUS SCANNER PRO - SYSTÈME DE DÉTECTION DE FRAUDE FINANCIÈRE</p> | |
| <p class="mt-2 text-sm">© 2025 Janus Corp. Tous droits réservés. | Opération "Lumière Noire"</p> | |
| <div class="mt-4 flex justify-center space-x-6 text-sm"> | |
| <span class="flex items-center text-green-500"> | |
| <i data-feather="shield" class="w-4 h-4 mr-1"></i> | |
| SÉCURISÉ | |
| </span> | |
| <span class="flex items-center text-blue-500"> | |
| <i data-feather="cpu" class="w-4 h-4 mr-1"></i> | |
| IA ACTIVÉE | |
| </span> | |
| <span class="flex items-center text-purple-500"> | |
| <i data-feather="database" class="w-4 h-4 mr-1"></i> | |
| ANALYSE TEMPS RÉEL | |
| </span> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- Scripts --> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="components/api-status.js"></script> | |
| <script src="components/real-time-feed.js"></script> | |
| <script src="script.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.min.js"></script> | |
| <script>feather.replace();</script> | |
| </body> | |
| </html> | |