cks-final/dashboard.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
  <title>CKS Security Quest</title>
  <link rel="stylesheet" href="assets/course.css"><link rel="stylesheet" href="assets/game.css">
</head>
<body>
  <main class="page">
    <header class="hero">
      <p class="eyebrow">CKS Security Quest</p>
      <h1>Guardian · 1020 XP</h1>
      <p class="deck">Advance by completing real security operations. Accuracy earns progress; first-attempt mastery unlocks the next territory.</p>
      <div class="game-grid">
        <div class="game-stat"><strong>15</strong><span>Missions completed</span></div>
        <div class="game-stat"><strong>2 / 4</strong><span>Cluster Hardening covered</span></div>
        <div class="game-stat"><strong>2</strong><span>Clean wins</span></div>
      </div>
      <div class="xp-track" aria-label="120 of 500 XP from Guardian toward CKS Elite"><div class="xp-fill"></div></div>
      <p class="small hero-note">380 XP to rank: CKS Elite</p>
    </header>

    <div class="layout">
      <div>
        <section class="card">
          <p class="eyebrow light-eyebrow">Campaign map</p>
          <h2>Cluster Setup — complete</h2>
          <div class="mission-map">
            <div class="mission"><div class="mission-mark">✓</div><div><h3>1.1 NetworkPolicy</h3><p>Covered after guided remediation; scheduled for later review.</p></div><span class="mission-status">Covered</span></div>
            <div class="mission"><div class="mission-mark">✓</div><div><h3>1.2 CIS benchmark</h3><p>Covered after guided remediation; scheduled for later review.</p></div><span class="mission-status">Covered</span></div>
            <div class="mission"><div class="mission-mark">✓</div><div><h3>1.3 Ingress TLS</h3><p>Covered; NGINX annotations remain an interleaved review target.</p></div><span class="mission-status">Covered</span></div>
            <div class="mission"><div class="mission-mark">✓</div><div><h3>1.4 Metadata protection</h3><p>Mastered with a clean first-attempt transfer.</p></div><span class="mission-status">Mastered</span></div>
            <div class="mission"><div class="mission-mark">✓</div><div><h3>1.5 Binary verification</h3><p>Mastered with clean checksum transfer.</p></div><span class="mission-status">Mastered</span></div>
            <div class="mission"><div class="mission-mark">✓</div><div><h3>2.1 Least-privilege RBAC</h3><p>Learner-confirmed coverage; scheduled for interleaved review.</p></div><span class="mission-status">Covered</span></div>
            <div class="mission"><div class="mission-mark">✓</div><div><h3>2.2 Service accounts</h3><p>Completed with assistance; verification review remains.</p></div><span class="mission-status">Covered</span></div>
            <div class="mission active"><div class="mission-mark">!</div><div><h3>2.3 API access</h3><p>One-minute mastery gate: protect super-admin credentials.</p></div><span class="mission-status">Active</span></div>
          </div>
        </section>

        <section class="card">
          <h2>Achievements</h2>
          <div class="achievement-grid">
            <div class="achievement"><strong>Policy Tamer</strong><span>Completed a multi-policy containment scenario.</span></div>
            <div class="achievement"><strong>Recovery Operator</strong><span>Recovered API server and kubelet after hardening.</span></div>
            <div class="achievement"><strong>Clean Sweep</strong><span>Solved CKS-012 with no correction.</span></div>
            <div class="achievement"><strong>Domain Defender</strong><span>Completed every Cluster Setup topic.</span></div>
          </div>
        </section>
      </div>

      <aside class="rail">
        <section class="card">
          <p class="eyebrow light-eyebrow">Active mission</p>
          <h2>CKS-020</h2>
          <p>Back up, secure, and verify the super-admin kubeconfig.</p>
          <div class="meta"><span class="pill light-pill">1 min</span><span class="pill light-pill">250 XP available</span></div>
          <a class="button" href="ANSWER.md">Start mission</a>
          <a class="button button-secondary" href="lessons/0020-protect-super-admin.html">Read mission card</a>
        </section>
        <section class="card">
          <h2>XP rules</h2>
          <ul class="rules">
            <li><span>Clean win</span><strong>+100</strong></li>
            <li><span>Corrected win</span><strong>+40</strong></li>
            <li><span>Topic mastery</span><strong>+150</strong></li>
            <li><span>Skipped task</span><strong>+0</strong></li>
          </ul>
        </section>
      </aside>
    </div>
  </main>
</body>
</html>