Spaces:
Sleeping
Sleeping
File size: 2,914 Bytes
6f9ff59 2e02d81 6f9ff59 48ad1a0 6f9ff59 2e02d81 6f9ff59 2e02d81 cf65c60 2e02d81 48ad1a0 2e02d81 48ad1a0 2e02d81 48ad1a0 6f9ff59 cf65c60 2e02d81 cf65c60 2e02d81 cf65c60 6f9ff59 25642fb e8b0c34 25642fb 6f9ff59 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
<!DOCTYPE html>
<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>
|