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

• Standard Markdown cheatsheet
• Custom Formatting Options using shortcodes

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>}}

Notices

Note Notice

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

Info Notice

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

Tip Notice

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

Warning Notice

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

Example icons available

Full list here

---

You did it!
Workshop complete

Previous:

Web Developer Guidelines