Slipshow

  • Slipshow est un logiciel libre pour faire des présentations améliorées.

  • Avec slipshow, pas besoin de gérer l'alignement du texte !

  • Une présentation slipshow prend la forme d'un fichier texte.

# Ceci n'est pas un titre

Et ceci est un paragraphe.

- Et ceci est une liste à points
- Avec plusieurs points

On peut aussi mettre du texte **en gras**, ou en *italique*.

Mais le truc VRAIMENT cool, avec slipshow, c'est :

...

Supsense, suspense...

**On peut faire dérouler un slide!

Sommaire

Cette présentation se fera en quatre parties :

  • Comparaison avec les concurrents ✅

  • Qu'est-ce qu'une présentation slipshow ?

  • Comment écrire une présentation avec slipshow ?

  • Comment accéder à slipshow ?

Qu'est-ce qu'une présentation slipshow ?

Voici un exemple, et un autre.

Une présentation slipshow tient plus du tableau noir que des diapositives.

Elle se contrôle avec les touches :

SPACE

Avancer/Reculer

w W h H x X

Mode dessin

Une présentation slipshow permet de :

  • Compléter interactivement sa présentation avec le mode dessin.

  • Faire apparaître la structure de la présentation.

  • Ouvrir de nouvelles possibilités pédagogiques

Comment écrire une présentation slipshow

  1. On écrit dans un fichier texte du markdown avec des annotations.

  2. Slipshow le transforme en un fichier .html ... autosuffisant

ma-presentation.md

compilation

Slipshow

ma-presentation.html

### Ceci est un titre

Et _ceci_ est un **paragraphe**.

{pause}

- Une liste à `points` {pause}
- Avec plusieurs points

Ceci est un titre

Et ceci est un paragraphe.

  • Une liste à points
  • Avec plusieurs points
{.definition title="La définition"}
$D$ tel que $D=\{x : x\in x\}$.

{pause}

Marche aussi avec `theorem`,
`example`, `block`, `proof`, ...

\(D\) tel que \(D=\{x : x\in x\}\).

Marche aussi avec theorem, example, definition, proof, ...

{.example title="Multi paragraph"}
> Voici un bloc de code:
>
> ```ocaml
> let rec fibo =
>  function
>  | 0 -> 0 | 1 -> 1
>  | n ->
>      fibo (n-1)
>    + fibo (n-2);;
> ```

Voici un bloc de code:

let rec fibo =
 function
 | 0 -> 0 | 1 -> 1
 | n ->
     fibo (n-1)
   + fibo (n-2);;

Récapitulatif

Italique

_contenu_

contenu

Gras

**contenu**

contenu

Chasse fixe

`contenu`

contenu

Math

$\sqrt x$

\(\sqrt x\)

Paragraphe

Premier paragraphe.

Après saut de ligne.

Premier paragraphe.

Après saut de ligne.

Titre

## Titre

Titre

Listes

- Point 1
- Point 2
- Point 3
  • Point 1
  • Point 2
  • Point 3

Attributs

{pause}

{.block}
Hehe

Hehe

On ne sait toujours pas comment glisser!!!

Attributs

Tout ce qui est entre accolades:

{.theorem}
Du texte

{pause}

Encore du [texte]{#reference}. {pause}
Avec du [contenu special]{style="color:red"}.
  • Certains sont standalone.

  • D'autres s'appliquent à un bloc.

  • D'autres s'appliquent à du texte.

  • #nom-identifiant pour définir un identifiant (unique)

  • .nom-classe pour définir une classe (multiple)

  • name-attribut et nom-attribut="..." pour définir d'autres métadonnées.

Attributs de présentation {#attrs}

  • {pause} cache le contenu qui suit, jusqu'à ce qu'on presse .

  • {pause up=nom-id}, au moment de révéler, met #nom-id en haut de l'écran.

    Exemple {pause up=attrs}

  • center, équivalent au milieu de l'écran. {.unrevealed #youhou}

    Exemple {pause center}

  • down, équivalent au bas de l'écran.

    Exemple {pause down}

  • focus-at-unpause, static-at-unpause, unstatic-at-unpause, reveal-at-unpause, ...

    Exemple {pause reveal-at-unpause=youhou}

Slipshow

  • Slipshow est un logiciel libre pour faire des présentations améliorées.

  • Avec slipshow, pas besoin de gérer l'alignement du texte !

  • Une présentation slipshow prend la forme d'un fichier texte.

# Ceci est un titre

Et ceci est un paragraphe.

- Et ceci est une liste à points
- Avec plusieurs points

On peut aussi mettre du texte **en gras**, ou en *italique*.

Mais le truc VRAIMENT cool, avec slipshow, c'est :

...

Supsense, suspense...

**On peut faire dérouler un slide!

# Slipshow

- Slipshow est un logiciel libre pour faire des présentations
  améliorées. {pause}

- Avec slipshow, pas besoin de gérer l'alignement du texte ! {pause}

- Une présentation slipshow prend la forme d'un fichier texte.

{pause}

{.example #example-file}
```markdown
# Ceci est un titre

Et ceci est un paragraphe.

- Et ceci est une liste à points
- Avec plusieurs points

On peut aussi mettre du texte **en gras**, ou en *italique*.
```

{pause}

Mais le truc **VRAIMENT** cool, avec slipshow, c'est :

...

{.block title="Le truc vraiment cool" pause}
> Supsense, suspense...
>
> ## **On peut faire dérouler un slide! {pause up=example-file}

Tutoriel et référence!

Accéder à Slipshow

De nombreuses possibilités :

  • "Sliphub" pour tester.

    • ✅ Rien à installer

    • ✅ Collaboratif

    • ❌❌✅ En ligne

  • VSCode extension (par exemple si sous windows.)

    • ✅✅❌ Facile à installer si VS Code.

    • ❌ Support moins avancé.

  • Binaire Slipshow

    • ✅ Marche uniquement sous Linux et Mac.

    • ✅ Meilleurs support et performance.

Merci de votre attention !