-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreset_password.html
102 lines (88 loc) · 5.78 KB
/
reset_password.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Join reset password</title>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="./favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="./favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="./favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="./favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="./favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="./favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="./favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="./favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="./favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="./favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="./favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="./favicon/favicon-16x16.png" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
<!-- Responsive, mobile first -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<!-- CSS -->
<link rel="stylesheet" href="./styles/globals.css" />
<link rel="stylesheet" href="./styles/helpers.css" />
<link rel="stylesheet" href="./styles/fonts.css" />
<link rel="stylesheet" href="./styles/colors.css" />
<link rel="stylesheet" href="./styles/frame.css" />
<link rel="stylesheet" href="./styles/index.css" />
<link rel="stylesheet" href="./styles/reset_password.css" />
<!-- JS -->
<!-- <script src="./scripts/mini_backend.js"></script> -->
<script src="./scripts/globals.js" defer></script>
<script src="./scripts/mini_backend.js"></script>
<script src="./scripts/forgot_password.js" defer></script>
<script src="./scripts/reset_password.js" defer></script>
<title>Sign in</title>
</head>
<body onload="initResetPassword()">
<a href="./index.html">
<svg class="join-logo-mobile-fixed" width="101" height="122" viewBox="0 0 101 122" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M71.6725 0H49.5146V25.4923H71.6725V0Z" fill="currentColor" />
<path
d="M49.5142 46.2251H71.6721V82.1779C71.7733 90.8292 69.3112 99.3153 64.5986 106.557C59.9455 113.594 50.963 121.966 34.3446 121.966C16.2434 121.966 5.69286 113.406 0 108.715L13.9765 91.4743C19.533 96.0112 24.885 99.7435 34.4299 99.7435C41.6567 99.7435 44.5372 96.7988 46.2247 94.2307C48.5186 90.6637 49.7052 86.4923 49.6335 82.2464L49.5142 46.2251Z"
fill="currentColor"
/>
<path d="M38.2135 30.1318H16.0557V52.3884H38.2135V30.1318Z" fill="#29ABE2" />
<path
d="M83.2795 111.522C83.2795 116.265 80.8762 118.815 77.5184 118.815C74.1607 118.815 71.9619 115.785 71.9619 111.762C71.9619 107.739 74.2288 104.554 77.7059 104.554C81.183 104.554 83.2795 107.687 83.2795 111.522ZM74.5356 111.711C74.5356 114.57 75.6776 116.675 77.6377 116.675C79.5978 116.675 80.7057 114.45 80.7057 111.539C80.7057 108.988 79.6831 106.592 77.6377 106.592C75.5924 106.592 74.5356 108.903 74.5356 111.711Z"
fill="currentColor"
/>
<path d="M87.6771 104.76V118.593H85.2227V104.76H87.6771Z" fill="currentColor" />
<path d="M90.3359 118.593V104.76H93.0631L95.9947 110.461C96.7494 111.952 97.4209 113.483 98.006 115.049C97.8526 113.337 97.7844 111.368 97.7844 109.177V104.76H100.034V118.593H97.4946L94.5289 112.772C93.7437 111.243 93.0438 109.671 92.4324 108.064C92.4324 109.776 92.5517 111.711 92.5517 114.09V118.576L90.3359 118.593Z" fill="currentColor" />
</svg>
</a>
<div id="login-window" class="dropdown-menu forgot-password-container">
<a href="./index.html">
<img class="back-to-login" src="./assets/icons/back_logo_black.png" alt="back to login" />
</a>
<form class="px-4 py-3" onsubmit="checkResetPasswordForm(); return false">
<div class="login-title-container">
<h2 class="container">Reset your password here</h2>
</div>
<p class="message">Change your account password here</p>
<div class="mb-3">
<input type="password" class="form-control" id="new-password" placeholder="New password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" autocomplete="on" required />
</div>
<div class="mb-3">
<input type="password" class="form-control" id="new-password-repeat" placeholder="Confirm password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" autocomplete="on" required />
<div id="reset-password-feedback" class="invalid-feedback">Passwords do not match.</div>
</div>
<div class="login-btns-container container">
<button id="signup-btn" type="submit" class="btn btn-primary btn-ordinary btns-index">Continue</button>
</div>
</form>
<img id="feedback-message" class="reset-password-message" src="./assets/img/reset-password-message.png" alt="" />
</div>
</body>
</html>