e47a9f4401
- 2.1: packs/ -> archive/packs/ - 2.2: site/ -> archive/site/ - 2.3: src/lab/ -> archive/lab/ - 2.4: examples/ -> archive/examples-legacy/ (SSI-based)
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>
|