29 lines
1.1 KiB
HTML
29 lines
1.1 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<link rel="stylesheet" href="../colors_and_type.css">
|
||
|
|
<link rel="stylesheet" href="_card.css">
|
||
|
|
<style>
|
||
|
|
body { padding:28px; }
|
||
|
|
.row { display:flex; gap:10px; flex-wrap:wrap; }
|
||
|
|
.chip { display:inline-flex; align-items:center; gap:6px; height:22px; padding:0 10px; font-family:"JetBrains Mono",monospace; font-size:11px; font-weight:500; border-radius:999px; font-variant-numeric:tabular-nums; }
|
||
|
|
.chip.rules { background:#DCE9DF; color:#2F7D55; }
|
||
|
|
.chip.high { background:#DCE5EE; color:#2A6FB0; }
|
||
|
|
.chip.mid { background:#EFE2C8; color:#B5740A; }
|
||
|
|
.chip.low { background:#ECD5D1; color:#B8362B; }
|
||
|
|
.chip::before { content:"★"; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="row">
|
||
|
|
<span class="chip rules">1.00 RULES</span>
|
||
|
|
<span class="chip high">0.94 LLM</span>
|
||
|
|
<span class="chip high">0.87 LLM</span>
|
||
|
|
<span class="chip mid">0.78 LLM</span>
|
||
|
|
<span class="chip mid">0.71 AGENT</span>
|
||
|
|
<span class="chip low">0.41 AGENT</span>
|
||
|
|
<span class="chip low">— UNMATCHED</span>
|
||
|
|
</div>
|
||
|
|
<div class="legend" style="margin-top:14px">score + tier in one chip · star precedes value</div>
|
||
|
|
</body></html>
|