Files
AstralCalendar/webserver/pages/login_page.html
T

47 lines
1.5 KiB
HTML

<!doctype html>
<title>Astral Tech - Login</title>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="static/style.css" />
<link rel="stylesheet" href="static/error/error.css" />
<link rel="stylesheet" href="static/card.css" />
<link rel="stylesheet" href="static/login_page.css" />
<img id="logo_image" alt="logo" src="/logo" />
<form id="login_card" class="card" method="POST">
<div id="welcome_text">
Welcome to {{.LoginData.ServiceName}}, Please Sign in to your account below
</div>
<div class="error {{.IsHiddenClassList}}">
⚠️ Invalid username or password.
<button class="close_error_button" type="button">X</button>
</div>
<div>
<label class="input_label">Username</label><br />
<input type="text" name="username" placeholder="" required />
</div>
<div>
<label class="input_label">Password</label><br />
<div class="password_box">
<input type="password" name="password" placeholder="" required />
<button type="button" class="show_password_toggle closed"></button>
</div>
</div>
<div id="login_buttons">
<button type="submit">Login with password</button>
<button type="submit" id="login_with_oauth"><img src="/favicon.ico"/></button>
</div>
</form>
<script src="/static/error/error.js" type="text/javascript"></script>
<script
src="/static/javascript/show_password.js"
type="text/javascript"
></script>