An open API service indexing awesome lists of open source software.

https://github.com/lpenz/slides-template

Slide deck template using pandoc to generate reveal.js slides
https://github.com/lpenz/slides-template

Last synced: 2 months ago
JSON representation

Slide deck template using pandoc to generate reveal.js slides

Awesome Lists containing this project

README

        

# The basics

## What do we have here

[This repository](https://github.com/lpenz/slides-template/) has a
markdown-based slide presentation, and it can also be used as a
template.

- This `README.md` file **is** the presentation example.

- The generated deck is deployed
[here](https://www.lpenz.org/slides-template/).

## Writing the slides

- Write [markdown](https://www.markdownguide.org/)
- Render with [pandoc](https://pandoc.org/)
- Into a [reveaj.js](https://revealjs.com/) slide deck

::: notes

And markdown is also available for the *presenter* notes.

:::

## `build.sh`

- Core of the repository: very simple script that does all of the work.
- Uses the [pandoc/core](https://hub.docker.com/r/pandoc/core) docker image.
- Gets the input file, the output file, a style (css) file and the
title as arguments.

::: notes

This is the simplest thing that can possibly work

:::

# The power

## of markdown

Lists:

- **bold**
- *italic*
- ***bold-italic***
- `monospace`

> blockquote

## of reveal.js

- Press **o** to have an overview of the 2D layout.
- Press **s** for the speaker notes

::: notes

Which include the text in these blocks

:::

## of pandoc

(probably)

- Some math formulas:
$$ e^{i \pi} - 1 = 0 $$
- Easy speaker notes (press **s**).

::: notes

With a simple notation that blends into the markdown text.

:::

# More examples

We can add code with syntax highlight:

```py
#!/usr/bin/env python3

def main():
print("Hello, world!")

if __name__ == "__main__":
main()
```

::: notes

A bit of python just for show.

:::

## 2D layout

All the power provided by [reveaj.js](https://revealjs.com/) and HTML
itself.

```html

Title

Hello, world!

```

## Random image

![](https://picsum.photos/640/480)

# The end