38 lines
1.8 KiB
HTML
38 lines
1.8 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:20px; }
|
||
|
|
.bar { display:flex; height:14px; border-radius:2px; overflow:hidden; border:1px solid #D5CFC2; max-width:620px; }
|
||
|
|
.bar div { transition:all .2s; }
|
||
|
|
.legend { font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:#5A5347; display:flex; gap:18px; margin-top:10px; flex-wrap:wrap; }
|
||
|
|
.legend .dot { display:inline-block; width:8px; height:8px; margin-right:6px; vertical-align:1px; }
|
||
|
|
.row { display:flex; gap:20px; font-family:"JetBrains Mono",monospace; font-size:13px; margin-top:12px; }
|
||
|
|
.row .n { font-weight:600; color:#1A1814; }
|
||
|
|
.row .l { color:#5A5347; font-size:10px; letter-spacing:0.14em; text-transform:uppercase; margin-left:6px; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="bar">
|
||
|
|
<div style="background:#2F7D55; width:62%"></div>
|
||
|
|
<div style="background:#2A6FB0; width:18%"></div>
|
||
|
|
<div style="background:#B5740A; width:14%"></div>
|
||
|
|
<div style="background:#B8362B; width:6%"></div>
|
||
|
|
</div>
|
||
|
|
<div class="legend">
|
||
|
|
<span><span class="dot" style="background:#2F7D55"></span>auto-accepted</span>
|
||
|
|
<span><span class="dot" style="background:#2A6FB0"></span>high</span>
|
||
|
|
<span><span class="dot" style="background:#B5740A"></span>review</span>
|
||
|
|
<span><span class="dot" style="background:#B8362B"></span>failed</span>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<span><span class="n">247</span><span class="l">total</span></span>
|
||
|
|
<span><span class="n">153</span><span class="l">auto</span></span>
|
||
|
|
<span><span class="n">44</span><span class="l">high</span></span>
|
||
|
|
<span><span class="n">35</span><span class="l">review</span></span>
|
||
|
|
<span><span class="n">15</span><span class="l">failed</span></span>
|
||
|
|
</div>
|
||
|
|
</body></html>
|