Welcome to Slides

Academic


Features


Controls


Code Highlighting

Inline code: variable

Code block:

porridge = "blueberry"
if porridge == "blueberry":
    print("Eating...")

Math

In-line math: x+y=z

Block math:

f(x)=;2(x+4)(x4)(x+4)(x+1)


Fragments

Make content appear incrementally

{{% fragment %}} One {{% /fragment %}}
{{% fragment %}} **Two** {{% /fragment %}}
{{% fragment %}} Three {{% /fragment %}}

Press Space to play!

One **Two** Three

A fragment can accept two optional parameters:


Speaker Notes

Add speaker notes to your presentation

{{% speaker_note %}}
- Only the speaker can read these notes
- Press `S` key to view
{{% /speaker_note %}}

Press the S key to view the speaker notes!


Themes



Custom Slide

Customize the slide style and background

{{< slide background-image="/img/boards.jpg" >}}
{{< slide background-color="#0000FF" >}}
{{< slide class="my-style" >}}

Custom CSS Example

Let’s make headers navy colored.

Create assets/css/reveal_custom.css with:

.reveal section h1,
.reveal section h2,
.reveal section h3 {
  color: navy;
}

Questions?

Ask

Documentation

Custom Slide Customize the slide style and background {{< slide background-image="/img/boards.jpg" >}} {{< slide background-color="#0000FF" >}} {{< slide class="my-style" >}} Custom CSS Example Let’s make headers navy colored. Create assets/css/reveal_custom.css with: .reveal section h1, .reveal section h2, .reveal section h3 { color: navy; } Questions? Ask Documentation