style and lighthouse score

This commit is contained in:
iou1name 2019-09-25 15:12:58 -04:00
parent a93a178b57
commit c66efb985a
6 changed files with 89 additions and 53 deletions

View File

@ -8,10 +8,12 @@
</script>
<script type="text/javascript" src="/static/buckler.js"></script>
<script>window.onload = load;</script>
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="description" content="A small shield for web applications.">
</head>
<body>
<header>
<object id="logo" data="/static/buckler_icon.svg"></object>
<object id="logo" title="Buckler logo" data="/static/buckler_icon.svg"></object>
<h1>Buckler</h1>
</header>
<main>

View File

@ -2,22 +2,28 @@
<html lang="en">
<head>
<title>Buckler - Login</title>
<link rel="stylesheet" type="text/css" href="/static/buckler.css">
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="description" content="A small shield for web applications.">
</head>
<body>
<header>
<object id="logo" title="Buckler logo" data="/static/buckler_icon.svg"></object>
<h1>Buckler Login</h1>
</header>
<main>
<form action="{{ request.app.router['login'].url_for() }}" method="post" enctype="application/x-www-form-urlencoded">
<label for="username">Username</label>
<input id="username" name="username" type="text"><br>
<label for="password">Password</label>
<input id="password" name="password" type="password"><br>
{% if login_failed %}
<ul><li>Username and/or password incorrect</li></ul>
{% endif %}
<input type="submit" value="Login">
</form>
<section>
<form action="{{ request.app.router['login'].url_for() }}" method="post" enctype="application/x-www-form-urlencoded">
<label for="username">Username</label>
<input id="username" name="username" type="text"><br>
<label for="password">Password</label>
<input id="password" name="password" type="password"><br>
{% if login_failed %}
<ul><li>Username and/or password incorrect</li></ul>
{% endif %}
<input type="submit" value="Login">
</form>
</section>
</main>
</body>
</html>

View File

@ -7,9 +7,12 @@
<script type="text/javascript" src="/static/buckler-auth.js"></script>
<script>const url_prefix = '{{ url_prefix }}';</script>
<script>window.onload = login;</script>
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="description" content="A small shield for web applications.">
</head>
<body>
<header>
<object id="logo" title="Buckler logo" data="/static/buckler_icon.svg"></object>
<h1>Buckler Login</h1>
</header>
<main>

View File

@ -2,40 +2,50 @@
<html lang="en">
<head>
<title>Buckler - Register</title>
<link rel="stylesheet" type="text/css" href="/static/buckler.css">
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="description" content="A small shield for web applications.">
</head>
<body>
<h1>Buckler Register</h1>
<form method="POST" enctype="application/x-www-form-urlencoded">
<label for="username">Username</label>
<input id="username" name="username" type="text" minlength="3" maxlength="20"><br>
{% if errors['username'] %}
<ul>
{% for error in errors['username'] %}
<li class="error">{{ error }}</li>
{% endfor %}
</ul>
{% endif %}
<label for="email">Email</label>
<input id="email" name="email" type="email"><br>
{% if errors['email'] %}
<ul>
{% for error in errors['email'] %}
<li class="error">{{ error }}</li>
{% endfor %}
</ul>
{% endif %}
<label for="password">Password</label>
<input id="password" name="password" type="password" minlength="8" maxlength="10240"><br>
<label for="password_verify">Verify Password</label>
<input id="password_verify" name="password_verify" type="password" minlength="8" maxlength="10240"><br>
{% if errors['password'] %}
<ul>
{% for error in errors['password'] %}
<li class="error">{{ error }}</li>
{% endfor %}
</ul>
{% endif %}
<input type="submit" value="Register">
</form>
<header>
<object id="logo" title="Buckler logo" data="/static/buckler_icon.svg"></object>
<h1>Buckler Register</h1>
</header>
<main>
<section>
<form method="POST" enctype="application/x-www-form-urlencoded">
<label for="username">Username</label>
<input id="username" name="username" type="text" minlength="3" maxlength="20"><br>
{% if errors['username'] %}
<ul>
{% for error in errors['username'] %}
<li class="error">{{ error }}</li>
{% endfor %}
</ul>
{% endif %}
<label for="email">Email</label>
<input id="email" name="email" type="email"><br>
{% if errors['email'] %}
<ul>
{% for error in errors['email'] %}
<li class="error">{{ error }}</li>
{% endfor %}
</ul>
{% endif %}
<label for="password">Password</label>
<input id="password" name="password" type="password" minlength="8" maxlength="10240"><br>
<label for="password_verify">Verify Password</label>
<input id="password_verify" name="password_verify" type="password" minlength="8" maxlength="10240"><br>
{% if errors['password'] %}
<ul>
{% for error in errors['password'] %}
<li class="error">{{ error }}</li>
{% endfor %}
</ul>
{% endif %}
<input type="submit" value="Register">
</form>
</section>
</main>
</body>
</html>

View File

@ -6,17 +6,21 @@
<script type="text/javascript" src="/static/cbor.js"></script>
<script type="text/javascript" src="/static/buckler-auth.js"></script>
<script>const url_prefix = '{{ url_prefix }}';</script>
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="description" content="A small shield for web applications.">
</head>
<body>
<header>
<object id="logo" title="Buckler logo" data="/static/buckler_icon.svg"></object>
<h1>Register Security Key</h1>
</header>
<main>
<div id="devices">
<div class="device">
<h1>Register Security Key</h1>
<p>Upon clicking submit, your security key will begin flashing. Have it ready.
<p><label for="security_key_nick">Security key nick</label> <input id="security_key_nick" type="text" minlength="1" maxlength="64" required>
<p><input type="button" value="Submit" onclick="register()">
</div>
</div>
<section>
<p>Upon clicking submit, your security key will begin flashing. Have it ready.
<p><label for="security_key_nick">Security key nick</label>
<input id="security_key_nick" type="text" minlength="1" maxlength="64" required>
<p><input type="button" value="Submit" onclick="register()">
</section>
</main>
</body>
</html>

View File

@ -2,8 +2,19 @@
<html lang="en">
<head>
<title>Buckler - Register</title>
<link rel="stylesheet" type="text/css" href="/static/buckler.css">
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="description" content="A small shield for web applications.">
</head>
<body>
{{ message }}
<header>
<object id="logo" title="Buckler logo" data="/static/buckler_icon.svg"></object>
<h1>Buckler Register</h1>
</header>
<main>
<section>
{{ message }}
</section>
</main>
</body>
</html>