CKS-Lessons/CKS-DASHBOARD.html

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>CKS mastery dashboard</title><link rel="stylesheet" href="assets/course.css"><style>
body{background:linear-gradient(135deg,#e8effd,#f7f9fc 50%,#e8f8f1);font-family:Arial,sans-serif}main{max-width:1050px!important;padding:0!important;overflow:hidden;border-radius:20px}.hero{padding:45px 52px;color:#fff;background:radial-gradient(circle at 90% 15%,#315da9,#0b1736 65%)}.hero h1{color:#fff;font-size:2.5rem}.hero .lede{color:#dce7ff}.hero .eyebrow{color:#75e0bd}.content{padding:34px 52px}.grid{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center}.ring{width:190px;height:190px;position:relative;display:grid;place-items:center}.ring svg{width:190px;transform:rotate(-90deg)}circle{fill:none;stroke-width:14}.track{stroke:#edf0f5}.progress{stroke:#75e0bd;stroke-linecap:round;stroke-dasharray:503;stroke-dashoffset:75}.ring div{position:absolute;text-align:center}.ring b{display:block;font-size:2.2rem}.ring span,.muted{color:#667085;font-size:.8rem}.stats,.checks,.domains{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card,.check{padding:15px;border:1px solid #e6ebf2;border-radius:12px;background:#f8fafc}.card b{font-size:1.65rem;color:#0b1736}.card span{display:block;color:#667085;font-size:.7rem;text-transform:uppercase;margin-top:5px}h2{border:0!important;padding:0!important;margin:0;color:#0b1736}.title{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #e6ebf2;margin:38px 0 14px;padding-bottom:9px}.domains{grid-template-columns:1fr 1fr}.domain{display:grid;grid-template-columns:135px 1fr 32px;gap:8px;align-items:center;font-size:.8rem;font-weight:bold}.bar{height:9px;background:#e8edf4;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#4c8df0,#75e0bd)}.check{padding-left:42px;position:relative;font-size:.84rem}.check:before{position:absolute;left:14px;top:14px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.done:before{content:"✓";background:#75e0bd}.todo:before{content:"";border:2px solid #aeb8c9}.check small{display:block;color:#667085;margin-top:5px}.next{margin-top:38px;padding:25px 28px;border-radius:16px;background:linear-gradient(105deg,#f1f7ff,#f1fcf7);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.next a{padding:12px 16px;border-radius:8px;background:#0b1736;color:#fff;text-decoration:none;font-weight:bold;font-size:.85rem}@media(max-width:700px){main{margin:0!important;border-radius:0!important}.hero,.content{padding-left:24px;padding-right:24px}.grid,.stats,.checks,.domains,.next{grid-template-columns:1fr}.next a{text-align:center}}
</style></head><body><main><header class="hero"><p class="eyebrow">CKS mastery dashboard · updated 27 August 2026</p><h1>Build confidence into evidence.</h1><p class="lede">Lab ready · Kubernetes v1.34 · Linux tools installed · 2 CIS labs passed today</p></header><section class="content"><div class="grid"><div class="ring"><svg viewBox="0 0 190 190"><circle class="track" cx="95" cy="95" r="80"/><circle class="progress" cx="95" cy="95" r="80"/></svg><div><b>85%</b><span>topic coverage</span></div></div><div><h2>22 of 26 topics have practical training evidence.</h2><p class="muted">Hero is deliberately strict: tool drill, capstone, evidence, scope review, and cold retest.</p><div class="stats"><div class="card"><b>22</b><span>training</span></div><div class="card"><b>4</b><span>not started</span></div><div class="card"><b>0</b><span>heroes—yet</span></div></div></div></div><div class="title"><h2>Coverage by domain</h2><span class="muted">training / total</span></div><div class="domains"><div class="domain">Cluster Setup <div class="bar"><i style="width:100%"></i></div>5/5</div><div class="domain">Cluster Hardening <div class="bar"><i style="width:75%"></i></div>3/4</div><div class="domain">System Hardening <div class="bar"><i style="width:50%"></i></div>2/4</div><div class="domain">Microservices <div class="bar"><i style="width:100%"></i></div>4/4</div><div class="domain">Supply Chain <div class="bar"><i style="width:75%"></i></div>3/4</div><div class="domain">Monitoring & Runtime <div class="bar"><i style="width:100%"></i></div>5/5</div></div><div class="title"><h2>CS-02 Hero checklist</h2><span class="muted">CIS components</span></div><div class="checks"><div class="check done"><b>Tool drills</b><small>kube-bench, etcd, and kubelet practised</small></div><div class="check todo"><b>Timed capstone</b><small>multi-component remediation</small></div><div class="check todo"><b>Evidence & cold retest</b><small>saved PASS groups, then repeat later</small></div></div><section class="next"><div><p class="eyebrow">Next win</p><h2>CS-02.Q4 — secure CoreDNS component review</h2><p class="muted">Deployment, ServiceAccount, RBAC, ConfigMap, image, and security context.</p></div><a href="CKS-MASTERY-CHECKLIST.md">Open checklist</a></section><footer>Latest pass: Lesson 38 — five kubelet controls verified. · <a href="CKS-MASTERY-CHECKLIST.md">Canonical checklist</a></footer></section></main></body></html>