diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 9 | ||||
| -rw-r--r-- | templates/login.html | 34 |
2 files changed, 41 insertions, 2 deletions
diff --git a/templates/index.html b/templates/index.html index 2e6301b..724aa6e 100644 --- a/templates/index.html +++ b/templates/index.html @@ -5,13 +5,18 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="color-scheme" content="dark light"> - <title>{{.Title}}</title> + <title>WireGuard Gateway Portal</title> <link rel="stylesheet" href="/static/css/styles.css"> </head> <body> <header> - <h1 class="header__title">{{.Title}}</h1> + <h1 class="header__title">WireGuard Gateway Portal</h1> <p class="header__subtitle">Manage WireGuard VPN connections</p> + <div class="header__logout"> + <form method="POST" action="/logout"> + <input type="submit" value="Logout"> + </form> + </div> </header> <main> <article class="status"> diff --git a/templates/login.html b/templates/login.html new file mode 100644 index 0000000..c26f863 --- /dev/null +++ b/templates/login.html @@ -0,0 +1,34 @@ +<!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>WireGuard Gateway Portal</title> + <link rel="stylesheet" href="/static/css/styles.css"> +</head> +<body> + <header> + <h1 class="header__title">WireGuard Gateway Portal</h1> + <p class="header__subtitle">Manage WireGuard VPN connections</p> + </header> + <main> + <div class="login"> + <div class="login__container"> + {{if .Error}} + <div id="notifications__container" class="notifications__container"> + <div class="message error">{{.Error}}</div> + </div> + {{end}} + + <form class="login__form" method="POST" action="/login"> + <input type="password" name="password" placeholder="Password" required> + <input type="submit" value="Login"> + </form> + </div> + </div> + </main> + <footer></footer> +</body> +</html> |