FakeDetect / osint_dark_template.html
Basti1110's picture
Update osint_dark_template.html
f06c385 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>OSINT Intelligence Report</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
:root {{
--bg: #0f172a;
--card: #1e293b;
--text: #e2e8f0;
--accent: #60a5fa;
--success: #10b981;
}}
body {{
font-family: 'Segoe UI', sans-serif;
background-color: var(--bg);
color: var(--text);
padding: 2rem;
margin: 0;
line-height: 1.6;
}}
h1 {{
text-align: center;
font-size: 2.2rem;
color: var(--accent);
margin-bottom: 2rem;
}}
h2 {{
color: var(--accent);
margin-bottom: 1rem;
}}
.card {{
background-color: var(--card);
padding: 1.5rem;
border-radius: 1rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
margin-bottom: 2rem;
}}
img {{
display: block;
margin: 1rem auto;
border-radius: 0.5rem;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}}
ul {{
padding-left: 1.5rem;
}}
a.download {{
display: inline-block;
background-color: var(--success);
color: white;
text-decoration: none;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
font-weight: bold;
transition: background-color 0.3s ease;
margin-top: 1rem;
text-align: center;
}}
a.download:hover {{
background-color: #059669;
}}
.footer {{
text-align: center;
font-size: 0.9rem;
color: #94a3b8;
margin-top: 2rem;
}}
</style>
</head>
<body>
<h1>🕵️ OSINT Intelligence Report</h1>
<div class="card">
<h2>Summary</h2>
<p>{summary}</p>
</div>
<div class="card">
<h2>Top Topics</h2>
<p>{topics}</p>
</div>
<div class="card">
<h2>Notable Users</h2>
{users}
</div>
<div class="card">
<h2>Network Analysis</h2>
{clusters}
</div>
<div class="card">
<h2>Sentiment Overview</h2>
<p>Positive: {positive}%</p>
<p>Neutral: {neutral}%</p>
<p>Negative: {negative}%</p>
<img src="sentiment_pie_chart.png" alt="Sentiment Chart" width="500" />
</div>
<div class="card">
<h2>Network Influence Graph</h2>
<img src="network_graph.png" alt="Network Graph" width="600" />
</div>
<div class="card">
<h2>Risk Flags</h2>
<ul>
{flags}
</ul>
</div>
<div class="card">
<h2>Timestamp Range</h2>
<p>From: {start}</p>
<p>To: {end}</p>
</div>
<div class="card" style="text-align: center;">
<a href="OSINT_Report.html" download class="download">⬇️ Download This Report</a>
</div>
<div class="footer">© 2025 FakeDetect by Sebastian Friedrich Nestler – Built with ❤️ for responsible intelligence analysis.</div>
</body>
</html>