# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

## Horizontal Rules

-----

_____

*****

## Emphasis

**This is bold text**

__This is bold text__

*This is italic text*

_This is italic text_

~~Strikethrough~~

## Tables

|Trial|Result|
|-----|------|
|1|Fail|
|2|Fail|
|3|Success|

Right aligned columns

|Trial|Result|
|------:|-----------:|
|1|Fail|
|2|Fail|
|3|Success|

## Lists

- Unordered
- Create a list by starting a line with `+`, `-`, or `*`
- list
	- With nesting too
- end

1. Ordered
2. list
	1. With nesting

Start numbering with offset:

57. foo
1. bar

## Typographic replacements

(c) (C) (r) (R) (tm) (TM) (p) (P) +-

test.. test... test..... test?..... test!....

!!!!!! ???? ,, -- ---

## Blockquotes

> Blockquotes can also be nested...
>> ...by using additional greater-than signs right next to each other...
> > > ...or with spaces between arrows.

## Code

Inline `code`

Indented code

	// Some comments
	line 1 of code
	line 2 of code
	line 3 of code


Block code "fences"

```
Sample text here...
```

Syntax highlighting

```js
var foo = function (bar) {
	return bar++;
};

console.log(foo(5));
```

## Links

[link text](https://bots.ondiscord.xyz)

[link with title](https://bots.ondiscord.xyz "title text!")

Auto-converted link https://bots.ondiscord.xyz

## Images

![Discord Logo](https://discord.com/assets/fc0b01fe10a0b8c602fb0106d8189d9b.png)
![No text logo](https://discord.com/assets/2c21aeda16de354ba5334551a883b481.png "Discord")

Like links, Images also have a footnote style syntax

![Alt text][d-logo]

[d-logo]: https://discord.com/assets/fc0b01fe10a0b8c602fb0106d8189d9b.png  "Discord Logo"

Images with a specific size:

![Discord Logo](https://discord.com/assets/fc0b01fe10a0b8c602fb0106d8189d9b.png =200x100)

## Emoji

> Classic markup: :thinking: :tada: :laughing: :star:
>
> Shortcuts (emoticons): :-) :-( 8-) ;)

See a full list here: [Full emoji list (big)](https://github.com/markdown-it/markdown-it-emoji/blob/master/lib/data/full.json)

## <mark>

Here's some ==marked text==

## Abbreviations

This is an HTML abbreviation example.

It converts "HTML", but keeps intact partial entries like "xxxHTMLyyy" and so on.

*[HTML]: Hyper Text Markup Language

## Keyboard

Press [[Shift]]+[[A]] to open

## Attributes

Add class to element {.tag .is-info}

Add styles to **element**{style="font-family: monospace; background-color: black; color: white"}

Add data attribute to element: ==Inspect this in your dev tools=={data-marked}

## Heading Anchors

[This will take you to the Links section](#links)

## Containers

::: block
This is a **default** container. It allows you to create divs for styling.

Just create a style for `.block.default`
:::

::: info
This is an **info** container.

It contains normal markdown like [link](https://bots.ondiscord.xyz), `code`, [[kbd]], and ==mark==.

```js
console.log('test')
```

1. Lists
2. too
:::

::: success
This is a **success** container.

It contains normal markdown like [link](https://bots.ondiscord.xyz), `code`, [[kbd]], and ==mark==.

```js
console.log('test')
```

1. Lists
2. too
:::

::: warning
This is a **warning** container.

It contains normal markdown like [link](https://bots.ondiscord.xyz), `code`, [[kbd]], and ==mark==.

```js
console.log('test')
```

1. Lists
2. too
:::

::: danger style="margin-left: 20px"
This is a **danger** container.

It contains normal markdown like [link](https://bots.ondiscord.xyz), `code`, [[kbd]], and ==mark==.

It also uses a style tag that sets the left margin.

```js
console.log('test')
```

1. Lists
2. too
:::

::: question How do containers work?

This is a **question** container. You can use it for frequently asked questions or something.

To change the label for your container just type the markdown text after the container type.
:::

::: spoiler Click to reveal spoiler
This is a **spoiler!**

A spoiler is a special type of block that is initially hidden.
:::