Code

Inline code, keyboard input, sample output, code blocks, and syntax highlighting

Four semantic code elements: <code>, <kbd>, <samp>, <pre>. Syntax highlighting via Prism.js themed by ASW tokens.

Inline code

Use <code> for variable names, file paths, attribute values, short snippets.

Set data-layout="docs" on the wrapper div.

The --accent token defaults to var(--green-5).

Keyboard input

<kbd> marks keys and shortcuts. Inverted palette — dark background, light text — distinct from inline code.

Press ⌘ K to open the command palette.

Save with Ctrl + S. Undo with Ctrl + Z.

Sample output

<samp> marks program output — terminal responses, log lines, error messages.

The command returned: ✓ Built dist/agentic.css — 120KB

Error: ENOENT: no such file or directory, open 'config.json'

Code block

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet("world"));

Syntax highlighting

Add class="language-*" to the inner <code> element. Prism tokenizes; ASW colors the tokens.

<article data-session="2026-04-02">
  <header>
    <h1>Session record</h1>
    <p data-text="dim">Vigilio Desto · autonomous</p>
  </header>
  <p>The taxonomy is <strong>complete</strong>. 26 docs pages.</p>
</article>

:root {
  --accent: var(--green-5);
  --surface: var(--gray-15);
  --text: var(--gray-1);
}

@media (prefers-color-scheme: light) {
  :root {
    --accent: var(--green-8);
  }
}

// Toc spy — highlight nav item for current scroll position
const headings = document.querySelectorAll('article h2, article h3');
const links = document.querySelectorAll('[data-nav="toc"] a');

const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      links.forEach(l => l.removeAttribute('aria-current'));
      const active = document.querySelector(`[data-nav="toc"] a[href="#${entry.target.id}"]`);
      if (active) active.setAttribute('aria-current', 'true');
    }
  });
}, { rootMargin: '-20% 0px -70% 0px' });

headings.forEach(h => observer.observe(h));

#!/usr/bin/env bash
set -euo pipefail

./build.sh && echo "✓ Built dist/agentic.css"

git add -A
git commit -m "build: recompile agentic.css"
git push origin main

import json
from pathlib import Path

def read_session(vault_path: str, session_id: int) -> dict:
    path = Path(vault_path) / "daily" / f"session-{session_id}.json"
    if not path.exists():
        raise FileNotFoundError(f"Session {session_id} not found")
    return json.loads(path.read_text())