50 lines
1.6 KiB
HTML
50 lines
1.6 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<script src="js/sspoc.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<td>Username</td>
|
|
<td>Password</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>user1</td>
|
|
<td>password</td>
|
|
</tr>
|
|
<tr>
|
|
<td>user2</td>
|
|
<td>password</td>
|
|
</tr>
|
|
<tr>
|
|
<td>user3</td>
|
|
<td>password</td>
|
|
</tr>
|
|
<tr>
|
|
<td>user4</td>
|
|
<td>password</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<form id="login-form">
|
|
<label for="username">Username</label>
|
|
<input id="username" type="text"/>
|
|
<label for="password">Password</label>
|
|
<input id="password" type="password"/>
|
|
<button id="login-button" type="button">Login</button>
|
|
</form>
|
|
<div>
|
|
<form id="whoami-form">
|
|
<input id="time-drift-slider" type="range" min="-9000" max="+9000" step="100" value="0"/>
|
|
<label for="time-drift-slider">Time drift: <em>0 s</em></label>
|
|
<input id="whoami-button" type="button" value="whoami"/>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html> |