#

## PAMPI

Présentations Avec Markdown, Pandoc, Impress.

#

## Fonctionnement

- les présentations sont écrites dans des fichiers textes
  - et sont donc facilement modifiables
  - la syntaxe des fichiers (Markdown) est assez simple
- elles sont converties en pages web
  - on les affiche dans son navigateur
  - on peut les mettre en ligne, les emporter sur une clé usb, etc

#

## Les outils

- Markdown : permet d’écrire le contenu des présentations avec une syntaxe simple
- Pandoc : transforme le fichier Markdown en fichier html
- impress.js : programme javascript permettant à la présentation de fonctionner dans le navigateur (affichage des étapes, transitions, gestion du clavier et de la souris, …)

#

## L’interface

Le fichier Markdown est affiché à gauche et on peut visualiser le résultat à droite

#

## Les étapes

Chaque étape (step) d’une présentation est positionnée
où l’on veut dans un espace en 3D

- on indique ses coordonnées
- on peut aussi lui donner un facteur de zoom
- et faire des rotations

#

## Exemples

Cette étape est placée aux coordonnées (1000, -3000, 0).
La ligne qui la déclare est donc :

#### `# {.step data-x=1000 data-y=-3000}`

- `# {.step}` indique que c’est une étape
- `data-x=2000` et `data-y=-3000` donnent les coordonnées
- pas besoin d’indiquer `data-z` puisqu’il vaut 0

#

Ici on a ajouté `data-z=-1500`

#

### `data-scale=6`

#

### `data-scale=0.2`

#

### `data-rotate=90`

#

### `data-rotate=360`

#

### `data-rotate-x=60`

#

### `data-rotate-y=60`

#

### Alignement

Par défaut, les étapes sont centrées sur l’écran.

Ici on a ajouté `.text-right`
(avec un point au début).

L’étape est ainsi alignée à droite.

#

L’attribut `.slide` crée un effet de diapositive (fond blanc).

#

### Liste des directives

- coordonnées : data-x, data-y, data-z
- zoom : data-scale
- rotations : data-rotate, data-rotate-x, data-rotate-y
- alignement : .text-left, .text-right
- effet diapositive : .slide

#

## MARKDOWN

Quelques exemples

#

## Titre de niveau 2

### Titre de niveau 3

#### Titre de niveau 4

##### Titre de niveau 5

###### Titre de niveau 6

texte normal

en gras, en italique ou barré

#

- une liste à puces
- la suite
  - une entrée inférieure
  - suite
- on revient au premier niveau

#

1. une liste numérotée
2. la suite
   1. une entrée inférieure
   2. suite
3. on revient au premier niveau

#

## On peut écrire des maths

#### en utilisant KaTeX

a2+b2=c2

$v(t) = v_0 + \frac{1}{2}at^2$

$\int_{0}^{1} x dx = \left[ \frac{1}{2}x^2 \right]_{0}^{1} = \frac{1}{2}$

$e^x = \sum_{n=0}^\infty \frac{x^n}{n!} = \lim_{n\rightarrow\infty} (1+x/n)^n$

#

### Des liens

- un lien vers un site : Wikipédia
- un lien vers un fichier
  - un fichier PDF
  - un fichier GeoGebra

#### Remarque

les fichiers sont placés dans un sous-dossier de data
(le plus simple est de faire un dossier par présentation).

#

## Une image

#

## Une vidéo

#

#### Ouvrez le fichier pampi-help

#### pour comparer son contenu

#### avec cette présentation.

#

Espace | Suite
→, ←, molette | Diapo suivante, précédente
↑, double-clic | Vue d'ensemble
P | Console de présentation
H | Cette aide