34 lines
1.7 KiB
HTML
34 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>LOCQR companion (stub)</title>
|
|
<style>
|
|
/* Bare (mobile/claude.md: "the visual design specified in gui.md does not
|
|
apply to the stub"). Functional correctness only. */
|
|
body { font-family: system-ui, sans-serif; max-width: 420px; margin: 40px auto; padding: 0 16px; color: #111; }
|
|
h1 { font-size: 18px; }
|
|
h2 { font-size: 16px; margin-top: 0; }
|
|
#app { border: 1px solid #ddd; border-radius: 8px; padding: 20px; }
|
|
button { padding: 8px 16px; font-size: 14px; cursor: pointer; margin: 4px 8px 4px 0; }
|
|
.btn-primary { background: #1a73e8; color: #fff; border: none; border-radius: 4px; }
|
|
.btn-ghost { background: none; border: 1px solid #ccc; border-radius: 4px; }
|
|
input { display: block; width: 100%; box-sizing: border-box; padding: 8px; margin: 6px 0; font-size: 14px; }
|
|
.camera-preview { width: 100%; border-radius: 4px; background: #000; }
|
|
.credential-item { display: flex; align-items: center; gap: 8px; padding: 8px; border: 1px solid #eee; border-radius: 4px; margin-bottom: 6px; }
|
|
.pin-groups { display: flex; gap: 16px; justify-content: center; margin: 16px 0; }
|
|
.pin-group { display: flex; gap: 4px; }
|
|
.pin-digit { width: 28px; height: 36px; display: flex; align-items: center; justify-content: center;
|
|
border: 1px solid #ccc; border-radius: 4px; font-family: ui-monospace, monospace; font-size: 18px; }
|
|
.error-text { color: #b3261e; }
|
|
details summary { cursor: pointer; margin-top: 8px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>LOCQR companion — dev stub</h1>
|
|
<p><small>Not the native app (mobile/claude.md). Full protocol, no persistence, no real biometrics.</small></p>
|
|
<div id="app"></div>
|
|
<script type="module" src="main.js"></script>
|
|
</body>
|
|
</html>
|