Hugging Face's logo

Spaces:
Basti1110
/
FakeDetect
Sleeping

App Files Community
Basti1110 commited on
Commit
ec0d93c
·
verified ·
1 Parent(s): 568bb43

Update osint_dark_template.html

Browse files
Files changed (1) hide show
  1. osint_dark_template.html +85 -51
osint_dark_template.html CHANGED
@@ -1,104 +1,138 @@
1
 
2
  <!DOCTYPE html>
3
- <html lang="en" class="dark">
4
  <head>
5
  <meta charset="UTF-8">
6
  <title>OSINT Intelligence Report</title>
7
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
  <style>
9
- body {
 
 
 
 
 
 
 
 
10
  font-family: 'Segoe UI', sans-serif;
11
- background-color: #111827;
12
- color: #e5e7eb;
13
  padding: 2rem;
 
14
  line-height: 1.6;
15
- }
16
- h1, h2 {
17
- color: #60a5fa;
18
- }
19
- .section {
20
- margin-bottom: 2.5rem;
21
- }
22
- .card {
23
- background-color: #1f2937;
 
 
 
 
 
 
 
24
  padding: 1.5rem;
25
  border-radius: 1rem;
26
- box-shadow: 0 4px 14px rgba(0,0,0,0.4);
27
- }
28
- .image {
29
- text-align: center;
30
- margin: 1.5rem 0;
31
- }
32
- a.download {
 
 
 
 
 
 
 
 
 
33
  display: inline-block;
34
- background-color: #10b981;
35
  color: white;
 
36
  padding: 0.75rem 1.5rem;
37
  border-radius: 0.5rem;
38
- text-decoration: none;
39
  font-weight: bold;
40
  transition: background-color 0.3s ease;
41
- }
42
- a.download:hover {
 
 
 
43
  background-color: #059669;
44
- }
 
 
 
 
 
 
 
45
  </style>
46
  </head>
47
  <body>
48
- <h1 class="text-center text-3xl font-bold mb-4">🕵️ OSINT Intelligence Report</h1>
49
 
50
- <div class="section card">
51
  <h2>Summary</h2>
52
- <p>{summary}</p>
53
  </div>
54
 
55
- <div class="section card">
56
  <h2>Top Topics</h2>
57
- <p>{topics}</p>
58
  </div>
59
 
60
- <div class="section card">
61
  <h2>Notable Users</h2>
62
- {users}
63
  </div>
64
 
65
- <div class="section card">
66
  <h2>Network Analysis</h2>
67
- {clusters}
68
  </div>
69
 
70
- <div class="section card">
71
  <h2>Sentiment Overview</h2>
72
- <p>Positive: {positive}%</p>
73
- <p>Neutral: {neutral}%</p>
74
- <p>Negative: {negative}%</p>
75
- <div class="image">
76
- <img src="sentiment_pie_chart.png" alt="Sentiment Chart" width="500">
77
- </div>
78
  </div>
79
 
80
- <div class="section card">
81
  <h2>Network Influence Graph</h2>
82
- <div class="image">
83
- <img src="network_graph.png" alt="Network Graph" width="600">
84
- </div>
85
  </div>
86
 
87
- <div class="section card">
88
  <h2>Risk Flags</h2>
89
  <ul>
90
- {flags}
91
  </ul>
92
  </div>
93
 
94
- <div class="section card">
95
  <h2>Timestamp Range</h2>
96
- <p>From: {start}</p>
97
- <p>To: {end}</p>
98
  </div>
99
 
100
- <div class="text-center mt-8">
101
  <a href="OSINT_Report.html" download class="download">⬇️ Download This Report</a>
102
  </div>
 
 
103
  </body>
104
  </html>
 
 
1
 
2
  <!DOCTYPE html>
3
+ <html lang="en">
4
  <head>
5
  <meta charset="UTF-8">
6
  <title>OSINT Intelligence Report</title>
7
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
  <style>
