diff options
author | Matthew Miller <matthew@millerti.me> | 2020-05-22 17:22:48 -0700 |
---|---|---|
committer | Matthew Miller <matthew@millerti.me> | 2020-05-22 17:22:48 -0700 |
commit | 91b2b0bbea06e8a0b56ffa949dc2ed26745d07da (patch) | |
tree | cd7599971dbfc0983a992d89870959d7c18d5a3d | |
parent | 137617490185aa55c32e6549e80e55cd81e4a347 (diff) |
Pretty up example site a bit
-rw-r--r-- | example/public/index.html | 4 | ||||
-rw-r--r-- | example/public/login/index.html | 5 | ||||
-rw-r--r-- | example/public/register/index.html | 5 | ||||
-rw-r--r-- | example/public/styles.css | 4 |
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> + 🚪 <a href="/register">Register</a> </p> <p> - <a href="/login">Login</a> + 🔐 <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>⬅️ <a href="/">Go Back</a></span> </p> + <h1>🔐 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? 🚪</a>'; + elemSuccess.innerHTML = 'Success! <a href="/register">Try to register again?</a> 🚪'; } 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>⬅️ <a href="/">Go Back</a></span> </p> + <h1>🚪 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 🔐</a>'; + elemSuccess.innerHTML = 'Success! <a href="/login">Now try to log in</a> 🔐'; } 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; |