caption caption text

Add a centered caption to a figure or image.

{% caption 'Figure 1a. Markdown example to be indexed' %}

Example:

captionPaired

Add an auto-numbered, centered caption to a figure or image.

{% captionPaired %}
{% figureId 'b' %} Constants used to message types.
{% endcaptionPaired %} 

figureId

This shortcode numbers figures in a document. It is usually used with the captionPaired shortcode.

A "series page figure number" is a digit followed a letter (a through g). A "page figure number" is a digit only.

Render a new series page figure number with the letter 'a' prepended. The page figure number is incremented by 1. The upper-case signifies this is the first a of a new page figure number.

{% figureId 'A' %} 

Render a series page figure number with latter a. THe page number is not incremmented. This is for making a subsequent to figure na (where n is the current page figure number)

{% figureId 'a' %} 

Render a series page figure number where x is one of of bcdefg. This is for adding additional page figure numbers for a series. The page figure number is not incremented.

{% figureId x %} 

Start a new page figure number. The page figure number is incremented.

{% figureId  %} 

classProvider className

Inject an empty div tag with a specified class name. This is usually used to apply CSS to the following element.

Used before an Shiki code fence this numbers the code:

{% classProvider 'show-shiki-lines'%}

Used before a table, this makes the table 100% wide with slightly smaller text:

{% classProvider 'table-100'%}

Example: Use dev tools to see the div.warren-zevon element here.

hideContent (paired) title name?

Hide content unless the user wants to see it. THe name argument is optional. If it is provided, it gives all of the hideContent elments, with the same name, accordion behavior (where only one collapsed item is open at once).

{% hideContent 'This hides content' %}
.. this content hidden until displayed
{% endhideContent %}

Example:

fancySpacer spaceTop (default = 2.5rem) spaceBottom (default = 2rem)

Injects a fancy element to indicate a minor section break.

{% fancySpacer %}

Example:

jumpLink id

Inject an empty div with a specified id to create a jumplink to this location.

{% jumpLink `id` %}

Example: Change url to posts/eleventy-shortcodes#jumplink to see the jumpLink in action.

jumpLinkHeading headingText id headingTag (default = h2)

Inject a heading with the specified headingText, id, and, optionally, headingTag (the default is h2). This creates a jumplink at the heading.

{% jumpLinkHeading `The history of the heading tag` `heading-tag-history` `h3 `%}

Example: Naviagate to the heading below with #jump-link-heading.

This is an h2 heading

svg

Returns raw SVG code.

{% svg 'left-arrow' %}

Example: