Torjus Håkestad
7c90c9ed4a
Add Chart.js line/bar charts for attack trends (attempts over time, hourly pattern), an SVG world map choropleth colored by attack origin country, and a collapsible filter form (date range, IP, country, username) that narrows both charts and top-N tables. New store methods: GetAttemptsOverTime, GetHourlyPattern, GetCountryStats, and filtered variants of dashboard stats/top-N queries. New JSON API endpoints at /api/charts/* and an htmx fragment at /fragments/dashboard-content for filtered table updates. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
65 lines
1.7 KiB
HTML
65 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-theme="dark">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Oubliette</title>
|
|
<link rel="stylesheet" href="/static/pico.min.css">
|
|
<script src="/static/htmx.min.js"></script>
|
|
<style>
|
|
:root {
|
|
--pico-font-size: 16px;
|
|
}
|
|
.stats-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
|
gap: 1rem;
|
|
}
|
|
.stat-card {
|
|
text-align: center;
|
|
padding: 1rem;
|
|
}
|
|
.stat-card h2 {
|
|
margin-bottom: 0.25rem;
|
|
font-size: 2rem;
|
|
}
|
|
.stat-card p {
|
|
margin: 0;
|
|
color: var(--pico-muted-color);
|
|
}
|
|
.top-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
|
|
gap: 1rem;
|
|
}
|
|
.top-grid article {
|
|
overflow: hidden;
|
|
min-width: 0;
|
|
}
|
|
#world-map svg { width: 100%; height: auto; }
|
|
#world-map svg path { fill: #2a2a3e; stroke: #555; stroke-width: 0.5; transition: fill 0.2s; }
|
|
#world-map svg path:hover { stroke: #fff; stroke-width: 1; }
|
|
nav h1 {
|
|
margin: 0;
|
|
}
|
|
nav small {
|
|
color: var(--pico-muted-color);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="container">
|
|
<ul>
|
|
<li><h1>Oubliette</h1></li>
|
|
</ul>
|
|
<ul>
|
|
<li><small>SSH Honeypot Dashboard</small></li>
|
|
</ul>
|
|
</nav>
|
|
<main class="container">
|
|
{{block "content" .}}{{end}}
|
|
</main>
|
|
{{block "scripts" .}}{{end}}
|
|
</body>
|
|
</html>
|