Options on Markdown Elements To Control Rendering

To be able to better control the rendering of presentations, marmota.app adds "options" to Markdown:

Options are not supported everywhere yet, and in the future, marmota.app will gradually increaste the capabilities of options.

Basics

---{background=./bg.jpg}

#{color=alternative;shadow=true} Headline Text

`{typescript} const x = () => console.log('x')`

In the example above, everything in curly braces (e.g. {background=./bg.jpg}), are "options". They change the rendering or behavior of the markdown element. Here's how that works...

Options are written in curly braces and always start right after a markdown element. The values from the options block belong to that element.

Option blocks are single-line: No line breaks allowed. If you want to add multiple values to an options block, separate the values using a semi-colon (";").

Option blocks can have one unnamed value (like typescript for the code block above) and multiple named values. A named value starts with a name, followed by an equals sign and then a value (like shadow=true for the headline in the example above).

If there is an unnamed value, it must be the first value inside the options block: {typescript;other_option=other value} works, while {other_option=other value;typescript} does not.

Different markdown elements support different options. Find out more about the supported options in the Markdown documentation.

Presentation Options 

You can set options for the whole presentation by creating an options block in the first line of the markdown document. That first line cannot contain anything else but the options block.

{design=marmota.app/light}

When you change the design of the presentation, the app will save the name of the design to this options block. And you can add Author name, slide numbers and more information here.

Other Options

Some options are supported by multiple elements, like: