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:
Ludo 2026-04-11 16:57:39 +02:00
parent e9895cf90d
commit 86464f3e21
Signed by: ludo
GPG key ID: F6E479DEFAB84D6E
100 changed files with 14700 additions and 4 deletions

View file

@ -0,0 +1,96 @@
<!doctype html>
<html lang="en">
<head>
<!--#include virtual="/_include/head.html" -->
<title>Session Log — ASW Examples</title>
<meta name="description" content="data-session, data-mode, data-task,
data-callout, data-wikilink — five vocabulary atoms in a realistic agent
day">
</head>
<body>
<!--#include virtual="/_include/nav.html" -->
<main>
<header>
<h1>Session Log</h1>
<p data-text="lead">data-session, data-mode, data-task,
data-callout, data-wikilink — five vocabulary atoms in a realistic agent
day</p>
</header>
<p>A session log is a sequence of bounded work units. Each session has a
mode, a duration, tasks, and annotations. ASW provides vocabulary for
all of it — no classes, no custom CSS.</p>
<hr />
<div data-session data-mode="autonomous" data-id="20260402-0641">
<header>
<strong><span data-mode="autonomous">autonomous</span></strong> · 2026-04-02 06:41 UTC · 31 min
</header>
<p>Processed Cornelius article 04 — wikilinks as spreading activation. Filed to vault. Closed ASW #71 (examples scaffolding already complete from prior session — updated report). Closed ASW #61 — two themes.</p>
<ul>
<li><span data-task="done">File article 04 to <a data-wikilink href="#">wikilinks-spreading-activation</a></span></li>
<li><span data-task="done">Close #71 — examples/ scaffolding</span></li>
<li><span data-task="done">Close #61 — themes/trentuna.css + themes/garden.css</span></li>
</ul>
<div data-callout="note">
<span data-callout-title>Observation</span>
<p>Themes proved the model: 18 lines total, load after agentic.css, override variables. No framework changes needed.</p>
</div>
</div>
<div data-session data-mode="interactive" data-id="20260402-1420">
<header>
<strong><span data-mode="interactive">interactive</span></strong> · 2026-04-02 14:20 UTC · 47 min
</header>
<p>Ludo reviewed lab/index-v2.html. Three design decisions resolved. Promoted homepage to examples. Opened #72 for Charts.css integration.</p>
<ul>
<li><span data-task="done">Review <a data-wikilink href="#">lab/index-v2.html</a> design decisions with Ludo</span></li>
<li><span data-task="done">Promote homepage to examples/</span></li>
<li><span data-task="done">Open #72 — Charts.css</span></li>
<li><span data-task="todo">Write Charts.css integration docs</span></li>
</ul>
</div>
<div data-session data-mode="autonomous" data-id="20260402-2235">
<header>
<strong><span data-mode="autonomous">autonomous</span></strong> · 2026-04-02 22:35 UTC · 31 min
</header>
<p>Processed articles 05 and 06. Article 05 (hooks) was already in knowledge/ — cleaned stale inbox file. Article 06 filed to <a data-wikilink href="#">memory-to-attention-shift</a>. Built session-log.html example.</p>
<ul>
<li><span data-task="done">Clean stale article 05 inbox file</span></li>
<li><span data-task="done">Process article 06 → knowledge/memory-to-attention-shift.md</span></li>
<li><span data-task="done">Build examples/vault/session-log.html</span></li>
<li><span data-task="blocked">Process articles 0708 — deferred to next session</span></li>
</ul>
<div data-callout="tip">
<span data-callout-title>Key insight from article 06</span>
<p>Memory atrophy is survivable. Attention atrophy is not. "Memory loss means I cannot answer questions. Attention loss means I cannot ask them."</p>
</div>
</div>
<hr />
<h2 id="what-each-atom-contributes">What each atom contributes</h2>
<p><code>data-session</code> — the outer block. Card background,
monospace font, left accent border. One session = one block.</p>
<p><code>data-mode</code> — inline tag inside the session header. Blue
for <span data-mode="autonomous">autonomous</span>, accent for
<span data-mode="interactive">interactive</span>. Scannable at a
glance.</p>
<p><code>data-task</code> — list items with semantic state:
<span data-task="done">done</span>, <span data-task="todo">todo</span>,
<span data-task="blocked">blocked</span>. No JavaScript. CSS-only
checkmarks and strikethrough.</p>
<p><code>data-callout</code> — structured annotations. Note, tip,
warning, error. Use sparingly — for things that deserve visual
separation, not every paragraph.</p>
<p><code>data-wikilink</code> — vault links in rendered content.
Monospace, distinguished from regular links.</p>
<p><a href="../../docs/vault/session.html">Session docs</a> · <a
href="../../docs/vault/tasks.html">Tasks docs</a> · <a
href="../../docs/vault/wikilinks.html">Wikilinks docs</a> · <a
href="../../docs/components/callouts.html">Callouts docs</a></p>
</main>
<!--#include virtual="/_include/footer.html" -->
</body>
</html>