build-base

web/client/templates/mfa.html

@@ -0,0 +1,31 @@
+{{define "title"}}Two-Factor Authentication{{end}}
+{{define "content"}}
+<div style="width:22rem">
+  <div style="text-align:center;margin-bottom:2rem">
+    <div style="font-size:1.5rem;font-weight:700;color:#f9fafb">mailgosend</div>
+    <div style="font-size:.875rem;color:#4b5563;margin-top:.25rem">Two-factor authentication required</div>
+  </div>
+  <div style="background:#161b22;border:1px solid #21262d;border-radius:.5rem;padding:1.5rem">
+    {{if .Error}}<div class="flash-err" style="margin-bottom:1rem">{{.Error}}</div>{{end}}
+    {{if .Flash}}<div class="flash-ok" style="margin-bottom:1rem">{{.Flash}}</div>{{end}}
+    <p style="color:#9ca3af;font-size:.8125rem;margin-bottom:1.25rem">
+      Enter the 6-digit code from your authenticator app, or an 8-character backup code.
+    </p>
+    <form method="POST" action="/login/mfa">
+      <input type="hidden" name="csrf" value="{{.CSRF}}">
+      <div class="field">
+        <label for="code">Authentication Code</label>
+        <input type="text" id="code" name="code" required
+               minlength="6" maxlength="64"
+               autocomplete="one-time-code" autofocus
+               inputmode="numeric" placeholder="000000"
+               style="letter-spacing:.15em;text-align:center;font-size:1.25rem">
+      </div>
+      <button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;margin-top:.5rem">Verify</button>
+    </form>
+    <div style="margin-top:1rem;text-align:center">
+      <a href="/login" style="font-size:.8rem;color:#4b5563">Back to login</a>
+    </div>
+  </div>
+</div>
+{{end}}