Chargement de la présentation

Recette de rendu

Démonstration des composants

Une diapositive par composant du contrat

Cette présentation exerce chaque composant et chaque annotation du dialecte. Elle sert à vérifier un rendu après un changement du moteur.

Texte et mise en avant

Citation

La perfection est atteinte, non pas lorsqu'il n'y a plus rien à ajouter, mais lorsqu'il n'y a plus rien à retirer.

Antoine de Saint-ExupéryÉcrivain

Mise en avant et icône en ligne

Une phrase où un fragment porte l'accent au milieu du texte.

Une icône se pose dans la ligne, à la taille du texte.

Colonnes

À gauche

  • Première entrée
  • Deuxième entrée

À droite

  • Troisième entrée
  • Quatrième entrée

Fragments

  • Premier point, révélé seul
  • Deuxième point
  • Troisième point

Notes de l'orateur

Le corps de la diapositive reste visible ; les notes n'apparaissent que dans la vue conférencier, ouverte avec la touche S.

Médias

Image avec légende

Image de substitution

Une image avec sa légende

Page intégrée

Diagramme Mermaid

flowchart LR
  source[Markdown] --> moteur[Moteur de rendu]
  moteur --> diapo[Diapositive]

Schémas et diagrammes

Étapes liées par des flèches

1

Un document

Écrit en markdown.

2

Un moteur

Qui le transforme.

3

Une présentation

Affichée dans le navigateur.

Diagramme sur grille

Poste de travail

Sources

Catalogue

Diffusion

Visite d'un fichier

deck.json

Identité

Un nom, un thème, une langue.

Contenu

Les diapositives que le deck porte.

{
  "title": "Démonstration des composants",
  "theme": "dsfr",
  "lang": "fr",
  "slides": [
    { "level": "h1" },
    { "level": "h2" }
  ]
}

Mises en page

Média à droite

Le texte occupe la colonne de gauche, le média la colonne de droite. La proportion vient de la mise en page.

Embarquement d'une page

Un StoryFrame peut aussi être posé dans le corps de la diapositive.

Aperçu à l'échelle

Galerie de cadres

Premier cadre
Second cadre
Second cadre

Lien de bas de diapositive

Le lien reste épinglé en bas de la diapositive.

Retour au catalogue →

Fond et pleine page

Cette diapositive porte un fond déclaré par annotation.

Image pleine page