diff options
| author | Ahmed AbdelHalim <[email protected]> | 2025-09-06 23:55:19 +0200 |
|---|---|---|
| committer | Ahmed AbdelHalim <[email protected]> | 2025-09-07 02:20:46 +0200 |
| commit | 17168a489392847794de0aed15fe395230a38261 (patch) | |
| tree | 60914d9df4b9b37852e54dcf72818b0df1a958fb /templates/index.html | |
Initial commit
This cleaned up and added linting/readme to the already created web app
that I have been using to control vpn on my raspberry setup
Diffstat (limited to 'templates/index.html')
| -rw-r--r-- | templates/index.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..2e6301b --- /dev/null +++ b/templates/index.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="color-scheme" content="dark light"> + + <title>{{.Title}}</title> + <link rel="stylesheet" href="/static/css/styles.css"> +</head> +<body> + <header> + <h1 class="header__title">{{.Title}}</h1> + <p class="header__subtitle">Manage WireGuard VPN connections</p> + </header> + <main> + <article class="status"> + <h2 class="status__header">WireGuard Status</h2> + <div id="status__container" class="status__container"> + <div class="message loading">Loading Status...</div> + </div> + </article> + <article class="connections"> + <h2 class="connections__header">WireGuard Connections</h2> + <div id="connections__container" class="connections__container"> + <div class="message loading">Loading Connections...</div> + </div> + </article> + <article id="notifications"> + <h3 class="notifications__header">Notifications</h3> + <div id="notifications__container" class="notifications__container"> + <div class="message success">No Errors Found.</div> + </div> + </article> + </main> + <footer></footer> + <script src="/static/js/app.js"></script> +</body> +</html> |