This page should be an example for all the syntax features supported

by An Otter Wiki. You display the markdown code via

<span class="help-button"><span class="btn btn-square btn-sm">

<i class="fas fa-ellipsis-v"></i></span> <i class="fas fa-caret-right"></i>

<span class="btn btn-square btn-sm"><i class="fab fa-markdown"></i></span>

View Source</span> or click [here](/Examples/All%20Syntax%20Features/source).

Without an empty

line, a block of

words will be rendered

as paragraph.

An Otter Wiki stores all pages in UTF-8 in a git repository. With UTF-8 you get emojis

like 🥳 and 🎆, that all modern browsers can display.

[A link to the otterwiki github project](https://github.com/redimp/otterwiki),

followed by an auto linked url to http://example.com, followed by a mail address

Here's a sentence with a footnote.[^1]

[^1]: This is the footnote.

Got more to quote?

>

>> And it can nest more quotes.

>>

>> **Markdown syntax will be rendered inside quotes.**

Itemized lists look like

* this one

* with three

* items.

A numbered list

1. first item

2. second item

3. third item

And a task list

- [ ] a unchecked item

- [x] and **bold** checked item

| Cell with Text | Cell with Text | Cell with Text | Cell with Text |

| Cell with <br> two lines. | Cell with Text | Cell with Text | Cell with Text |

A table with some formatting and an emoji.

| Alpha | Bravo | Charlie |

| -------- | ----------------- | -------- |

| Juliett | Kilo | _Lima_ |

| ~~Mike~~ | November | Oscar |

| Papa | Quebec | Romeo |

| Sierra | Tango | Uniform |

| Victor | [Whisky](#tables) | X-Ray |

| Yankee | Zulu | 🦦 |

Markdown is often used for documentation, so it's not a

surprise that it should be excellent in displaying code and configurations.

For example a minimal `docker-compose.yaml` for running An Otter Wiki:

This and many other examples for syntax highlighting can be found in [[Examples/Syntax Highlighting|/Examples/Syntax Highlighting]].

1. For example

* an unordered list

* with two items

2. or

3. with three items.

an entire paragraph to a list. To do that indent it with

4 spaces and add an empty line before and after the paragraph.

5. Maybe you want to add a fenced block of code

class Example:

var = True

4. or a quote

When `$a \ne 0$`, there are two solutions to `$ax^2 + bx + c = 0$` and they are

An Otter Wiki supports also some special blocks, whose syntax is derived

from various dialects.

You can create spoiler blocks:

>! 

>! Not a massive spoiler, but useful to show that you can hide images and text inside

>! a spoiler block.

---

Blocks with summary, that unfold the details on click:

>| # Do you want to know more?

>|

>| Detail blocks could be used for handling spoilers, too.

---

:::info

with some content.

:::

and in the flavor of a

:::warning

With _some_ `formatting` in it.

:::

or a

:::danger

In case a warning not warning enough.

:::