Spaces:
Running
Running
File size: 2,003 Bytes
1118181 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}OCR Bench{% endblock %}</title>
<link rel="stylesheet" href="/static/style.css">
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
</head>
<body>
<div class="container">
<nav>
<a href="/" class="brand">ocr-bench</a>
<a href="/leaderboard" {% if active_tab == "leaderboard" %}class="active"{% endif %}>Leaderboard</a>
<a href="/comparisons" {% if active_tab == "comparisons" %}class="active"{% endif %}>Comparisons</a>
</nav>
{% block content %}{% endblock %}
</div>
<script>
document.addEventListener("keydown", function(e) {
// Ignore when focus is in input/select/textarea
var tag = document.activeElement.tagName.toLowerCase();
if (tag === "input" || tag === "select" || tag === "textarea") return;
if (e.key === "ArrowLeft") {
var prev = document.querySelector("[data-nav='prev']");
if (prev) { prev.click(); e.preventDefault(); }
} else if (e.key === "ArrowRight") {
var next = document.querySelector("[data-nav='next']");
if (next) { next.click(); e.preventDefault(); }
} else if (e.key === "a" || e.key === "A") {
var voteA = document.querySelector("[data-vote='A']");
if (voteA) { voteA.click(); e.preventDefault(); }
} else if (e.key === "b" || e.key === "B") {
var voteB = document.querySelector("[data-vote='B']");
if (voteB) { voteB.click(); e.preventDefault(); }
} else if (e.key === "t" || e.key === "T") {
var voteTie = document.querySelector("[data-vote='tie']");
if (voteTie) { voteTie.click(); e.preventDefault(); }
} else if (e.key === "r" || e.key === "R") {
var reveal = document.querySelector("[data-action='reveal']");
if (reveal) { reveal.click(); e.preventDefault(); }
}
});
</script>
</body>
</html>
|