# Markdown

Headway uses Markdown for formatting.

## Headers <a href="#headers" id="headers"></a>

```
# This is an <h1> tag
## This is an <h2> tag
### This is an <h3> tag
#### This is an <h4> tag
##### This is an <h5> tag
###### This is an <h6> tag
```

## Emphasis <a href="#emphasis" id="emphasis"></a>

```
*This text will be italic*
_This will also be italic_

**This text will be bold**
__This will also be bold__

_You **can** combine them_
```

## Lists <a href="#lists" id="lists"></a>

### Unordered <a href="#unordered" id="unordered"></a>

```
* Item 1
* Item 2
  * Item 2a
  * Item 2b
```

### Ordered <a href="#ordered" id="ordered"></a>

```
1. Item 1
2. Item 2
3. Item 3
   * Item 3a
   * Item 3b
```

## Media <a href="#media" id="media"></a>

### Images <a href="#images" id="images"></a>

```
![Logo](/images/logo.png)
Format: ![Alt Text](url)
```

### Video

Loom, YouTube, Vimeo, and Wistia videos are embedded automatically when entered in a new line, or at the end of one. For example:

```
Video at the end of line: https://www.youtube.com/watch?v=Xe53-xzKU0U

Video in a new line:
https://www.loom.com/share/d90264426d4848be9c8112fd51841336
```

To prevent a video link from being automatically embedded, wrap it as a link like this:&#x20;

```
[https://www.youtube.com/watch?v=Xe53-xzKU0U](https://www.youtube.com/watch?v=Xe53-xzKU0U)
```

Videos can also be embedded using the same syntax as images:

```
Format: ![Video name](url)

Examples:
![Loom <3 Headway](https://www.loom.com/share/d90264426d4848be9c8112fd51841336)
![Wistia is for Marketing](https://wistia.com/medias/ve7pzy0d3y)
![Fall in love with Poland](https://vimeo.com/150879953)
![Escape to Kohub - Tropical Coworking](https://www.youtube.com/watch?v=Xe53-xzKU0U)
```

### Sizing images and video <a href="#sizing-images-and-video" id="sizing-images-and-video"></a>

Media sizing can be done with the additional `=` option:

```
![foo](https://vimeo.com/150879953 =100x80) simple, assumes units are in px
![bar](bar.jpg =100x*)                      sets the height to "auto"
![baz](baz.jpg =80%x5em)                    Image with width of 80% and height of 5em
```

## Links <a href="#links" id="links"></a>

```
http://headwayapp.co - automatic!
[Headway](http://headwayapp.co)
```

## Blockquotes <a href="#blockquotes" id="blockquotes"></a>

```
> We're living the future so
> the present is our past.
```

## Inline code <a href="#inline-code" id="inline-code"></a>

```
I think you should use an `window.HW_config` instead.
```

## Code blocks <a href="#code-blocks" id="code-blocks"></a>

### Simple code block <a href="#simple-code-block" id="simple-code-block"></a>

````
```
function someFunction(arg){
  if (arg){
    // do something
  }
}
```
````

### Syntax Highlighting <a href="#syntax-highlighting" id="syntax-highlighting"></a>

````javascript
```javascript
function someFunction(arg){
  if (arg){
    // do something
  }
}
```
````
