chendeben
/
MailSend


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
							<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>登录 MailHub</title>
    <link rel="stylesheet" href="/login.css">
  </head>
  <body>
    <main class="login-shell">
      <section class="brand-pane">
        <div class="brand-mark">MH</div>
        <div class="brand-copy">
          <h1>MailHub</h1>
          <p>发信控制台</p>
        </div>
        <div class="signal-grid">
          <div>
            <span>SMTP</span>
            <strong>AUTH</strong>
          </div>
          <div>
            <span>DNS</span>
            <strong>API 自动配置</strong>
          </div>
          <div>
            <span>Auth</span>
            <strong>多用户隔离</strong>
          </div>
        </div>
      </section>

      <section class="login-card">
        <div class="login-heading">
          <span class="eyebrow" id="modeEyebrow">Sign in</span>
          <h2 id="modeTitle">登录控制台</h2>
        </div>

        <div class="auth-tabs">
          <button class="active" data-mode="login" type="button">登录</button>
          <button data-mode="register" type="button">注册</button>
        </div>

        <form id="loginForm" class="login-form" method="post" action="/login">
          <label>
            用户名或邮箱
            <input name="username" autocomplete="username" required autofocus>
          </label>
          <label>
            密码
            <input name="password" type="password" autocomplete="current-password" required>
          </label>
          <button type="submit">登录</button>
        </form>

        <form id="registerForm" class="login-form hidden" method="post" action="/register">
          <label>
            用户名
            <input name="username" autocomplete="username" minlength="3" required>
          </label>
          <label>
            邮箱
            <input name="email" type="email" autocomplete="email" required>
          </label>
          <label>
            密码
            <input name="password" type="password" autocomplete="new-password" minlength="8" required>
          </label>
          <button type="submit">注册并进入</button>
        </form>

        <p id="loginMessage" class="login-message" role="alert"></p>
      </section>
    </main>
    <script src="/login.js" type="module"></script>
  </body>
</html>