ospab
85a2b01074
Components: - ostp-daemon: Windows Service with Named Pipe IPC - ostp-installer: Setup wizard with admin privileges - ostp-gui: Tauri dark theme UI (450x600) Features: - Background service management (OspabGuard) - IPC commands: CONNECT/DISCONNECT/STATUS - Firewall rules auto-configuration - Wintun driver placeholder (download from wintun.net) - Real-time stats display (upload/download/ping) Note: Requires wintun.dll download for full functionality
56 lines
1.9 KiB
HTML
56 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>OSTP VPN</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>OSTP VPN</h1>
|
|
<div class="status-indicator" id="statusIndicator">Disconnected</div>
|
|
</div>
|
|
|
|
<div class="main-content">
|
|
<!-- Connection Toggle -->
|
|
<button class="connect-button" id="connectButton" onclick="toggleConnection()">
|
|
<span id="buttonText">Connect</span>
|
|
</button>
|
|
|
|
<!-- Server Selection -->
|
|
<div class="server-section">
|
|
<label for="serverSelect">Server:</label>
|
|
<select id="serverSelect">
|
|
<option value="">Loading...</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Stats Display -->
|
|
<div class="stats-grid" id="statsGrid" style="display: none;">
|
|
<div class="stat">
|
|
<div class="stat-label">Upload</div>
|
|
<div class="stat-value" id="uploadSpeed">0 KB/s</div>
|
|
</div>
|
|
<div class="stat">
|
|
<div class="stat-label">Download</div>
|
|
<div class="stat-value" id="downloadSpeed">0 KB/s</div>
|
|
</div>
|
|
<div class="stat">
|
|
<div class="stat-label">Ping</div>
|
|
<div class="stat-value" id="ping">0 ms</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Settings -->
|
|
<div class="settings-section">
|
|
<button class="settings-button" onclick="showSettings()">⚙ Settings</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|