Spaces:
Sleeping
Sleeping
| <html lang="en" class="dark"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>FakeDetect</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script> | |
| tailwind.config = { | |
| darkMode: 'class', | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#4f46e5', | |
| accent: '#10b981', | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body class="bg-gray-900 text-gray-100 min-h-screen font-sans"> | |
| <div class="max-w-4xl mx-auto mt-10 p-8 bg-gray-800 rounded-2xl shadow-xl"> | |
| <h1 class="text-3xl font-extrabold mb-8 text-center text-primary">🕵️ FakeDetect OSINT Analyzer</h1> | |
| <form action="/analyze" method="POST" class="space-y-6"> | |
| <div> | |
| <label class="block mb-2 font-semibold text-gray-300">Paste article, tweet, or message:</label> | |
| <textarea name="input_text" rows="8" class="w-full bg-gray-700 text-gray-100 border border-gray-600 rounded-lg p-4 focus:ring-2 focus:ring-primary outline-none" required></textarea> | |
| </div> | |
| <div> | |
| <label class="block mb-2 font-semibold text-gray-300">Select output language:</label> | |
| <select name="language" class="w-full bg-gray-700 text-gray-100 border border-gray-600 rounded-lg p-3"> | |
| <option value="en">English</option> | |
| <option value="de">German</option> | |
| <option value="es">Spanish</option> | |
| <option value="fr">French</option> | |
| <option value="ru">Russian</option> | |
| </select> | |
| </div> | |
| <button type="submit" class="w-full bg-primary text-white font-semibold py-3 rounded-lg hover:bg-indigo-700 transition"> | |
| 🚀 Generate OSINT Report | |
| </button> | |
| </form> | |
| <!-- Image Previews --> | |
| <div class="mt-10"> | |
| <h2 class="text-xl font-bold text-accent mb-4">📊 Latest Analysis Preview</h2> | |
| <div class="mb-6"> | |
| <h3 class="font-semibold text-gray-300">Sentiment Chart</h3> | |
| <img src="/tmp/sentiment_pie_chart.png" alt="Sentiment Chart" class="mt-3 border border-gray-600 rounded-xl shadow-lg w-full" /> | |
| </div> | |
| <div class="mb-6"> | |
| <h3 class="font-semibold text-gray-300">Network Graph</h3> | |
| <img src="/tmp/network_graph.png" alt="Network Graph" class="mt-3 border border-gray-600 rounded-xl shadow-lg w-full" /> | |
| </div> | |
| <div class="text-center mt-8"> | |
| <a href="/tmp/OSINT_Report.html" download class="inline-block bg-accent text-white px-6 py-3 rounded-full font-semibold shadow-lg hover:bg-emerald-600 transition"> | |
| ⬇️ Download Full HTML Report | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="footer" style="text-align: center;"> | |
| © 2025 <strong>FakeDetect</strong> by <em>Sebastian Friedrich Nestler</em> – Built with ❤️ for responsible intelligence analysis. | |
| </div> | |
| </body> | |
| </html> | |