Files
gd-list/reset-password.html

67 lines
2.8 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6951907799659255"
crossorigin="anonymous"></script>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Reset password — GD fedl</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/png" href="pageicon.png">
</head>
<body data-page="reset-password">
<header>
<h1>Reset password</h1>
<nav>
<a href="index.html">Home</a>
<a href="login.html">Log in</a>
<a href="signup.html">Sign up</a>
<a href="account.html">Account</a>
<a href="contact.html">Contact</a>
</nav>
</header>
<main class="account-main">
<section class="panel account-panel">
<p class="hero-kicker">FEDL account</p>
<h2>Request a reset code</h2>
<p class="muted">Enter your username to get a reset code sent to your messages.</p>
<form id="reset-request-form" class="auth-form">
<label class="admin-password-field" for="reset-identifier">
<span>Username</span>
<input id="reset-identifier" name="identifier" type="text" autocomplete="username" required />
</label>
<p id="reset-request-status" class="muted" role="status"></p>
<div class="auth-actions">
<button type="submit" class="btn" id="reset-request-submit">Get reset code</button>
</div>
</form>
</section>
<section id="reset-section" class="panel account-panel" style="display:none;">
<h2>Enter your reset code</h2>
<p class="muted">Enter the reset code you received above.</p>
<div id="reset-code-display" style="display:none;"></div>
<form id="reset-password-form" class="auth-form">
<label class="admin-password-field" for="reset-token">
<span>Reset code</span>
<input id="reset-token" name="token" type="text" autocomplete="off" required />
</label>
<label class="admin-password-field" for="reset-new-password">
<span>New password</span>
<input id="reset-new-password" name="newPassword" type="password" autocomplete="new-password" required minlength="8" />
</label>
<label class="admin-password-field" for="reset-confirm-password">
<span>Confirm new password</span>
<input id="reset-confirm-password" name="confirmPassword" type="password" autocomplete="new-password" required minlength="8" />
</label>
<p id="reset-password-status" class="muted" role="status"></p>
<div class="auth-actions">
<button type="submit" class="btn" id="reset-password-submit">Set new password</button>
</div>
</form>
</section>
</main>
<script src="app.js" defer></script>
</body>
</html>