1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1" />
6 <meta name="color-scheme" content="light dark" />
7 <link rel="stylesheet" href="/static/pico.css" />
8 <link rel="stylesheet" href="/static/style.css" />
9 <title>TOTP Enrollment</title>
10 </head>
11 <body class="centered-body">
12 <main class="container base-container box-shadow-container login-container">
13 <h2>TOTP Enrollment</h2>
14 <p>
15 Enroll in TOTP by adding the below secret to your TOTP manager and
16 verifying the code.
17 </p>
18 {{ if .flashes.errors }}
19 <div class="alert alert-danger margin-bottom-xs">
20 <p>{{ index .flashes.errors 0 }}</p>
21 </div>
22 {{ end }}
23 <div class="center">
24 <img src="{{ .Image }}" class="totp-image" />
25 </div>
26 <form action="/account/totp-enroll" method="post">
27 <input name="code" id="code" placeholder="Code" />
28 <button class="primary" type="submit" value="Login">Enroll</button>
29 </form>
30 </main>
31 </body>
32</html>