g4s5h-daaaa-aaaad-qbdpq-cai.icp0.io Open in urlscan Pro
2a0b:21c0:b002:2:5000:edff:fe0d:98de  Public Scan

Form analysis
0 forms found in the DOM

Text Content

CREATE SLIDES IN MARKDOWN WITH ACADEMIC

Academic | Documentation


FEATURES

 * Efficiently write slides in Markdown
 * 3-in-1: Create, Present, and Publish your slides
 * Supports speaker notes
 * Mobile friendly slides


CONTROLS

 * Next: Right Arrow or Space
 * Previous: Left Arrow
 * Start: Home
 * Finish: End
 * Overview: Esc
 * Speaker notes: S
 * Fullscreen: F
 * Zoom: Alt + Click
 * PDF Export : E


CODE HIGHLIGHTING

Inline code: variable

Code block:

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



MATH

In-line math: x+y=zx+y=z

Block math:



f(x)=;2(x+4)(x−4)(x+4)(x+1)f(x)=;2(x+4)(x−4)(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:

 * class: use a custom style (requires definition in custom CSS)
 * weight: sets the order in which a fragment appears


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!

 * Only the speaker can read these notes
 * Press S key to view


THEMES

 * black: Black background, white text, blue links (default)
 * white: White background, black text, blue links
 * league: Gray background, white text, blue links
 * beige: Beige background, dark text, brown links
 * sky: Blue background, thin dark text, blue links

 * night: Black background, thick white text, orange links
 * serif: Cappuccino background, gray text, brown links
 * simple: White background, black text, blue links
 * solarized: Cream-colored background, dark green text, blue links


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






Resume presentation
Create slides in Markdown with Academic Academic | Documentation