# _light.page_ Syntax

The Light Page Syntax is extended Markdown with some custom components for rendering neat things like Images, Videos, Galleries, Audio players, etc.

---

# Text

```
# Heading 1
## Heading 2
### Heading 3
_italicize_
**bold**
```

# Heading 1
## Heading 2
### Heading 3
_italicize_  
**bold**

---

# Theming

## Colors

```
bg#fff/000
text#000/ccc
link#00f/0f0
```

Optional `/` option signifies night mode

## Font

```
font#sans
font#mono
font#serif
```

---

# Navigation

```
page#HelloWorld
```

Links to a subpage.  Subpages are created when they are saved.

page#HelloWorld

---

# Breadcrumbs

```
#breadcrumbs
````

#breadcrumbs

---

# Images

Note: Gifs are supported.

```
image#rocko
```

image#rocko

### Arguments

`image#rocko?width=25%`

image#rocko?width=25%


## Gallery

```
gallery#image-*
```  
Embeds a grid of images - use `*` for wildcard matching

gallery#photo-*

---

# Weather

```
The weather is: weather#90210
```

The weather is: weather#90210

---

# Audio

## Playlist

```
playlist#track-*
```

playlist#track-*

Use `*` for wildcard matching

---

# Video

```
video#intro
```

video#intro

---

# Tables

| Heading A | Heading B |
|---|---|
| Column A | Column B |
| Row A | Row B|

---

# Code

Use 3 backticks to signify code breaks.  Sorry, it's hard to show here, ignore the backslashes.

```
\`\`\`javascript
console.log("Hello World")
\`\`\`
```

```javascript
console.log("Hello World")
```

light.page Syntax

Text

Heading 1

Heading 2

Heading 3

Theming

Colors

Font

Navigation

Breadcrumbs

Images

Arguments

Gallery

Weather

Audio

Playlist

Video

Tables

Code