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

Waxy and quivering, jocks fumble the pizza. Then a cop quizzed Mick Jagger’s ex-wives briefly. Bright vixens jump; dozy fowl quack. Painful zombies quickly watch a jinxed graveyard. Foxy parsons quiz and cajole the lovably dim wiki-girl. Bored? Craving a pub quiz fix? Why, just come to the Royal Oak! Quick brown fox jumps over the lazy dog.

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

Five hexing wizard bots jump quickly. Boxers had zap of gay jock love, quit women. The five boxing wizards jump quickly. Then a cop quizzed Mick Jagger’s ex-wives briefly. Cozy lummox gives smart squid who asks for job pen. The jay, pig, fox, zebra and my wolves quack! Cozy sphinx waves quart jug of bad milk.

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

Jumpy halfling dwarves pick quartz box. The jay, pig, fox, zebra and my wolves quack! A quivering Texas zombie fought republic linked jewelry. Levi Lentz packed my bag with six quarts of juice. The quick brown fox jumped over the lazy dogs.

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

Fat hag dwarves quickly zap jinx mob. Grumpy wizards make a toxic brew for the jovial queen. Five hexing wizard bots jump quickly. Five jumping wizards hex bolty quick. Boxers had zap of gay jock love, quit women.

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

Sphinx of black quartz, judge my vow! Painful zombies quickly watch a jinxed graveyard. Twelve ziggurats quickly jumped a finch box. Jackie will budget for the most expensive zoology equipment. Waxy and quivering, jocks fumble the pizza. How razorback-jumping frogs can level six piqued gymnasts! A quivering Texas zombie fought republic linked jewelry.

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

Cozy lummox gives smart squid who asks for job pen. A wizard’s job is to vex chumps quickly in fog. Watch “Jeopardy!”, Alex Trebek’s fun TV quiz game. Quick blowing zephyrs vex daft Jim. Jacky can now give six big tips from the old quiz. Who packed five dozen old quart jugs in my box? JCVD might pique a sleazy boxer with funk.

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