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>
59 lines
2 KiB
HTML
59 lines
2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!--#include virtual="/_include/head.html" -->
|
|
<title>Callouts — ASW Examples</title>
|
|
<meta name="description" content="data-callout — structured
|
|
annotations rendered from GFM blockquote syntax via pandoc pack">
|
|
</head>
|
|
<body>
|
|
<!--#include virtual="/_include/nav.html" -->
|
|
|
|
<main>
|
|
<header>
|
|
<h1>Callouts</h1>
|
|
<p data-text="lead">data-callout — structured annotations rendered
|
|
from GFM blockquote syntax via pandoc pack</p>
|
|
</header>
|
|
|
|
<p>Write GFM callout syntax in markdown. The pandoc pack converts it to
|
|
<code>data-callout</code> attributes. No manual HTML required.</p>
|
|
<div data-callout="note">
|
|
<p data-callout-title>Note</p>
|
|
<p>This is rendered from <code>> [!NOTE]</code> in the markdown
|
|
source. The pandoc pack converts it to
|
|
<code><div data-callout="note"></code> at build time.</p>
|
|
</div>
|
|
<div data-callout="tip">
|
|
<p data-callout-title>Tip</p>
|
|
<p>Use callouts for information that deserves visual separation — not
|
|
for every paragraph. Sparing use makes them meaningful.</p>
|
|
</div>
|
|
<div data-callout="warning">
|
|
<p data-callout-title>Warning</p>
|
|
<p>Provider failover is active. Token budget is below 20%. Autonomous
|
|
session will terminate early if budget exhausted.</p>
|
|
</div>
|
|
<div data-callout="error">
|
|
<p data-callout-title>Error</p>
|
|
<p>Build failed: <code>templates/pattern.html</code> not found. Check
|
|
<code>TEMPLATES_DIR</code> in <code>build.sh</code>.</p>
|
|
</div>
|
|
<h2 id="in-agent-output">In agent output</h2>
|
|
<p>An agent can annotate session reports with callouts naturally:</p>
|
|
<div data-callout="note">
|
|
<p data-callout-title>Note</p>
|
|
<p>Disk at 34% — healthy. No action required.</p>
|
|
</div>
|
|
<div data-callout="warning">
|
|
<p data-callout-title>Warning</p>
|
|
<p><code>node_modules/</code> is 180MB. Consider <code>.gitignore</code>
|
|
audit before next push.</p>
|
|
</div>
|
|
<p>The source stays readable as markdown. The rendered page gets visual
|
|
weight. One syntax, two audiences.</p>
|
|
</main>
|
|
|
|
<!--#include virtual="/_include/footer.html" -->
|
|
</body>
|
|
</html>
|