9
+ :root {{
10
+ --bg: #0f172a;
11
+ --card: #1e293b;
12
+ --text: #e2e8f0;
13
+ --accent: #60a5fa;
14
+ --success: #10b981;
15
+ }}
16
+
17
+ body {{
18
  font-family: 'Segoe UI', sans-serif;
19
+ background-color: var(--bg);
20
+ color: var(--text);
21
  padding: 2rem;
22
+ margin: 0;
23
  line-height: 1.6;
24
+ }}
25
+
26
+ h1 {{
27
+ text-align: center;
28
+ font-size: 2.2rem;
29
+ color: var(--accent);
30
+ margin-bottom: 2rem;
31
+ }}
32
+
33
+ h2 {{
34
+ color: var(--accent);
35
+ margin-bottom: 1rem;
36
+ }}
37
+
38
+ .card {{
39
+ background-color: var(--card);
40
  padding: 1.5rem;
41
  border-radius: 1rem;
42
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
43
+ margin-bottom: 2rem;
44
+ }}
45
+
46
+ img {{
47
+ display: block;
48
+ margin: 1rem auto;
49
+ border-radius: 0.5rem;
50
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
51
+ }}
52
+
53
+ ul {{
54
+ padding-left: 1.5rem;
55
+ }}
56
+
57
+ a.download {{
58
  display: inline-block;
59
+ background-color: var(--success);
60
  color: white;
61
+ text-decoration: none;
62
  padding: 0.75rem 1.5rem;
63
  border-radius: 0.5rem;
 
64
  font-weight: bold;
65
  transition: background-color 0.3s ease;
66
+ margin-top: 1rem;
67
+ text-align: center;
68
+ }}
69
+
70
+ a.download:hover {{
71
  background-color: #059669;
72
+ }}
73
+
74
+ .footer {{
75
+ text-align: center;
76
+ font-size: 0.9rem;
77
+ color: #94a3b8;
78
+ margin-top: 2rem;
79
+ }}
80
  </style>
81
  </head>
82
  <body>
83
+ <h1>🕵️ OSINT Intelligence Report</h1>
84
 
85
+ <div class="card">
86
  <h2>Summary</h2>
87
+ <p>{{summary}}</p>
88
  </div>
89
 
90
+ <div class="card">
91
  <h2>Top Topics</h2>
92
+ <p>{{topics}}</p>
93
  </div>
94
 
95
+ <div class="card">
96
  <h2>Notable Users</h2>
97
+ {{users}}
98
  </div>
99
 
100
+ <div class="card">
101
  <h2>Network Analysis</h2>
102
+ {{clusters}}
103
  </div>
104
 
105
+ <div class="card">
106
  <h2>Sentiment Overview</h2>
107
+ <p>Positive: {{positive}}%</p>
108
+ <p>Neutral: {{neutral}}%</p>
109
+ <p>Negative: {{negative}}%</p>
110
+ <img src="sentiment_pie_chart.png" alt="Sentiment Chart" width="500" />
 
 
111
  </div>
112
 
113
+ <div class="card">
114
  <h2>Network Influence Graph</h2>
115
+ <img src="network_graph.png" alt="Network Graph" width="600" />
 
 
116
  </div>
117
 
118
+ <div class="card">
119
  <h2>Risk Flags</h2>
120
  <ul>
121
+ {{flags}}
122
  </ul>
123
  </div>
124
 
125
+ <div class="card">
126
  <h2>Timestamp Range</h2>
127
+ <p>From: {{start}}</p>
128
+ <p>To: {{end}}</p>
129
  </div>
130
 
131
+ <div class="card" style="text-align: center;">
132
  <a href="OSINT_Report.html" download class="download">⬇️ Download This Report</a>
133
  </div>
134
+
135
+ <div class="footer">© 2025 FakeDetect by Sebastian Friedrich Nestler – Responsible OSINT Intelligence</div>
136
  </body>
137
  </html>
138
+