PHACKTS Documentation Engine

Add "term" to any segment to create a hover tooltip. On desktop, a card appears above the word. On mobile, a centered definition card appears. Try hovering over this term to see it in action. Terms are rendered as <dfn> elements for semantic correctness, and they’re keyboard-focusable for accessibility.

Add "href" for links: PHACKTS on Codeberg. External links automatically open in new tabs. Add "code": true for inline code like npm run build or file names like index.html. Add "strong": true for bold emphasis.

Properties compose. This is a linked code term — three properties on a single segment, all rendering correctly.

Code segments can be highlighted with semantic colors. The "highlight": "danger" property produces a red warning badge, useful for marking things users should avoid:

Four callout styles are available, each with its own color and icon:

Code blocks render with a language label and a copy-to-clipboard button:

{
  "type": "code",
  "language": "json",
  "code": "Your code here"
}

Cards wrap blocks in a styled container. Here’s a card containing a heading and a code block:

npm install
npm run build
# Deploy dist/client/ anywhere

The "support" block type renders contact cards with action buttons. Email, phone, and web types are supported: