Stickup/templates/index.html

96 lines
3.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Stickup</title>
<link rel="stylesheet" type="text/css" href="/static/stickup.css">
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="description" content="An email management frontend.">
</head>
<body>
<header>
<object id="logo" title="Stickup logo" data="/static/stickup.svg"></object>
<h1>This is a stickup!</h1>
</header>
<main>
{% if result %}
<div class="result_message result_{% if result['ok'] %}good{% else %}bad{% endif %}">{{ result['message'] }}</div>
{% endif %}
{% if user_data %}
<div>Your email address is <b>{{ user_data['email'] }}</b></div>
<form method="post" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="form_type" value="change_password">
<table>
<tr>
<td><label for="current_password">Current password</label></td>
<td><input id="current_password" name="current_password" type="password" maxlength="1024" minlength="8"></td>
</tr>
<tr>
<td><label for="new_password">New password</label></td>
<td><input id="new_password" name="new_password" type="password" maxlength="1024" minlength="8"></td>
</tr>
<tr>
<td><label for="verify_new_password">Verify new password</label></td>
<td><input id="verify_new_password" name="verify_new_password" type="password" maxlength="1024" minlength="8"></td>
</tr>
<tr>
<td><input type="submit" value="Submit"></td>
</tr>
</table>
</form>
{% else %}
<div>There is no email address currently associated with your buckler account.</div>
<h3>Make a new one:</h3>
<div>New email address: <b>{{ request['meta']['username'] }}@{{ server_domain }}</b></div>
<form method="post" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="form_type" value="new_email">
<table>
<tr>
<td><label for="new_password">New password</label></td>
<td><input id="new_password" name="new_password" type="password" maxlength="1024" minlength="8"></td>
</tr>
<tr>
<td><label for="verify_new_password">Verify new password</label></td>
<td><input id="verify_new_password" name="verify_new_password" type="password" maxlength="1024" minlength="8"></td>
</tr>
<tr>
<td><input type="submit" value="Submit"></td>
</tr>
</table>
</form>
{% endif %}
<p>Password requirements:</p>
<ul>
<li>Maximum length: 1024 characters</li>
<li>Minimum length: 8 characters</li>
</ul>
<p>Email server settings:</p>
<table>
<tr>
<td>Server Domain</td>
<td>mail.steelbea.me</td>
</tr>
<tr>
<td>Supported Protocols</td>
<td>IMAP, SMTP</td>
</tr>
<tr>
<td>IMAP Port</td>
<td>993</td>
</tr>
<tr>
<td>SMTP Port</td>
<td>465</td>
</tr>
<tr>
<td>Connection Security</td>
<td>SSL/TLS</td>
</tr>
<tr>
<td>Authentication Method</td>
<td>Normal password</td>
</tr>
</table>
</main>
</body>
</html>