https://asw.trentuna.com/docs/reference/ Recent content in Reference on ASW — Agentic Semantic Web Hugo en Sat, 11 Apr 2026 00:00:00 +0000 https://asw.trentuna.com/docs/reference/utilities/ Sat, 11 Apr 2026 00:00:00 +0000 https://asw.trentuna.com/docs/reference/utilities/ <p>ASW provides a small set of utility attributes for inline adjustments. Rather than class names, these use <code>data-*</code> attributes to stay in the semantic-HTML spirit of the framework.</p> <h2 id="inline-demo">Inline Demo</h2> <div data-demo> <p><span data-text="mono">data-text="mono"</span> — monospace font</p> <p><span data-text="dim">data-text="dim"</span> — reduced opacity / muted</p> <p><span data-text="accent">data-text="accent"</span> — accent colour</p> <p><span data-text="small">data-text="small"</span> — smaller font size</p> </div> https://asw.trentuna.com/docs/reference/vocabulary/ Sat, 11 Apr 2026 00:00:00 +0000 https://asw.trentuna.com/docs/reference/vocabulary/ <p>Every <code>data-*</code> attribute that ASW recognises is listed here. This is the authoritative vocabulary — anything not on this list has no built-in style effect.</p> <h2 id="inline-demo">Inline Demo</h2> <div data-demo> <table> <thead> <tr><th>Attribute</th><th>Values</th><th>Effect</th></tr> </thead> <tbody> <tr><td><code>data-layout</code></td><td>docs, prose, wide</td><td>Page layout variant</td></tr> <tr><td><code>data-callout</code></td><td>note, tip, warning, error</td><td>Callout block style</td></tr> <tr><td><code>data-task</code></td><td>done, todo, wip, blocked</td><td>Task list item state</td></tr> <tr><td><code>data-status</code></td><td>active, sleeping, blocked</td><td>Status badge</td></tr> <tr><td><code>data-text</code></td><td>mono, dim, accent, small</td><td>Inline text variant</td></tr> <tr><td><code>data-variant</code></td><td>secondary, danger</td><td>Button style variant</td></tr> <tr><td><code>data-wikilink</code></td><td>(any)</td><td>Internal wiki link styling</td></tr> </tbody> </table> </div> https://asw.trentuna.com/docs/reference/charts/ Thu, 09 Apr 2026 00:00:00 +0000 https://asw.trentuna.com/docs/reference/charts/ <p>ASW includes a chart layer (<code>06-charts.css</code>) absorbed from <a href="https://chartscss.org/">Charts.css</a> (MIT), with the class-based API converted to data-attributes. Charts are pure CSS — no JavaScript, no Canvas, no SVG.</p> <p>The data source is a standard <code>&lt;table&gt;</code>. CSS turns it into a chart.</p> <hr> <h2 id="how-data-binding-works">How data binding works</h2> <p>Each <code>&lt;td&gt;</code> carries a <code>--size</code> CSS custom property via <code>style</code> attribute. This is the <strong>one place</strong> ASW permits inline styles — <code>style=&quot;--size: 0.8&quot;</code> is data injection (a numeric value binding), not presentational styling.</p> https://asw.trentuna.com/docs/reference/chroma/ Thu, 09 Apr 2026 00:00:00 +0000 https://asw.trentuna.com/docs/reference/chroma/ <p>ASW ships two syntax highlighting systems:</p> <ul> <li><strong><code>07-chroma.css</code></strong> — Hugo/Chroma class names mapped to Open Props tokens. For Hugo sites.</li> <li><strong><code>02-semantic.css</code> (Prism section)</strong> — Token overrides for Prism.js. For non-Hugo sites.</li> </ul> <p>Both render with the same token palette: Open Props perceptual colour scale, dark-first with light-mode overrides.</p> <hr> <h2 id="hugo--chroma">Hugo / Chroma</h2> <p>Hugo uses <a href="https://github.com/alecthomas/chroma">Chroma</a> to highlight code fences. Chroma emits CSS classes (<code>.k</code>, <code>.s</code>, <code>.c</code>, etc.). <code>07-chroma.css</code> maps those classes to ASW tokens.</p>