Academy Theme Shortcodes on Exoscale Academy

Alert

Mon, 01 Jan 0001 00:00:00 +0000

The academy-theme alert shortcode renders a styled alert box. The type parameter controls the color and icon.

{{< alert type="note" title="Note" >}}Alert content with **Markdown** support.{{< /alert >}}

Parameters:

Parameter	Description	Default
`type`	Alert style: `note`, `info`, `danger`, `warning`	(none)
`title`	Optional title above the alert body	(none)

Examples:

Note

A plain alert with a title.

Note

This alert supports a title and Markdown.

Info

This is an informational alert.

Danger

This is a danger alert.

Warning

This is a warning alert.

Details (Collapsible)

Mon, 01 Jan 0001 00:00:00 +0000

The academy-theme details shortcode renders a collapsible content block.

{{< details summary="Click to expand" open="true" >}}
Collapsed content here. Supports **Markdown**.
{{< /details >}}

Parameters:

Parameter	Description	Default
`summary`	Clickable summary text	(empty)
`open`	Set to `"true"` to start expanded	collapsed

Expanded by default:

Academy theme details (open)

This is the academy-theme implementation of the details shortcode. It starts expanded because open="true" is set.

Supports Markdown formatting
Lists, code, and emphasis all render correctly

Collapsed by default:

Pageinfo

Mon, 01 Jan 0001 00:00:00 +0000

The academy-theme pageinfo shortcode renders a page-level notice box.

{{< pageinfo >}}Notice content with **Markdown** support.{{< /pageinfo >}}

Example:

This block uses the academy-theme implementation of `pageinfo`. It is useful for rendering page-level status notices, such as deprecation warnings or draft indicators.

Chapterstyle

Mon, 01 Jan 0001 00:00:00 +0000

The chapterstyle shortcode wraps content in a <div> with custom inline styles, useful for visually distinguishing chapter or section blocks.

{{% chapterstyle style="padding: 1rem; border: 1px solid #d0d7de; border-radius: 0.75rem; background: #f8fafc;" %}}
Your styled content here.
{{% /chapterstyle %}}

Parameters:

Parameter	Description	Default
`style`	CSS style string applied to the wrapper `<div>`	(none)

Example:

SVG

Mon, 01 Jan 0001 00:00:00 +0000

The svg shortcode renders an inline SVG icon from assets/icons/{name}.svg.

{{< svg name="layer5-academy-icon" >}}

Parameters:

Parameter	Description	Default
`name`	SVG file name (without extension) from `assets/icons/`	(required)

Example:

The icon renders inline:

Version

Mon, 01 Jan 0001 00:00:00 +0000

The version shortcode renders a styled version label.

{{< version color="Theme version label:" >}} academy-theme sample output{{< /version >}}

Example:

Theme version label: academy-theme sample output

CSV Table

Mon, 01 Jan 0001 00:00:00 +0000

The csvtable shortcode reads static/data/csv/keys-backup.csv and renders a permissions table grouped by category. Each role column shows a check or cross indicator.

{{< csvtable >}}

The CSV file must be located at static/data/csv/keys-backup.csv and contain columns for Category, Function, Feature, and various role names.

Example:

Infrastructure Permissions

Permission	Description	Workspace Admin	Team Admin	Organization Admin	Provider Admin	User Role	Support Role	Audit Role
Create cluster	Allows creating SKS clusters	✅	✅	✅	❌	✅	❌	❌
Delete cluster	Allows deleting SKS clusters	✅	❌	✅	❌	❌	❌	❌

Security Permissions

Permission	Description	Workspace Admin	Team Admin	Organization Admin	Provider Admin	User Role	Support Role	Audit Role
Rotate API key	Allows rotating API keys	❌	✅	✅	✅	❌	❌	✅

CSV Table Roles

Mon, 01 Jan 0001 00:00:00 +0000

The csvtable-roles shortcode reads static/data/csv/keys-backup.csv and renders per-role permission tables showing which functions each role has access to.

{{< csvtable-roles >}}

The CSV file must be located at static/data/csv/keys-backup.csv with the same format used by csvtable.

Example:

Team Admin Role

Permission	Description
Create cluster	Allows creating SKS clusters
Rotate API key	Allows rotating API keys

Organization Admin Role

Permission	Description
Create cluster	Allows creating SKS clusters
Delete cluster	Allows deleting SKS clusters
Rotate API key	Allows rotating API keys

Provider Admin Role

Permission	Description
Rotate API key	Allows rotating API keys

User Role Role

Permission	Description
Create cluster	Allows creating SKS clusters

Support Role Role

Permission	Description

Audit Role Role

Permission	Description
Rotate API key	Allows rotating API keys

Lab Intro

Mon, 01 Jan 0001 00:00:00 +0000

The lab-intro shortcode captures its inner content and stores it on the page scratch pad under the key lab_intro. This allows layout templates to retrieve and display lab introduction text in a dedicated section of the page.

{{% lab-intro %}}
Welcome to this hands-on lab. In this exercise, you will learn how to deploy a cloud native application using Kubernetes. By the end of this lab, you will be able to create a cluster, deploy workloads, and expose services.
{{% /lab-intro %}}

Example:

Embedded Design

Mon, 01 Jan 0001 00:00:00 +0000

The meshery-design-embed shortcode renders an interactive Meshery design diagram.

{{< meshery-design-embed
 id="embedded-design-c811e9f4-2522-4eb6-b775-7475545356d8"
 src="./embedded-design-deploy-meshery-using-meshery.js"
>}}

The rendered output is shown below:

Open Design

Learn more about embedded designs.

Image

Mon, 01 Jan 0001 00:00:00 +0000

Theme image shortcode

Exoscale icon displayed with the academy-theme image shortcode

Local Video

Mon, 01 Jan 0001 00:00:00 +0000

The local-video shortcode embeds an HTML5 <video> player for a locally hosted video file.

{{< local-video src="/path/to/video.mp4" muted="true" autoplay="true" loop="true" >}}

Parameters:

Parameter	Description	Default
`src`	Path to the video file	(required)
`muted`	Mute the video	`false`
`autoplay`	Auto-play the video	`false`
`loop`	Loop playback	`false`

Sample video not included

This shortcode requires a locally hosted .mp4 video file. Add your video to static/examples/ and update the src path.

Meshery Design Embed

Mon, 01 Jan 0001 00:00:00 +0000

Open Design

Usestatic

Mon, 01 Jan 0001 00:00:00 +0000

The usestatic shortcode resolves a tenant-scoped static file path, prefixing it with the organization UUID configured in params.defined_org.

{{< usestatic "images/exoscale-icon.png" >}}

Resolved tenant-scoped static path: /academy-theme/images/exoscale-icon.png