38 lines
1.1 KiB
HTML
38 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="it">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>WebAuthn Client</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
<body class="flex flex-col items-center p-6 font-sans bg-gray-50 min-h-screen">
|
|
<h1 class="text-3xl font-bold mb-8 text-center">Demo WebAuthn</h1>
|
|
|
|
<div class="flex flex-col gap-6 w-full max-w-md">
|
|
<label for="username" class="font-semibold text-lg">Username:</label>
|
|
<input
|
|
type="text"
|
|
id="username"
|
|
value="fabio"
|
|
class="border rounded px-4 py-3 w-full text-lg focus:outline-none focus:ring-2 focus:ring-blue>"
|
|
/>
|
|
|
|
<button
|
|
id="registerBtn"
|
|
class="bg-blue-600 text-white py-3 px-4 rounded-lg hover:bg-blue-700 transition text-lg w-full"
|
|
>
|
|
Registrati
|
|
</button>
|
|
|
|
<button
|
|
id="loginBtn"
|
|
class="bg-green-600 text-white py-3 px-4 rounded-lg hover:bg-green-700 transition text-lg w-fu>"
|
|
>
|
|
Login
|
|
</button>
|
|
</div>
|
|
|
|
<script type="module" src="/webauthn-client.js"></script>
|
|
</body>
|
|
</html>
|