feat: legacy import — packs, examples, lab, themes, docs, lineage
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>
This commit is contained in:
parent
e9895cf90d
commit
86464f3e21
100 changed files with 14700 additions and 4 deletions
89
examples/charts/burndown.html
Normal file
89
examples/charts/burndown.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<!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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue