Skip to content

Image

The image macro allows the inclusion of images with optional alignent and caption.

Available variants

There currently exist 3 variants to use:

{{ image.left(url, title, alt, caption) }}

The image.left macro inserts an image aligned to the left using an info box like the game.info macro.

Options

Option Required Default Description
url Yes None The URL to the image. This can be a relative or absolute URL.
title No None Title to display above the image itself.
alt No image The alt text to set for the image.
caption No None The caption to display below the image.

Examples

{{ image.left(
    url = "https://dummyimage.com/600x400/f5f5f5/aaaaaa?text=–%20Image%20–"
) }}


Lorem Ipsum Dolor sit amet

image

Lorem Ipsum Dolor site amet

{{ image.left(
    url   = "https://dummyimage.com/600x400/f5f5f5/aaaaaa?text=–%20Image%20–",
    title = "Title"
) }}


Lorem Ipsum Dolor sit amet

Title

image

Lorem Ipsum Dolor site amet

{{ image.left(
    url     = "https://dummyimage.com/600x400/f5f5f5/aaaaaa?text=–%20Image%20–",
    caption = "Caption"
) }}


Lorem Ipsum Dolor sit amet

image
Caption

Lorem Ipsum Dolor site amet

{{ image.right(url, title, alt, caption) }}

The image.right macro inserts an image aligned to the right using an info box like the game.info macro.

Options

Option Required Default Description
url Yes None The URL to the image. This can be a relative or absolute URL.
title No None Title to display above the image itself.
alt No image The alt text to set for the image.
caption No None The caption to display below the image.

Examples

{{ image.right(
    url = "https://dummyimage.com/600x400/f5f5f5/aaaaaa?text=–%20Image%20–"
) }}


Lorem Ipsum Dolor sit amet

image

Lorem Ipsum Dolor site amet

{{ image.right(
    url   = "https://dummyimage.com/600x400/f5f5f5/aaaaaa?text=–%20Image%20–",
    title = "Title"
) }}


Lorem Ipsum Dolor sit amet

Title

image

Lorem Ipsum Dolor site amet

{{ image.right(
    url     = "https://dummyimage.com/600x400/f5f5f5/aaaaaa?text=–%20Image%20–",
    caption = "Caption"
) }}


Lorem Ipsum Dolor sit amet

image
Caption

Lorem Ipsum Dolor site amet

{{ image.img(url, alt, caption) }}

The image.img macro inserts the provided image, optionally with a caption.

Options

Option Required Default Description
url Yes None The URL to the image. This can be a relative or absolute URL.
alt No image The alt text to set for the image.
caption No None The caption to display below the image.

Examples

{{ image.img(
    url = "https://dummyimage.com/600x400/f5f5f5/aaaaaa?text=–%20Image%20–"
) }}


Lorem Ipsum Dolor sit amet

image

Lorem Ipsum Dolor site amet

{{ image.img(
    url     = "https://dummyimage.com/600x400/f5f5f5/aaaaaa?text=–%20Image%20–",
    caption = "Caption"
) }}


Lorem Ipsum Dolor sit amet
image
Caption

Lorem Ipsum Dolor site amet