Presentations

A presentation is one Markdown document. Every heading starts a new slide, so you write a heading for each slide and the text under it, and Jollify lays it out in your chosen theme. Everything in the basics works on a slide too.

Slides

Each # heading starts a new slide. The text under it, down to the next heading, goes on that slide.

# Welcome to Year 6

A year of big projects and a residential trip.

# This term

- Rivers and the water cycle
- Our class novel
- Swimming on Thursdays

What you get: two slides, "Welcome to Year 6" and "This term", each with its heading at the top and its text below.

Sections

Set slideLevel: 2 at the top of the document and each ## heading starts a slide, while a # heading names a section. The section's name is shown small above the heading of every slide in it.

---
slideLevel: 2
---

# Science

## Rivers start in the hills

Rain collects into streams, and streams join into rivers.

## Rivers end in the sea

Most rivers reach the sea through an estuary.

What you get: two slides, both with "SCIENCE" above their headings. Headings deeper than the slide level (here ###) are small headings inside a slide.

Deck settings

The lines between two --- at the very top set up the whole deck. Every line is optional, and Deck settings in the editor writes them for you.

---
title: Parents' evening
theme: dusk
aspect: 16:9
accent: "#e07a5f"
transition: fade
paginate: true
---

# Parents' evening

Welcome, and thank you for coming.

What you get: a deck in the Dusk theme, 16:9, with an orange accent colour, slides that fade into one another, and a progress bar with slide numbers. The themes are plain, dusk, report, dark and cinema.

Cover slide

Add {.cover} to a slide's heading to make it a title slide.

# The Corner Café {.cover}

Our plans for the spring.

# The menu

Breakfast, lunch and cakes, all made on site.

What you get: a title slide styled by the theme (usually large and centred), then an ordinary slide.

Background pictures

A picture whose description is bg fills the whole slide behind the text. Add left or right to fill one half instead, or give a colour instead of a picture.

# Our new garden

![bg](images/garden.jpg)

# Opening hours

![bg right](images/counter.jpg)

Monday to Saturday, 8 till 4.

# Thank you

![bg](#264653)

What you get: a full-slide photo behind the first slide, a photo filling the right half of the second, and a dark green third slide. On a coloured background the theme picks light or dark text to match.

Columns

A columns block holds a column block for each column.

# Two clubs

::: columns
::: column
### Chess club
Tuesdays at lunchtime, in the library.
:::
::: column
### Coding club
Thursdays after school, in the IT room.
:::
:::

What you get: two columns side by side, each with its own small heading.

Step by step

Put a list in a fragments block and its points appear one at a time, each time you press the arrow key or click.

# How we make bread

::: fragments
- Mix the flour, water, yeast and salt
- Knead for ten minutes
- Leave it to rise
- Bake for half an hour
:::

What you get: a slide that starts with just its heading, then shows one more step at each press.

Make one thing move

Add {in=…} to a paragraph, heading or picture, with the name of an animation, and it arrives with that animation on the next press. Some names are fadeIn, fadeInUp, zoomIn, bounceIn and tada.

# The winner is…

And the cup goes to… {in=fadeIn}

**The Blue Team!** {in=zoomIn}

What you get: the heading first, then the first line fading in on the first press, then "The Blue Team!" zooming in on the second. Use {out=fadeOut} to make something leave on its press instead.

Speaker notes

Put notes for yourself in a notes block. The audience does not see them: they show in the presenter view.

# Fire drill

Leave by the nearest exit and meet on the field.

::: notes
Remind everyone the bell will ring at 10:15. Count heads at the gate.
:::

What you get: a slide with the instructions on it, and your reminder in the presenter view only.

Quizzes

A quiz block asks a question on the slide. Write the question, then a checklist of answers, with [x] on the right one. A quote at the end is the explanation, shown with the answer.

# Quick quiz

::: quiz
Which planet is the largest?
- [ ] Mars
- [x] Jupiter
- [ ] Venus
> Jupiter is more than twice the mass of all the other planets together.
:::

What you get: the question with three choices to pick from, and a Check button that says whether the answer is right and shows the explanation.

Charts

Put a table in a chart block and it is drawn as a chart. The first column is along the bottom, and each other column is a set of bars (or a line).

# Cakes sold

::: chart bar {title="Cakes sold each day"}
| Day       | Lemon | Chocolate |
|-----------|------:|----------:|
| Monday    | 12    | 18        |
| Tuesday   | 9     | 14        |
| Wednesday | 15    | 21        |
:::

What you get: a bar chart with a pair of bars for each day and a key naming the two cakes. Use line, area, stacked, pie or donut in place of bar for other kinds of chart.

Snow and confetti

A particles block fills the slide with falling snow, rain, petals, feathers, confetti or bubbles.

# Merry Christmas!

::: particles snow
:::

What you get: snow falling over the slide while it is shown.

Hide a slide

Add {.hidden} to a slide's heading to skip it when you present, without deleting it.

# Spare slide {.hidden}

Only if there is time.

What you get: a slide that stays in your document but is stepped over in the show.

More

  • The basics: lists, pictures, tables, blocks and shapes, all of which work on slides.
  • Try it in the editor: start a new presentation and paste an example in.