FakeDetect / index.html
Basti1110's picture
Update index.html
e8b0c34 verified
<!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>