login.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!doctype html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>登录 MailHub</title>
  7. <link rel="stylesheet" href="/login.css">
  8. </head>
  9. <body>
  10. <main class="login-shell">
  11. <section class="brand-pane">
  12. <div class="brand-mark">MH</div>
  13. <div class="brand-copy">
  14. <h1>MailHub</h1>
  15. <p>发信控制台</p>
  16. </div>
  17. <div class="signal-grid">
  18. <div>
  19. <span>HELO</span>
  20. <strong>in.ss5.xyz</strong>
  21. </div>
  22. <div>
  23. <span>API</span>
  24. <strong>/api/send</strong>
  25. </div>
  26. <div>
  27. <span>DNS</span>
  28. <strong>SPF DKIM DMARC</strong>
  29. </div>
  30. </div>
  31. </section>
  32. <section class="login-card">
  33. <div class="login-heading">
  34. <span class="eyebrow">Admin</span>
  35. <h2>登录控制台</h2>
  36. </div>
  37. <form id="loginForm" class="login-form">
  38. <label>
  39. 用户名
  40. <input name="username" autocomplete="username" required autofocus>
  41. </label>
  42. <label>
  43. 密码
  44. <input name="password" type="password" autocomplete="current-password" required>
  45. </label>
  46. <button type="submit">登录</button>
  47. <p id="loginMessage" class="login-message" role="alert"></p>
  48. </form>
  49. </section>
  50. </main>
  51. <script src="/login.js" type="module"></script>
  52. </body>
  53. </html>