• 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"
}

Go, lazy fat vixen; be shrewd, jump quick. Few quips galvanized the mock jury box. By Jove, my quick study of lexicography won a prize. Quick wafting zephyrs vex bold Jim. Just keep examining every low bid quoted for zinc etchings. A very bad quack might jinx zippy fowls. The quick onyx goblin jumps over the lazy dwarf.

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

Blowzy red vixens fight for a quick jump. The quick brown fox jumps over a lazy dog. When zombies arrive, quickly fax judge Pat. Vexed nymphs go for quick waltz job. Do wafting zephyrs quickly vex Jumbo? Zack Gappow saved the job requirement list for the six boys. Bawds jog, flick quartz, vex nymph.

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

How quickly daft jumping zebras vex. Why shouldn’t a quixotic Kazakh vampire jog barefoot? Jack, love my big wad of sphinx quartz! Quick wafting zephyrs vex bold Jim. The lazy major was fixing Cupid’s broken quiver.

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

Zack Gappow saved the job requirement list for the six boys. Jackdaws love my big sphinx of quartz. Five quacking zephyrs jolt my wax bed. Sympathizing would fix Quaker objectives. Bawds jog, flick quartz, vex nymph.

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

Heavy boxes perform quick waltzes and jigs. Jackdaws love my big sphinx of quartz. Waltz, bad nymph, for quick jigs vex! JCVD might pique a sleazy boxer with funk. Do wafting zephyrs quickly vex Jumbo? The five boxing wizards jump quickly. Jumpy halfling dwarves pick quartz box.

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

Brick quiz whangs jumpy veldt fox. The quick brown fox jumps over the lazy dog. The five boxing wizards jump quickly. Sex prof gives back no quiz with mild joy. Both fickle dwarves jinx my pig quiz. Sympathizing would fix Quaker objectives. Pack my red box with five dozen quality jugs.

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