34 lines
1.4 KiB
HTML
34 lines
1.4 KiB
HTML
{{define "login"}}<!doctype html>
|
|
<html lang="en" data-bs-theme="dark">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Log in · VibeSonic</title>
|
|
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/static/css/bootstrap-icons.min.css">
|
|
<link rel="stylesheet" href="/static/css/app.css">
|
|
</head>
|
|
<body class="d-flex align-items-center justify-content-center" style="min-height:100vh;">
|
|
<div class="card" style="width: 22rem;">
|
|
<div class="card-body">
|
|
<h1 class="h4 text-center mb-3"><i class="bi bi-vinyl-fill"></i> VibeSonic</h1>
|
|
{{if .Flash}}<div class="alert alert-{{if .FlashKind}}{{.FlashKind}}{{else}}danger{{end}}">{{.Flash}}</div>{{end}}
|
|
<form method="post" action="/login">
|
|
{{template "csrf_field" .CSRFToken}}
|
|
<input type="hidden" name="next" value="{{.Data.Next}}">
|
|
<div class="mb-3">
|
|
<label class="form-label" for="username">Username</label>
|
|
<input type="text" class="form-control" id="username" name="username" autofocus required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label" for="password">Password</label>
|
|
<input type="password" class="form-control" id="password" name="password" required>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary w-100">Log in</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
{{end}}
|