rafmacalaba/data-use-annotate
0
1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="utf-8">5<meta name="viewport" content="width=device-width, initial-scale=1">6<title>data-use annotation</title>7<style>8:root { --bg: #f6f8fa; --card: #fff; --fg: #1f2328; --mut: #59636e; --line: #d0d7de; --hl: #0969da; }9body { background: var(--bg); color: var(--fg); font: 16px/1.6 -apple-system, system-ui, sans-serif; margin: 0; }10main { max-width: 640px; margin: 0 auto; padding: 60px 20px; text-align: center; }11h1 { font-size: 24px; margin-bottom: 6px; }12p { color: var(--mut); }13.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 28px 0; }14a.user { background: var(--card); border: 2px solid var(--line); border-radius: 12px; padding: 22px 10px; font-size: 19px; font-weight: 700; color: var(--fg); text-decoration: none; }15a.user:hover { border-color: var(--hl); }16a.user span { display: block; font-size: 13px; font-weight: 400; color: var(--mut); margin-top: 4px; }17.links a { color: var(--mut); font-size: 14px; margin: 0 10px; }18</style>19</head>20<body>21<main>22 <h1>data-use annotation</h1>23 <p>keep / drop data mentions · pick your name to load your 240 passages</p>24 <ol style="text-align:left;color:var(--mut);font-size:15px;max-width:520px;margin:0 auto 8px;padding-left:22px">25 <li><b style="color:var(--fg)">Annotate</b> with <kbd>→</kbd> <kbd>k</kbd> keep / <kbd>d</kbd> drop — your name locks in, progress saves in this browser.</li>26 <li><b style="color:var(--fg)">Export checkpoints</b> (top-right <b>export</b> button, or <kbd>e</kbd>) every so often.</li>27 <li><b style="color:var(--fg)">Send the file</b> (<kbd>rulings-<name>-<set>.jsonl</kbd>) to <b style="color:var(--fg)">rafael / aivin</b> when done — or to resume later via <b>import</b>.</li>28 </ol>29 <p>Finished your 240? Pick <b style="color:var(--fg)">…part2</b> in the dataset dropdown inside the app. Progress saves per browser — export often.</p>30 <div class="grid">31 <a class="user" href="./review.html?user=paddy">paddy<span>240 passages</span></a>32 <a class="user" href="./review.html?user=aj">aj<span>240 passages</span></a>33 <a class="user" href="./review.html?user=aivin">aivin<span>240 passages</span></a>34 <a class="user" href="./review.html?user=rafael">rafael<span>240 passages</span></a>35 </div>36 <div class="links">37 <a href="./review.html?ds=sample">sample · 60</a>38 <a href="./review.html?ds=gold">gold · 473</a>39 </div>40</main>41</body>42</html>43