Ludo
86464f3e21
Import from agentic-semantic-web/ into restructured repo: - 7 packs (apache, caddy, flask, hugo, nginx, pandoc, python) - shared error pages (403-503) - 17 lab experiments (boilerplate, charts, misc) - 31 example pages (charts, components, content, layout, vault) - 2 themes (garden, trentuna stub) - 4 docs (llms.txt, vocabulary, philosophy, agent-directive) - lineage.md (Pico/Open Props/Charts.css history) - Hugo mounts for lab/ and examples/ All agentic.css references updated to asw.css. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
89 lines
3.3 KiB
HTML
89 lines
3.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!--#include virtual="/_include/head.html" -->
|
|
<title>Sprint Burndown — ASW Examples</title>
|
|
<meta name="description" content="Sprint burndown chart with
|
|
CSS-generated ideal velocity line — no JavaScript">
|
|
</head>
|
|
<body>
|
|
<!--#include virtual="/_include/nav.html" -->
|
|
|
|
<main>
|
|
<header>
|
|
<h1>Sprint Burndown</h1>
|
|
<p data-text="lead">Sprint burndown chart with CSS-generated ideal
|
|
velocity line — no JavaScript</p>
|
|
</header>
|
|
|
|
<hgroup>
|
|
<h1>Sprint 3 — Burndown</h1>
|
|
<p>20 issues tracked over 10 days.</p>
|
|
</hgroup>
|
|
|
|
<p>The burndown chart shows remaining work across the sprint. Bars represent issues remaining each day; the diagonal overlay is the ideal burn line — no JavaScript required.</p>
|
|
|
|
<h2>Remaining work</h2>
|
|
|
|
<table data-chart="burndown" style="--chart-height: 220px">
|
|
<caption>Sprint 3 burndown — 20 issues over 10 days</caption>
|
|
<tbody>
|
|
<!-- max=1.0 (start), normalized to 20 total issues -->
|
|
<tr><th scope="row">D1</th><td style="--size: 0.95">19</td></tr>
|
|
<tr><th scope="row">D2</th><td style="--size: 0.85">17</td></tr>
|
|
<tr><th scope="row">D3</th><td style="--size: 0.75">15</td></tr>
|
|
<tr><th scope="row">D4</th><td style="--size: 0.60">12</td></tr>
|
|
<tr><th scope="row">D5</th><td style="--size: 0.55">11</td></tr>
|
|
<tr><th scope="row">D6</th><td style="--size: 0.40">8</td></tr>
|
|
<tr><th scope="row">D7</th><td style="--size: 0.35">7</td></tr>
|
|
<tr><th scope="row">D8</th><td style="--size: 0.20">4</td></tr>
|
|
<tr><th scope="row">D9</th><td style="--size: 0.10">2</td></tr>
|
|
<tr><th scope="row">D10</th><td style="--size: 0.05">1</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p data-text="dim">Source: Forgejo API / git log — 2026-04-03</p>
|
|
|
|
<div data-callout="note">
|
|
<span data-callout-title>The ideal line</span>
|
|
<p>The blue diagonal overlay is a CSS <code>linear-gradient</code> on <code>tbody::after</code> — no JavaScript. It represents ideal burn rate from day 1 to day N.</p>
|
|
</div>
|
|
|
|
<h2>Issues by type</h2>
|
|
<p>Breakdown of the 20 sprint issues by category — max 8 (Features).</p>
|
|
|
|
<table data-chart="bar" data-chart-spacing="3">
|
|
<caption>Sprint 3 issues by type</caption>
|
|
<tbody>
|
|
<!-- max=8, Features -->
|
|
<tr><th scope="row">Features</th><td style="--size: 1.0" data-value="8">8</td></tr>
|
|
<tr><th scope="row">Bugs</th><td style="--size: 0.625" data-value="5">5</td></tr>
|
|
<tr><th scope="row">Docs</th><td style="--size: 0.5" data-value="4">4</td></tr>
|
|
<tr><th scope="row">Maintenance</th><td style="--size: 0.375" data-value="3">3</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p data-text="dim">Source: Forgejo API / git log — 2026-04-03</p>
|
|
|
|
<h2>Work distribution</h2>
|
|
<p>How sprint work is distributed across categories by estimated effort.</p>
|
|
|
|
<table data-chart="pie"
|
|
style="--pie-size: 180px; --pie-segments: conic-gradient(var(--chart-color-1) 0% 40%, var(--chart-color-2) 40% 65%, var(--chart-color-3) 65% 85%, var(--chart-color-4) 85% 100%)">
|
|
<caption>Sprint 3 work distribution by effort</caption>
|
|
<thead>
|
|
<tr>
|
|
<th>🟢 Features 40%</th>
|
|
<th>🔵 Bugs 25%</th>
|
|
<th>🟠 Docs 20%</th>
|
|
<th>🔴 Maintenance 15%</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
|
|
<p data-text="dim">Source: Forgejo API / git log — 2026-04-03</p>
|
|
</main>
|
|
|
|
<!--#include virtual="/_include/footer.html" -->
|
|
</body>
|
|
</html>
|