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é

  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 MathJax

\(a^2 + b^2 = c^2\)

\(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

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.

EspaceSuite
→, ←, moletteDiapo suivante, précédente
↑, double-clicVue d'ensemble
PConsole de présentation
HCette aide