Intro

Welcome to Ultradeck! You can use these concise docs to quickly get up to speed with all of the great features and functionality Ultradeck has to offer.

You can create decks in 2 different ways: Via the web UI or the command-line. Or you can use a combination of both methods!

Creating amazing decks

Ultradeck uses Markdown as the driver to make decks. If you already know markdown, you'll be able to easily create amazing decks in no time. Below is a reference for how Ultradeck responds to specific pieces of Markdown.

Headings

Headings are used to show the main topic area of a particular slide. Headings, regardless of size, will always center themselves if they are the only bit of content.

Auto-fit headings

An h1 heading is special - it will always attempt to fill the entire slide, and it's not recommended to have anything other than an h1 heading on the slide.

For instance, this markdown below:

# Big slide

…will generate this slide:

Title headings

Subsequent smaller headings can be used as slide titles, and are good when paired with other markdown.

Example:

## Ultradeck features

* Simple and effortless way of creating slides from markdown.
* Use the command-line app to use your editor of choice!

...will yield this slide:

You can also use smaller headings without any subsequent text below, and the heading will auto-center.

Example:

## Big slide

Yields this slide:

Any normal text is treated like block-level paragraphs.

Lists

Both ordered and unordered lists are supported:

* You can go with this
* Or you can go with that
  * Sub-lists are supported as well

_Ground rules_:
1. Don't talk about fight club
1. See #1

Images

Ultradeck will auto-fit images in slides, if the image is the only content on the slide.

Example:

![](https://i.imgur.com/Om5efVu.jpg)

Yields this slide:

You can also add content to slides with images as the background.

Example:

![](https://i.imgur.com/Om5efVu.jpg)

# The Journey
<div></div>

Yields this slide:

Note the use of <div></div> to push the normally-centered headline to the top of the slide.

Uploading your own images

You can use the Ultradeck deck editor to upload your own images. Simply drop images anywhere in the deck window to upload. When you do this, your image becomes an asset that you can use throughout the deck.

Assets are available for use in the assets dropdown in the markdown editor. When you open the assets menu, you can insert an asset as a regular markdown image in your deck.

Image filtering

You can apply a filter to images to be able to see text more clearly. The filters are different for each color choice. Use filter inside the alt tag of the image to use a filter:

![filter](https://i.imgur.com/Om5efVu.jpg)

# The Journey
<div></div>

Ken Burns effect

Ken Burns-style effect is also available, which will slowly zoom the background image in and out, making a dramatic effect.

![kenburns](https://i.imgur.com/Om5efVu.jpg)

# The Journey

Code

Any code in a markdown code fence will be syntax highlighted.

Example:

# Presenting an example

```javascript
function* fibonacci() { // a generator function
  let [prev, curr] = [0, 1];
  while (true) {
    [prev, curr] = [curr, prev + curr];
    yield curr;
  }
}

for (let n of fibonacci()) {
  console.log(n);
  // truncate the sequence at 1000
  if (n >= 1000) {
    break;
  }
}
```

Yields this slide:

Bold and Emphasis

You can use bolding and emphasis to add color + flair into your slides.

Example:

# **Bolded** and *Emphasized*

Yields this slide:

The bold and emphasis colors and fonts vary with each color and theme choice.

Using HTML in slides

Because Ultradeck is just regular HTML under the hood, you can use html elements in your slides as well, for more control.

Example:

## Big Slide

<b style="text-decoration: underline; color: red">bolded</b> stuff

Yields this slide:

Tables

Utradeck also supports tables in Markdown.

This slide:

## Table support!
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3

Yields this:

Split slides

You can vertically partition slides to have content evenly split between the left and right. Split slides using +++, similar to how you'd insert a horizontal rule in Markdown.

Example:

![](woods.png)

+++

### Split screens
* Easily balance content on left and right sides of slides
* * Split content using `+++`.

...yields this slide:

Math

Ultradeck supports support for KaTeX math. To use KaTeX math, simply surround it with a dollar sign on each end.

For example:

# $f(a,b,c) = (a^2+b^2+c^2)^3$

..yields the following:

results matching ""

    No results matching ""