93 lines
No EOL
5.1 KiB
HTML
93 lines
No EOL
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Snowflake Dashboard</title>
|
|
<link rel="icon" type="image/svg+xml" href="favicon.svg?v=VERSION" media="(prefers-color-scheme: light)">
|
|
<link rel="icon" type="image/svg+xml" href="favicon-dark.svg?v=VERSION" media="(prefers-color-scheme: dark)">
|
|
<link rel="stylesheet" href="styles.css?v=VERSION">
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<div class="grid grid-bottom">
|
|
<div class="left-column">
|
|
<div class="stat" id="metrics-stat">
|
|
<h2 class="label">Metrics</h2>
|
|
<div class="metric-row">
|
|
<span tabindex="0" role="term" class="metric-label" aria-describedby="tip-success-rate" title="Percentage of successful connections vs total attempts">Success
|
|
Rate</span>
|
|
<span id="tip-success-rate" class="sr-only">Percentage of successful connections vs total
|
|
attempts</span>
|
|
<span role="definition" id="success-rate-small">-</span>
|
|
</div>
|
|
<div class="metric-row">
|
|
<span tabindex="0" role="term" class="metric-label" aria-describedby="tip-uptime" title="How long the Snowflake proxy has been running">Uptime</span>
|
|
<span id="tip-uptime" class="sr-only">How long the Snowflake proxy has been running</span>
|
|
<span role="definition" id="uptime">-</span>
|
|
</div>
|
|
<div class="metric-row">
|
|
<span tabindex="0" role="term" class="metric-label" aria-describedby="tip-relay" title="Data relayed from Tor to clients / from clients to Tor">Relay ↓ /
|
|
↑</span>
|
|
<span id="tip-relay" class="sr-only">Data relayed from Tor to clients / from clients to
|
|
Tor</span>
|
|
<span role="definition" id="tor-traffic">-</span>
|
|
</div>
|
|
<div class="metric-row" id="nat-row" hidden>
|
|
<span tabindex="0" role="term" class="metric-label" aria-describedby="tip-nat" title="Your network's NAT configuration - determines proxy compatibility">NAT Type</span>
|
|
<span id="tip-nat" class="sr-only">Your network's NAT configuration - determines proxy
|
|
compatibility</span>
|
|
<span role="definition" id="nat-type">-</span>
|
|
</div>
|
|
<div class="metric-row">
|
|
<span tabindex="0" role="term" class="metric-label"
|
|
aria-describedby="tip-connections" title="Successful client connections completed">Connections</span>
|
|
<span id="tip-connections" class="sr-only">Successful client connections completed</span>
|
|
<span role="definition" id="total">-</span>
|
|
</div>
|
|
<div class="metric-row">
|
|
<span tabindex="0" role="term" class="metric-label"
|
|
aria-describedby="tip-timeouts" title="Connection attempts that failed or timed out">Timeouts</span>
|
|
<span id="tip-timeouts" class="sr-only">Connection attempts that failed or timed out</span>
|
|
<span role="definition" id="timeouts">-</span>
|
|
</div>
|
|
<div class="metric-row">
|
|
<span tabindex="0" role="term" class="metric-label" aria-describedby="tip-memory" title="Current memory consumption of the proxy process">Memory
|
|
Usage</span>
|
|
<span id="tip-memory" class="sr-only">Current memory consumption of the proxy process</span>
|
|
<span role="definition" id="memory">-</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="stat">
|
|
<h2 class="label" id="countries-heading">Connections by Country</h2>
|
|
<div class="table-scroll">
|
|
<table id="countries" aria-labelledby="countries-heading">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Country</th>
|
|
<th scope="col">Count</th>
|
|
<th scope="col">%</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="stat">
|
|
<h2 class="label" id="activity-heading">Recent Activity (Hourly)</h2>
|
|
<div id="activity-log" aria-live="polite" aria-atomic="false">
|
|
<div class="loading">Loading...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="dashboard.js?v=VERSION"></script>
|
|
</body>
|
|
|
|
</html> |