• Georg Makowski
  • 2:54 pm

Code Block Layout Demo

On large screens, code blocks expand into the margins as long as possible and may include up to 160 characters in one line.

This is a layout demonstration for pages without a sidebar. The docs contain the syntax options.

Default

The HTML tag at the **beginning** of code is `<code>`.
And to mark the **end** we use the corresponding closing tag `</code>`.

With line numbers

1
2

The HTML tag at the **beginning** of code is `<code>`.
And to mark the **end** we use the corresponding closing tag `</code>`.

Long lines

// NodeRendererFunc is a function that renders a given node.
type NodeRendererFunc func(writer util.BufWriter, source []byte, n ast.Node, entering bool) (ast.WalkStatus, error)

// A NodeRenderer interface offers NodeRendererFuncs.
type NodeRenderer interface {
 // RendererFuncs registers NodeRendererFuncs to given NodeRendererFuncRegisterer.
 RegisterFuncs(NodeRendererFuncRegisterer)
}

Short lines

{
  "firstName": "John",
  "lastName": "Smith",
  "age": 35,
  "profession": "Last Man Standing"
}

The quick brown fox jumped over the lazy dogs. Fat hag dwarves quickly zap jinx mob. Cute, kind, jovial, foxy physique, amazing beauty? Wowser! Quick wafting zephyrs vex bold Jim. JCVD might pique a sleazy boxer with funk. Woven silk pyjamas exchanged for blue quartz. Go, lazy fat vixen; be shrewd, jump quick.

├── archetypes
├── assets
├── content
├── data
└── themes

Kvetching, flummoxed by job, W. zaps Iraq. How quickly daft jumping zebras vex. GQ jock wears vinyl tuxedo for showbiz promo. Fickle bog dwarves jinx empathy quiz. A very bad quack might jinx zippy fowls. Foxy parsons quiz and cajole the lovably dim wiki-girl. Jumping hay dwarves flock quartz box.

{
  "firstName": "John",
  "lastName": "Smith",
  "age": 35,
  "profession": "Last Man Standing"
}

My faxed joke won a pager in the cable TV quiz show. Fickle bog dwarves jinx empathy quiz. Zack Gappow saved the job requirement list for the six boys. Do wafting zephyrs quickly vex Jumbo? A quivering Texas zombie fought republic linked jewelry.

├── archetypes
├── assets
├── content
├── data
└── themes

Woven silk pyjamas exchanged for blue quartz. The quick brown fox jumps over the lazy dog. Jim quickly realized that the beautiful gowns are expensive. Fake bugs put in wax jonquils drive him crazy. Pack my red box with five dozen quality jugs.

{
  "firstName": "John",
  "lastName": "Smith",
  "age": 35,
  "profession": "Last Man Standing"
}

Just poets wax boldly as kings and queens march over fuzz. Schwarzkopf vexed Iraq big-time in July. Brawny gods just flocked up to quiz and vex him. DJs flock by when MTV ax quiz prog. Cute, kind, jovial, foxy physique, amazing beauty? Wowser! Sphinx of black quartz, judge my vow! Boxers had zap of gay jock love, quit women.

├── archetypes
├── assets
├── content
├── data
└── themes

Boxers had zap of gay jock love, quit women. Amazingly few discotheques provide jukeboxes. Crazy Frederick bought many very exquisite opal jewels. My girl wove six dozen plaid jackets before she quit. Do wafting zephyrs quickly vex Jumbo? Prating jokers quizzically vexed me with fibs. Glib jocks quiz nymph to vex dwarf.

In lists

  • List entries are indented and code blocks fit inside.

    The HTML tag at the **beginning** of code is `<code>`.
And to mark the **end** we use the corresponding closing tag `</code>`.

See Also