Markdown

Headings

---

Increasing the number of leading hashtags decreases the size of the heading.

# Heading 1
## Heading 2
### Heading 3
#### Heading 4

Bold | Italics | Fill in the Blanks

---

This is a fill in the blank (in Flotes). This is bold text. This is Italic text. This is bold and italic text

This is a __fill in the blank__ (in Flotes).
This is **bold text**.
This is *Italic text*.
This is ***bold and italic text***

Lines | Hide Blocks

Markdown reserves three different syntax for creating lines. three underscores, three asterisks and three dashes.

___

This is a hide block in Flotes.

But just two lines in traditional Markdown
___

Block Quotes

---

Block quotes indent text

You can nest block quotes

Add blank indents to add paragraphs

> Block quotes indent text
>> You can nest block quotes
>
> Add blank lines to add paragraphs

Lists

Ordered

1. Collect underpants
2. ???
3. Profit!!!

1. Collect underpants
2. ???
3. Profit!!!

South Park Reference :)

Unordered

• This is a list
  • Tab to indent
• Back to the original depth

- This is a list
  - Tab to indent
- Back to the original depth

Images | Videos | Links

To create a link wrap the label in brackets and the url in parenthesis

Flotes App

[Flotes App](https://flotes.app)

Video, image, and gif syntax is similar. The difference being an exclamation point at the beginning.

• The description will be used in the case of a broken image/video.

![Haikyuu](https://media1.tenor.com/m/2PksnB_BzicAAAAd/haikyuu-anime.gif)

Code Blocks

---

Code blocks can be syntax highlighted by adding the language to the first line

const hello = "world"

```javascript

const hello = “world”

```

Flow Charts

Flotes enables a special type of syntax for creating Flowcharts with Markdown, called Mermaid.

graph TD;

A[My Node]-->B[My 2nd Node]

```mermaid

graph TD;

A[My Node]—>B[My 2nd Node]

```

---