Markdown rendering test

This page exists to test rendering, not to be good docs. It exercises text formatting, lists, links, tables, callouts, images, syntax highlighting across languages, and mermaid diagrams.

Cross-doc linking

Internal links use the route path and become client-side <NuxtLink>s automatically: see Getting started or jump straight to Concepts → Sandboxes. External links work too — cinderworks.ai and the repo.

Text & inline formatting

Regular text with bold, italic, bold italic, strikethrough, and inline code. Here's a footnote reference1. An em-dash — and an ellipsis…

A blockquote for emphasis. It can hold formatting and code.

And nest another level inside it.

Lists

Unordered, with nesting:

  • First item
  • Second item
    • Nested A
    • Nested B
      • Deeper still
  • Third item

Ordered:

  1. Brief the job
  2. Run it in the sandbox
  3. Review the branch
  4. Ship

Task list:

  • Brand tokens
  • Landing page
  • Docs site
  • Retheme AiChat

Callouts

Note

A plain note — neutral, never competes with the copper accent.

Tip

A tip. Use these for helpful asides.

Warning

A warning. Something to be careful about.

Caution

A caution — the strongest level, for destructive or irreversible actions.

Tables

SurfaceStackDeploys to
apps/webNuxt SSG (hand-CSS)cinderworks.ai (free static)
apps/docsNuxt Contentdocs.cinderworks.ai (free static)
apps/aichatNuxt 4 + Nitro on Bunaichat.cinderworks.ai (paid)

Alignment:

LeftCenterRight
abc
long cellmid42

Image

cinderworks emblem

Syntax highlighting

A code block with a filename:

server/utils/sandbox.tsts
import { createRequire } from 'node:module'

export async function acquireSandbox(): Promise<Sandbox> {
  const require = createRequire(import.meta.url)
  const { Sandbox } = require('@e2b/code-interpreter')
  return Sandbox.create({ timeoutMs: 60_000 })
}

Shell:

bun create cinderworks@latest my-shop
cd my-shop && bun dev

Python:

import plotly.graph_objects as go

x = [i * 0.1 for i in range(126)]
fig = go.Figure(go.Scatter(x=x, y=[__import__("math").sin(v) for v in x]))
fig.show()

Go:

package main

import "fmt"

func main() {
    for i := 0; i < 3; i++ {
        fmt.Printf("forge job %d\n", i)
    }
}

Rust:

fn main() {
    let projects = vec!["aichat", "forge", "juice"];
    for p in &projects {
        println!("cinderworks/{p}");
    }
}

JSON:

{
  "name": "@cinderworks/docs",
  "private": true,
  "scripts": { "generate": "bun --bun nuxt generate" }
}

SQL:

select name, status
from projects
where status = 'live'
order by created_at desc;

Diff:

- build_command: npm i -g bun && bun install && bun run generate
+ build_command: bun run --filter '@cinderworks/docs' generate

Mermaid diagrams

A flowchart:

Rendering diagram…

A sequence diagram:

Rendering diagram…

That's the kitchen sink. If everything above renders cleanly, the docs pipeline is solid.

Footnotes

  1. Footnotes render down here, linked back to the reference.