UI features

Selected text formatting options

Below are selected formatting options that may be useful in in RC worskhop sites.

Notes

Use this syntax…

Wash your hands frequently
{: .note}

… to include a note that will look like this on the workshop website:

Wash your hands frequently

Warning

Don't step on the snails!
{: .warn}

Don’t step on the snails!

Danger

Snails armed and dangerous
{: .danger}

Snails armed and dangerous

Prerequisites.

This synax…

- Basic slug identification
- Comfortable in the woods
{: .prereq}

…will look like this:

Something else here

• Basic slug identification
• Comfortable in the woods

Terminal input.

Use this formatting to indicate that the participant should input text into the terminal or command line. This…

Input
{: .label .label-green }
```
$ git status
```

… will appear like this in the workshop website:

Input

$ git status

Terminal output.

Shows the output resulting from an action. This syntax…

Output
{: .label .label-yellow }
```
On branch master
Your branch is up-to-date with 'origin/master'.
nothing to commit, working tree clean
```

…looks like this on the site:

Output

On branch master
Your branch is up-to-date with 'origin/master'.
nothing to commit, working tree clean

Dropdowns

You can use dropdowns to hide answers to questions. For example:

To create hidden content in a dropdown use this:

<details>
<summary>This is the dropdown title</summary>
<br>
This is the hidden dropdown content.
</details>

If you want it open by default:

<details open>
<summary>This is the dropdown title</summary>
<br>
This is the dropdown content that you can hide if you want to.
</details>