Formatting

When creating or modifying workshops, you’ll write them using standard Markdown syntax, plus some additional custom syntax. This page explains what syntax to use to add specific formats to a workshop.

Formatting Reference

Formatting Examples

This theme includes a number of options to customize the look and feel of your site. Below, you can find several usage examples, which include the syntax to use followed by what is actually shown on a page when you use that syntax.

Alerts

Info

{{< alert theme="info" >}}**This** is an info {{< /alert >}}

Success

{{< alert theme="success" >}}**Yeahhh !** is a success{{< /alert >}}

Warning

{{< alert theme="warning" >}}**Be careful** is a warning{{< /alert >}}

Danger

{{< alert theme="danger" >}}**Beware !** is a danger{{< /alert >}}

Buttons

{{< button href="https://nuevofoundation.org" >}} go to Nuevo Foundation {{< /button >}}

Success Button

{{< button href="https://nuevofoundation.org" theme="success" >}} Success {{< /button >}}

Info Button

{{< button href="https://nuevofoundation.org" theme="info" >}} Info {{< /button >}}

Warning Button

{{< button href="https://nuevofoundation.org" theme="warning" >}} Warning {{< /button >}}

Danger Button

{{< button href="https://nuevofoundation.org" theme="danger" >}} Danger ! {{< /button >}}

Default Button

{{< button href="https://nuevofoundation.org" theme="default" >}} Danger ! {{< /button >}}

Expand

{{<expand "Click here to expand!">}}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{< /expand>}}
Click here to expand!

Notices

Note Notice

{{< notice note >}}
A notice disclaimer
{{< /notice >}}

A notice disclaimer

Info Notice

{{< notice info >}}
An information disclaimer
{{< /notice >}}

An information disclaimer

Tip Notice

{{< notice tip >}}
A tip disclaimer
{{< /notice >}}

A tip disclaimer

Warning Notice

{{< notice warning >}}
An warning disclaimer
{{< /notice >}}

An warning disclaimer

Example icons available

Full list here

IconIcon NameExample Usage
asterisk{{<icon name="asterisk" size="large">}}
plus{{<icon name="plus" size="large">}}
euro{{<icon name="euro" size="large">}}
eur{{<icon name="eur" size="large">}}
minus{{<icon name="minus" size="large">}}
cloud{{<icon name="cloud" size="large">}}
envelope{{<icon name="envelope" size="large">}}
pencil{{<icon name="pencil" size="large">}}
glass{{<icon name="glass" size="large">}}
music{{<icon name="music" size="large">}}
search{{<icon name="search" size="large">}}
heart{{<icon name="heart" size="large">}}
star{{<icon name="star" size="large">}}
star-empty{{<icon name="star-empty" size="large">}}
user{{<icon name="user" size="large">}}
film{{<icon name="film" size="large">}}
th-large{{<icon name="th-large" size="large">}}
th{{<icon name="th" size="large">}}
th-list{{<icon name="th-list" size="large">}}
ok{{<icon name="ok" size="large">}}
remove{{<icon name="remove" size="large">}}
zoom-in{{<icon name="zoom-in" size="large">}}
zoom-out{{<icon name="zoom-out" size="large">}}
off{{<icon name="off" size="large">}}
signal{{<icon name="signal" size="large">}}
cog{{<icon name="cog" size="large">}}
trash{{<icon name="trash" size="large">}}
home{{<icon name="home" size="large">}}
file{{<icon name="file" size="large">}}
time{{<icon name="time" size="large">}}
road{{<icon name="road" size="large">}}
download-alt{{<icon name="download-alt" size="large">}}
download{{<icon name="download" size="large">}}
upload{{<icon name="upload" size="large">}}
inbox{{<icon name="inbox" size="large">}}
play-circle{{<icon name="play-circle" size="large">}}
repeat{{<icon name="repeat" size="large">}}
refresh{{<icon name="refresh" size="large">}}
list-alt{{<icon name="list-alt" size="large">}}
lock{{<icon name="lock" size="large">}}
flag{{<icon name="flag" size="large">}}
headphones{{<icon name="headphones" size="large">}}
volume-off{{<icon name="volume-off" size="large">}}
volume-down{{<icon name="volume-down" size="large">}}
volume-up{{<icon name="volume-up" size="large">}}
qrcode{{<icon name="qrcode" size="large">}}
barcode{{<icon name="barcode" size="large">}}
tag{{<icon name="tag" size="large">}}
tags{{<icon name="tags" size="large">}}
book{{<icon name="book" size="large">}}
bookmark{{<icon name="bookmark" size="large">}}
print{{<icon name="print" size="large">}}
camera{{<icon name="camera" size="large">}}
font{{<icon name="font" size="large">}}
bold{{<icon name="bold" size="large">}}
italic{{<icon name="italic" size="large">}}

You did it!
Workshop completed!