asw-v01: archive deferred content (packs, site, lab, legacy examples)
- 2.1: packs/ -> archive/packs/ - 2.2: site/ -> archive/site/ - 2.3: src/lab/ -> archive/lab/ - 2.4: examples/ -> archive/examples-legacy/ (SSI-based)
This commit is contained in:
parent
416fe2f180
commit
e47a9f4401
173 changed files with 11 additions and 5 deletions
59
archive/examples-legacy/components/callouts.html
Normal file
59
archive/examples-legacy/components/callouts.html
Normal file
|
|
@ -0,0 +1,59 @@
|
|||
<!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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue