summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorMatthew Miller <matthew@millerti.me>2020-05-22 17:22:48 -0700
committerMatthew Miller <matthew@millerti.me>2020-05-22 17:22:48 -0700
commit91b2b0bbea06e8a0b56ffa949dc2ed26745d07da (patch)
treecd7599971dbfc0983a992d89870959d7c18d5a3d
parent137617490185aa55c32e6549e80e55cd81e4a347 (diff)
Pretty up example site a bit
-rw-r--r--example/public/index.html4
-rw-r--r--example/public/login/index.html5
-rw-r--r--example/public/register/index.html5
-rw-r--r--example/public/styles.css4
4 files changed, 12 insertions, 6 deletions
diff --git a/example/public/index.html b/example/public/index.html
index c03970d..4a42d55 100644
--- a/example/public/index.html
+++ b/example/public/index.html
@@ -10,10 +10,10 @@
<div class="container">
<h1>WebAuthntine Example Site</h1>
<p>
- <a href="/register">Register</a>
+ 🚪&nbsp;<a href="/register">Register</a>
</p>
<p>
- <a href="/login">Login</a>
+ 🔐&nbsp;<a href="/login">Login</a>
</p>
</div>
</body>
diff --git a/example/public/login/index.html b/example/public/login/index.html
index 98d124b..d9a2e8d 100644
--- a/example/public/login/index.html
+++ b/example/public/login/index.html
@@ -10,10 +10,11 @@
</head>
<body>
<div class="container">
- <h1>Login (a.k.a. "Assertion")</h1>
<p>
<span>⬅️&nbsp;<a href="/">Go Back</a></span>
</p>
+ <h1>🔐&nbsp;Login</h1>
+ <h2>(a.k.a. "Assertion")</h2>
<button id="btnBegin">Begin Login</button>
<p id="success"></p>
<p id="error"></p>
@@ -48,7 +49,7 @@
const verificationJSON = await verificationResp.json();
if (verificationJSON && verificationJSON.verified) {
- elemSuccess.innerHTML = 'Success! <a href="/register">Try to register again?&nbsp;🚪</a>';
+ elemSuccess.innerHTML = 'Success! <a href="/register">Try to register again?</a>&nbsp;🚪';
} else {
elemError.innerHTML = `Oh no, something went wrong! Response: <pre>${JSON.stringify(verificationJSON)}</pre>`;
}
diff --git a/example/public/register/index.html b/example/public/register/index.html
index 710bf17..c65e745 100644
--- a/example/public/register/index.html
+++ b/example/public/register/index.html
@@ -9,10 +9,11 @@
</head>
<body>
<div class="container">
- <h1>Register (a.k.a. "Attestation")</h1>
<p>
<span>⬅️&nbsp;<a href="/">Go Back</a></span>
</p>
+ <h1>🚪&nbsp;Register</h1>
+ <h2>(a.k.a. "Attestation")</h2>
<button id="btnBegin">Begin Registration</button>
<p id="success"></p>
<p id="error"></p>
@@ -46,7 +47,7 @@
const verificationJSON = await verificationResp.json();
if (verificationJSON && verificationJSON.verified) {
- elemSuccess.innerHTML = 'Success! <a href="/login">Now try to log in&nbsp;🔐</a>';
+ elemSuccess.innerHTML = 'Success! <a href="/login">Now try to log in</a>&nbsp;🔐';
} else {
elemError.innerHTML = `Oh no, something went wrong! Response: <pre>${JSON.stringify(verificationJSON)}</pre>`;
}
diff --git a/example/public/styles.css b/example/public/styles.css
index 1583c80..3eeeb7b 100644
--- a/example/public/styles.css
+++ b/example/public/styles.css
@@ -17,6 +17,10 @@ h1 {
font-size: 2.25rem;
}
+h2 {
+ font-size: 1.75rem;
+}
+
button {
padding: 0.5rem;
background: white;