iou1name/Buckler
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

style and lighthouse score

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
templates/index.html
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>

6
templates/login.html
View File

@ -2,12 +2,17 @@
<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>
<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>
@ -18,6 +23,7 @@
{% endif %}
<input type="submit" value="Login">
</form>
</section>
</main>
</body>
</html>

3
templates/login_key.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>

10
templates/register.html
View File

@ -2,9 +2,17 @@
<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>
<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>
@ -37,5 +45,7 @@
{% endif %}
<input type="submit" value="Register">
</form>
</section>
</main>
</body>
</html>

16
templates/register_key.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>
<main>
<div id="devices">
<div class="device">
<header>
<object id="logo" title="Buckler logo" data="/static/buckler_icon.svg"></object>
<h1>Register Security Key</h1>
</header>
<main>
<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><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>
</main>
</body>
</html>

11
templates/register_result.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>
<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>