58 lines
2.4 KiB
HTML
58 lines
2.4 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<title>Sign in — MPS</title>
|
||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
|
||
|
|
<link rel="stylesheet" href="/css/styles.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="login-shell">
|
||
|
|
<div class="card login-card">
|
||
|
|
|
||
|
|
<!-- SIGN IN -->
|
||
|
|
<div id="loginView">
|
||
|
|
<div class="form-row">
|
||
|
|
<label for="username">Username</label>
|
||
|
|
<input class="input" id="username" autocomplete="username" />
|
||
|
|
</div>
|
||
|
|
<div class="form-row">
|
||
|
|
<label for="password">Password</label>
|
||
|
|
<input class="input" id="password" type="password" autocomplete="current-password" />
|
||
|
|
</div>
|
||
|
|
<div class="err" id="err"></div>
|
||
|
|
<button class="btn primary" id="signin" style="width:100%; justify-content:center;">Sign in</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- FIRST-RUN SETUP -->
|
||
|
|
<div id="setupView" style="display:none;">
|
||
|
|
<h1>Welcome</h1>
|
||
|
|
<p class="sub">This is the first run. Create the administrator account to get started.</p>
|
||
|
|
<div class="form-row">
|
||
|
|
<label for="s_username">Admin username</label>
|
||
|
|
<input class="input" id="s_username" autocomplete="username" />
|
||
|
|
</div>
|
||
|
|
<div class="form-row">
|
||
|
|
<label for="s_email">Email <span class="hint">(optional, used for mail tests)</span></label>
|
||
|
|
<input class="input" id="s_email" autocomplete="email" />
|
||
|
|
</div>
|
||
|
|
<div class="form-row">
|
||
|
|
<label for="s_password">Password</label>
|
||
|
|
<input class="input" id="s_password" type="password" autocomplete="new-password" />
|
||
|
|
</div>
|
||
|
|
<div class="form-row">
|
||
|
|
<label for="s_password2">Confirm password</label>
|
||
|
|
<input class="input" id="s_password2" type="password" autocomplete="new-password" />
|
||
|
|
</div>
|
||
|
|
<div class="err" id="s_err"></div>
|
||
|
|
<button class="btn primary" id="createAdmin" style="width:100%; justify-content:center;">Create admin account</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script type="module" src="/js/login.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|