Files
werkator/docs/rfcs/0003-homepage/drafts/werkbank-desktop-light.dc.html
miandmhoennig 024d6311df
werkator build succeeded after 01:31
Home page (#54)
Co-authored-by: mhoennig <michael@hoennig.de>
Reviewed-on: #54
2026-09-11 12:22:29 +02:00

115 lines
26 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="./support.js"></script>
</head>
<body>
<x-dc>
<helmet>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap">
<style>
:root{--bg:#ffffff;--panel:#fafafa;--panel-2:#f4f5f5;--line:#e4e7e7;--line-2:#d1d6d5;--text:#141616;--text-2:#3e4645;--muted:#6e7c7a;--ghost:#9ea9a7;--accent:#0e6b7d;--accent-2:#0a5262;--accent-soft:#e3f0f3;--accent-soft-2:#c6e0e6;--clay:#b0563b;--clay-soft:#f6e9e4;--amber:#b8860b;--amber-soft:#f9f0d2;--crit:#b3261e;--sans:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;--shadow:0 2px 6px rgb(20 22 22 / 0.05)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 var(--sans)}
a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}
.site-header{background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:600;color:var(--text)}
.logo{width:26px;height:26px;flex:none;fill:none;stroke:var(--accent);stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round}
.site-nav{margin-left:auto;display:inline-flex;align-items:center;gap:22px;font-weight:500;color:var(--text-2)}
.site-nav .current{color:var(--accent);box-shadow:inset 0 -2px var(--accent);padding:14px 0}
.site-nav a{padding:14px 0}
.live{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border:1px solid var(--accent-soft-2);border-radius:999px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.live::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line-2);border-radius:6px;background:var(--bg);color:var(--text-2)}
.status{display:inline-flex;align-items:center;gap:6px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.s-success,.s-running{color:var(--accent)}.s-failed{color:var(--clay)}.s-pending{color:var(--text-2)}
.s-pending::before{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.tag{font:400 11.5px var(--sans);line-height:17px;padding:0 5px;border:1px solid var(--line-2);border-radius:4px;color:var(--muted)}
.tag-run{color:var(--accent);border-color:var(--accent)}.tag-bad{color:var(--clay);border-color:var(--clay)}
.mono{font-family:var(--mono)}
.muted{color:var(--muted)}
.kicker{color:var(--muted);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.site-footer{padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:13px}
.site-footer .version{color:var(--accent);font-weight:500}
.c{min-width:0;padding:13px 14px 11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);cursor:pointer}
.c:hover{border-color:var(--line-2);background:var(--panel)}
.c.run{border-color:var(--accent-soft-2);background:var(--accent-soft)}
.c.bad{border-color:var(--clay);background:var(--clay-soft)}
.c.ghost{cursor:default;background:var(--panel-2)}
.c.ghost .cname{color:var(--ghost);font-style:italic}
.chead{display:flex;align-items:center;gap:8px}
.cname{font-weight:600;font-size:15.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cword{margin-left:auto;font-size:10px}
.ctags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.cmid{margin-top:9px;font-size:13px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccommit{color:var(--muted);font-size:12px}
.pulse{display:flex;align-items:flex-end;height:26px;margin:10px 0 0}
.cfoot{display:flex;justify-content:space-between;align-items:baseline;margin-top:7px;font:400 12.5px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}
.cdur{color:var(--text);font-weight:500}
.spark{display:block;overflow:visible}
.spark .spark-line{fill:none;stroke:var(--accent);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.spark .spark-area{fill:color-mix(in srgb, var(--accent) 11%, transparent);stroke:none}
.mlab{flex:none;color:var(--muted);font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.mval{flex:none;text-align:right;font:500 12.5px var(--mono);font-variant-numeric:tabular-nums}
.hdr{width:1180px;margin:0 auto;display:flex;align-items:center;gap:10px;min-height:52px}
.wrap{width:1180px;margin:0 auto;padding:22px 0 0;display:grid;grid-template-columns:288px minmax(0,1fr);gap:24px;align-items:start}
.rail{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.rail:hover{border-color:var(--accent-soft-2)}
.rail h2{margin:0;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:baseline}
.rail h2 em{font:400 11px var(--sans);font-style:normal;letter-spacing:0;text-transform:none}
.verdict{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:600}
.verdict::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}
.verdict small{margin-left:auto;font:400 12px var(--mono);color:var(--muted)}
.glist{padding:7px 0 8px}
.grow{display:flex;align-items:center;gap:9px;padding:4px 14px;cursor:pointer}
.grow:hover{background:var(--accent-soft)}
.grow .spark{flex:1 1 auto;min-width:0;height:26px}
.grow .mlab{width:38px}.grow .mval{width:44px}
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;padding:8px 14px 10px;border-top:1px solid var(--line)}
.tcell{display:flex;align-items:center;gap:6px;min-width:0;cursor:pointer}
.tcell:hover{background:var(--accent-soft)}
.tcell .spark{flex:1 1 auto;min-width:0;height:14px}
.tcell .mlab{width:auto;font-size:9.5px}.tcell .mval{width:auto;font-size:11px}
.mhint{display:flex;align-items:center;gap:6px;padding:10px 14px;border-top:1px solid var(--line);color:var(--accent);font-weight:500;font-size:12.5px}
.mhint em{margin-left:auto;font:400 11px var(--sans);font-style:normal;color:var(--muted)}
.head{display:flex;align-items:baseline;gap:12px;margin:0 0 12px;min-height:30px}
.hexp{font-size:15px;color:var(--text-2)}
.hmeta{margin-left:auto;font:400 12px var(--mono);color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.legend{display:flex;gap:16px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.legend i{display:inline-block;width:6px;height:14px;border-radius:1.5px;vertical-align:-2px;margin-right:6px}
.site-footer{margin:30px 0 0}
.fl{margin-left:auto;display:inline-flex;gap:14px}
</style>
</helmet>
<header class="site-header"><div class="hdr"><a class="brand"><svg class="logo" viewBox="0 0 64 64" aria-hidden="true"><path d="M6 34 18 47 35 16M30 34 42 47 59 16"/></svg><span>Werkator</span></a><nav class="site-nav"><span class="current">Home</span><a>Repositories</a><a>System</a><span class="live">live</span><span class="icon-button"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="15" r="4"/><path d="M10.8 12.2 20 3M17 6l2.5 2.5M14 9l2.5 2.5"/></svg></span><span class="icon-button"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12a8 8 0 1 1-2.3-5.7M20 4v5h-5"/></svg></span></nav></div></header>
<div class="wrap">
<aside class="rail">
<h2><span>System</span><em>last 24 h</em></h2>
<div class="verdict">Healthy <small>06:58</small></div>
<div class="glist"><div class="grow" title="0.11 of 3 threads"><span class="mlab">CPU</span><svg class="spark" viewBox="0 0 150 26" preserveAspectRatio="none" aria-hidden="true"><path class="spark-area" d="M0,26.0 L0.0,2.9 L3.2,8.4 L6.4,23.8 L9.6,23.7 L12.8,6.9 L16.0,23.5 L19.1,23.8 L22.3,23.7 L25.5,23.8 L28.7,23.9 L31.9,7.3 L35.1,7.0 L38.3,3.3 L41.5,23.8 L44.7,23.6 L47.9,6.2 L51.1,2.0 L54.3,23.7 L57.4,24.0 L60.6,23.9 L63.8,23.8 L67.0,22.3 L70.2,22.4 L73.4,22.3 L76.6,22.0 L79.8,22.8 L83.0,20.5 L86.2,22.1 L89.4,16.6 L92.6,23.9 L95.7,23.9 L98.9,23.0 L102.1,23.1 L105.3,23.7 L108.5,23.9 L111.7,14.5 L114.9,20.7 L118.1,24.0 L121.3,22.4 L124.5,23.8 L127.7,19.5 L130.9,24.0 L134.0,3.4 L137.2,22.8 L140.4,7.2 L143.6,3.2 L146.8,13.3 L150.0,17.2 L150.0,26.0 Z"/><polyline class="spark-line" points="0.0,2.9 3.2,8.4 6.4,23.8 9.6,23.7 12.8,6.9 16.0,23.5 19.1,23.8 22.3,23.7 25.5,23.8 28.7,23.9 31.9,7.3 35.1,7.0 38.3,3.3 41.5,23.8 44.7,23.6 47.9,6.2 51.1,2.0 54.3,23.7 57.4,24.0 60.6,23.9 63.8,23.8 67.0,22.3 70.2,22.4 73.4,22.3 76.6,22.0 79.8,22.8 83.0,20.5 86.2,22.1 89.4,16.6 92.6,23.9 95.7,23.9 98.9,23.0 102.1,23.1 105.3,23.7 108.5,23.9 111.7,14.5 114.9,20.7 118.1,24.0 121.3,22.4 124.5,23.8 127.7,19.5 130.9,24.0 134.0,3.4 137.2,22.8 140.4,7.2 143.6,3.2 146.8,13.3 150.0,17.2"/></svg><span class="mval">4%</span></div><div class="grow" title="3.20 / 5.79 GiB"><span class="mlab">RAM</span><svg class="spark" viewBox="0 0 150 26" preserveAspectRatio="none" aria-hidden="true"><path class="spark-area" d="M0,26.0 L0.0,7.0 L3.2,11.9 L6.4,23.3 L9.6,23.2 L12.8,10.4 L16.0,22.4 L19.1,22.2 L22.3,21.9 L25.5,21.6 L28.7,21.6 L31.9,6.0 L35.1,8.1 L38.3,4.9 L41.5,23.0 L44.7,22.8 L47.9,5.1 L51.1,4.0 L54.3,24.0 L57.4,24.0 L60.6,24.0 L63.8,23.5 L67.0,23.2 L70.2,19.3 L73.4,17.4 L76.6,17.5 L79.8,19.2 L83.0,19.1 L86.2,18.9 L89.4,19.0 L92.6,20.2 L95.7,20.1 L98.9,20.1 L102.1,17.8 L105.3,17.6 L108.5,18.9 L111.7,18.5 L114.9,17.5 L118.1,17.3 L121.3,17.2 L124.5,17.2 L127.7,17.2 L130.9,17.4 L134.0,2.0 L137.2,20.8 L140.4,6.4 L143.6,7.9 L146.8,16.2 L150.0,16.9 L150.0,26.0 Z"/><polyline class="spark-line" points="0.0,7.0 3.2,11.9 6.4,23.3 9.6,23.2 12.8,10.4 16.0,22.4 19.1,22.2 22.3,21.9 25.5,21.6 28.7,21.6 31.9,6.0 35.1,8.1 38.3,4.9 41.5,23.0 44.7,22.8 47.9,5.1 51.1,4.0 54.3,24.0 57.4,24.0 60.6,24.0 63.8,23.5 67.0,23.2 70.2,19.3 73.4,17.4 76.6,17.5 79.8,19.2 83.0,19.1 86.2,18.9 89.4,19.0 92.6,20.2 95.7,20.1 98.9,20.1 102.1,17.8 105.3,17.6 108.5,18.9 111.7,18.5 114.9,17.5 118.1,17.3 121.3,17.2 124.5,17.2 127.7,17.2 130.9,17.4 134.0,2.0 137.2,20.8 140.4,6.4 143.6,7.9 146.8,16.2 150.0,16.9"/></svg><span class="mval">55%</span></div><div class="grow" title="8.16 / 16.0 GiB"><span class="mlab">SSD</span><svg class="spark" viewBox="0 0 150 26" preserveAspectRatio="none" aria-hidden="true"><path class="spark-area" d="M0,26.0 L0.0,23.0 L3.2,22.7 L6.4,22.9 L9.6,22.9 L12.8,22.7 L16.0,23.9 L19.1,23.9 L22.3,23.9 L25.5,23.9 L28.7,23.9 L31.9,23.8 L35.1,23.6 L38.3,24.0 L41.5,24.0 L44.7,24.0 L47.9,24.0 L51.1,2.0 L54.3,2.0 L57.4,23.9 L60.6,23.9 L63.8,23.9 L67.0,23.8 L70.2,19.8 L73.4,17.1 L76.6,17.1 L79.8,16.8 L83.0,15.9 L86.2,15.8 L89.4,13.8 L92.6,13.8 L95.7,13.8 L98.9,13.8 L102.1,14.0 L105.3,14.0 L108.5,14.0 L111.7,14.0 L114.9,14.1 L118.1,14.1 L121.3,14.1 L124.5,14.1 L127.7,14.1 L130.9,14.1 L134.0,14.0 L137.2,14.0 L140.4,13.8 L143.6,13.7 L146.8,12.2 L150.0,11.1 L150.0,26.0 Z"/><polyline class="spark-line" points="0.0,23.0 3.2,22.7 6.4,22.9 9.6,22.9 12.8,22.7 16.0,23.9 19.1,23.9 22.3,23.9 25.5,23.9 28.7,23.9 31.9,23.8 35.1,23.6 38.3,24.0 41.5,24.0 44.7,24.0 47.9,24.0 51.1,2.0 54.3,2.0 57.4,23.9 60.6,23.9 63.8,23.9 67.0,23.8 70.2,19.8 73.4,17.1 76.6,17.1 79.8,16.8 83.0,15.9 86.2,15.8 89.4,13.8 92.6,13.8 95.7,13.8 98.9,13.8 102.1,14.0 105.3,14.0 108.5,14.0 111.7,14.0 114.9,14.1 118.1,14.1 121.3,14.1 124.5,14.1 127.7,14.1 130.9,14.1 134.0,14.0 137.2,14.0 140.4,13.8 143.6,13.7 146.8,12.2 150.0,11.1"/></svg><span class="mval">51%</span></div><div class="grow" title="5.75 / 20.0 GiB"><span class="mlab">HDD</span><svg class="spark" viewBox="0 0 150 26" preserveAspectRatio="none" aria-hidden="true"><path class="spark-area" d="M0,26.0 L0.0,23.3 L3.2,23.3 L6.4,23.3 L9.6,23.3 L12.8,23.3 L16.0,23.6 L19.1,23.6 L22.3,23.6 L25.5,23.6 L28.7,23.6 L31.9,23.6 L35.1,23.9 L38.3,24.0 L41.5,24.0 L44.7,24.0 L47.9,24.0 L51.1,24.0 L54.3,24.0 L57.4,24.0 L60.6,24.0 L63.8,24.0 L67.0,23.8 L70.2,23.6 L73.4,23.1 L76.6,23.1 L79.8,23.5 L83.0,22.9 L86.2,22.5 L89.4,11.3 L92.6,11.3 L95.7,11.3 L98.9,11.3 L102.1,11.3 L105.3,11.3 L108.5,11.3 L111.7,11.3 L114.9,11.3 L118.1,11.3 L121.3,11.3 L124.5,11.3 L127.7,11.3 L130.9,11.3 L134.0,10.4 L137.2,11.3 L140.4,10.3 L143.6,10.3 L146.8,7.1 L150.0,2.0 L150.0,26.0 Z"/><polyline class="spark-line" points="0.0,23.3 3.2,23.3 6.4,23.3 9.6,23.3 12.8,23.3 16.0,23.6 19.1,23.6 22.3,23.6 25.5,23.6 28.7,23.6 31.9,23.6 35.1,23.9 38.3,24.0 41.5,24.0 44.7,24.0 47.9,24.0 51.1,24.0 54.3,24.0 57.4,24.0 60.6,24.0 63.8,24.0 67.0,23.8 70.2,23.6 73.4,23.1 76.6,23.1 79.8,23.5 83.0,22.9 86.2,22.5 89.4,11.3 92.6,11.3 95.7,11.3 98.9,11.3 102.1,11.3 105.3,11.3 108.5,11.3 111.7,11.3 114.9,11.3 118.1,11.3 121.3,11.3 124.5,11.3 127.7,11.3 130.9,11.3 134.0,10.4 137.2,11.3 140.4,10.3 143.6,10.3 146.8,7.1 150.0,2.0"/></svg><span class="mval">28%</span></div></div>
<div class="tgrid"><div class="tcell" title="1 min, of 3 threads"><span class="mlab">Load</span><svg class="spark" viewBox="0 0 62 14" preserveAspectRatio="none" aria-hidden="true"><path class="spark-area" d="M0,14.0 L0.0,1.8 L2.5,8.5 L5.0,7.2 L7.4,13.0 L9.9,12.9 L12.4,7.4 L14.9,2.5 L17.4,6.1 L19.8,5.2 L22.3,2.2 L24.8,11.8 L27.3,12.6 L29.8,12.1 L32.2,11.2 L34.7,12.1 L37.2,11.4 L39.7,12.7 L42.2,9.5 L44.6,12.8 L47.1,10.0 L49.6,12.7 L52.1,12.6 L54.6,5.4 L57.0,1.0 L59.5,7.2 L62.0,10.0 L62.0,14.0 Z"/><polyline class="spark-line" points="0.0,1.8 2.5,8.5 5.0,7.2 7.4,13.0 9.9,12.9 12.4,7.4 14.9,2.5 17.4,6.1 19.8,5.2 22.3,2.2 24.8,11.8 27.3,12.6 29.8,12.1 32.2,11.2 34.7,12.1 37.2,11.4 39.7,12.7 42.2,9.5 44.6,12.8 47.1,10.0 49.6,12.7 52.1,12.6 54.6,5.4 57.0,1.0 59.5,7.2 62.0,10.0"/></svg><span class="mval">0.41</span></div><div class="tcell" title="1.17 / 4.00 GiB"><span class="mlab">Swap</span><svg class="spark" viewBox="0 0 62 14" preserveAspectRatio="none" aria-hidden="true"><path class="spark-area" d="M0,14.0 L0.0,9.7 L2.5,10.3 L5.0,10.4 L7.4,10.6 L9.9,11.2 L12.4,9.9 L14.9,5.4 L17.4,5.5 L19.8,2.8 L22.3,1.0 L24.8,3.1 L27.3,3.6 L29.8,9.1 L32.2,9.7 L34.7,11.7 L37.2,11.7 L39.7,12.4 L42.2,12.4 L44.6,12.6 L47.1,12.5 L49.6,13.0 L52.1,13.0 L54.6,7.0 L57.0,5.5 L59.5,4.1 L62.0,5.7 L62.0,14.0 Z"/><polyline class="spark-line" points="0.0,9.7 2.5,10.3 5.0,10.4 7.4,10.6 9.9,11.2 12.4,9.9 14.9,5.4 17.4,5.5 19.8,2.8 22.3,1.0 24.8,3.1 27.3,3.6 29.8,9.1 32.2,9.7 34.7,11.7 37.2,11.7 39.7,12.4 42.2,12.4 44.6,12.6 47.1,12.5 49.6,13.0 52.1,13.0 54.6,7.0 57.0,5.5 59.5,4.1 62.0,5.7"/></svg><span class="mval">29%</span></div><div class="tcell" title="pressure, some avg60"><span class="mlab">CPU wait</span><svg class="spark" viewBox="0 0 62 14" preserveAspectRatio="none" aria-hidden="true"><path class="spark-area" d="M0,14.0 L0.0,4.5 L2.5,10.8 L5.0,9.8 L7.4,13.0 L9.9,13.0 L12.4,11.2 L14.9,5.3 L17.4,7.7 L19.8,5.9 L22.3,4.9 L24.8,13.0 L27.3,12.9 L29.8,12.5 L32.2,12.5 L34.7,11.6 L37.2,12.1 L39.7,13.0 L42.2,12.8 L44.6,13.0 L47.1,12.7 L49.6,12.9 L52.1,12.7 L54.6,5.4 L57.0,1.0 L59.5,10.6 L62.0,11.0 L62.0,14.0 Z"/><polyline class="spark-line" points="0.0,4.5 2.5,10.8 5.0,9.8 7.4,13.0 9.9,13.0 12.4,11.2 14.9,5.3 17.4,7.7 19.8,5.9 22.3,4.9 24.8,13.0 27.3,12.9 29.8,12.5 32.2,12.5 34.7,11.6 37.2,12.1 39.7,13.0 42.2,12.8 44.6,13.0 47.1,12.7 49.6,12.9 52.1,12.7 54.6,5.4 57.0,1.0 59.5,10.6 62.0,11.0"/></svg><span class="mval">1.4%</span></div><div class="tcell" title="pressure, some avg60"><span class="mlab">Mem wait</span><svg class="spark" viewBox="0 0 62 14" preserveAspectRatio="none" aria-hidden="true"><path class="spark-area" d="M0,14.0 L0.0,8.4 L2.5,12.7 L5.0,12.6 L7.4,13.0 L9.9,13.0 L12.4,12.4 L14.9,9.9 L17.4,12.2 L19.8,1.0 L22.3,12.5 L24.8,13.0 L27.3,13.0 L29.8,13.0 L32.2,13.0 L34.7,13.0 L37.2,12.9 L39.7,13.0 L42.2,12.8 L44.6,13.0 L47.1,12.8 L49.6,12.9 L52.1,12.8 L54.6,11.4 L57.0,10.3 L59.5,11.8 L62.0,12.4 L62.0,14.0 Z"/><polyline class="spark-line" points="0.0,8.4 2.5,12.7 5.0,12.6 7.4,13.0 9.9,13.0 12.4,12.4 14.9,9.9 17.4,12.2 19.8,1.0 22.3,12.5 24.8,13.0 27.3,13.0 29.8,13.0 32.2,13.0 34.7,13.0 37.2,12.9 39.7,13.0 42.2,12.8 44.6,13.0 47.1,12.8 49.6,12.9 52.1,12.8 54.6,11.4 57.0,10.3 59.5,11.8 62.0,12.4"/></svg><span class="mval">0%</span></div></div>
<span class="mhint">Open the System page <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg> <em>for readable graphs</em></span>
</aside>
<main>
<div class="head"><span class="hexp">Six repositories, newest activity first.</span><span class="hmeta">1 running &middot; 1 failed</span></div>
<div class="grid"><div class="c run"><div class="chead"><span class="status s-running"></span><span class="cname">werkdock</span><span class="cword status s-running">running</span></div><div class="ctags"><span class="tag">3 builds</span><span class="tag tag-run">1 running</span></div><div class="cmid"><span>container-archive</span> <span class="mono ccommit">022f414</span></div><div class="pulse" style="gap:3px"><i style="width:7px;height:13px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:11px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:16px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:13px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:14px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:12px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:15px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:13px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:12px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:15px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:13px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:16px;border-radius:1.5px;background:var(--accent);opacity:.45"></i></div><div class="cfoot"><span class="cdur">2:14</span><span>started 05:53</span></div></div><div class="c bad"><div class="chead"><span class="status s-failed"></span><span class="cname">werkjournal</span><span class="cword status s-failed">failed</span></div><div class="ctags"><span class="tag">1 build</span><span class="tag tag-bad">1 failed</span></div><div class="cmid"><span>feature/export-pdf</span> <span class="mono ccommit">3c91ab7</span></div><div class="pulse" style="gap:3px"><i style="width:7px;height:23px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:22px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:23px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:22px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:23px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:22px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:24px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:23px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:22px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:24px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:23px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:19px;border-radius:1.5px;background:var(--clay)"></i></div><div class="cfoot"><span class="cdur">6:41</span><span>2 h ago</span></div></div><div class="c"><div class="chead"><span class="status s-success"></span><span class="cname">werkprobe</span><span class="cword status s-success">success</span></div><div class="ctags"><span class="tag">2 builds</span></div><div class="cmid"><span>main</span> <span class="mono ccommit">8bf8fd6</span></div><div class="pulse" style="gap:3px"><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:9px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:10px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:9px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:9px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:8px;border-radius:1.5px;background:var(--accent)"></i></div><div class="cfoot"><span class="cdur">36 s</span><span>05:32</span></div></div><div class="c"><div class="chead"><span class="status s-success"></span><span class="cname">werkator</span><span class="cword status s-success">success</span></div><div class="ctags"><span class="tag">1 build</span></div><div class="cmid"><span>main</span> <span class="mono ccommit">e07ab74</span></div><div class="pulse" style="gap:3px"><i style="width:7px;height:15px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:14px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:15px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:16px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:14px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:15px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:14px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:15px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:15px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:14px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:15px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:15px;border-radius:1.5px;background:var(--accent)"></i></div><div class="cfoot"><span class="cdur">1:23</span><span>04:52</span></div></div><div class="c"><div class="chead"><span class="status s-success"></span><span class="cname">werkbaum</span><span class="cword status s-success">success</span></div><div class="ctags"><span class="tag">2 builds</span></div><div class="cmid"><span>main@frontend</span> <span class="mono ccommit">7d21c04</span></div><div class="pulse" style="gap:3px"><i style="width:7px;height:8px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:8px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:8px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:8px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:9px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:8px;border-radius:1.5px;background:var(--accent)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i></div><div class="cfoot"><span class="cdur">29 s</span><span>2 days ago</span></div></div><div class="c ghost"><div class="chead"><span class="status s-pending"></span><span class="cname">private repository</span><span class="cword status s-pending">private</span></div><div class="ctags"><span class="tag">3 builds</span></div><div class="cmid muted" style="font-style:italic">named, counted, not identified</div><div class="pulse" style="gap:3px"><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i><i style="width:7px;height:7px;border-radius:1.5px;background:var(--line)"></i></div><div class="cfoot"><span>hidden without the token</span></div></div></div>
<div class="legend">
<span><i style="background:var(--accent)"></i>successful build</span>
<span><i style="background:var(--clay)"></i>failed</span>
<span><i style="background:var(--accent);opacity:.45"></i>running</span>
<span style="margin-left:auto">bar height is build duration &middot; last 12 builds</span>
</div>
<div class="site-footer"><span>Werkator <span class="version">v1.8.0</span></span><span class="fl"><a>Imprint</a><a>Privacy</a></span></div>
</main>
</div>
</x-dc>
</body>
</html>