Spécimen — Thème Baseline (témoin)

PM44 — Laboratoire d’apparence Quarto

Auteur
Affiliations

Emmanuel BRUNO

Université de Toulon

LIS UMR CNRS 7020

Date de publication

2026-10-21

Ce spécimen exerce exactement les mêmes composants dans les trois formats (HTML, Revealjs, Typst) afin que la comparaison entre thèmes soit purement visuelle. Ceci est le témoin : aucun front matter de thème, uniquement les valeurs par défaut du gabarit SOTA.

Typographie

Échelle des titres

Le corps courant suit le thème partagé (_quarto-utils/custom.scss).

Quatrième niveau

Cinquième niveau de hiérarchie, pour tester la ladder complète.

Un paragraphe avec gras sémantique, italique, du code inline et un lien vers Quarto.

« La typographie est la manière dont une langue s’habille elle-même. » — Ellen Lupton

Encadrés

NoteNote

Un encadré neutre : information contextuelle.

AstuceAstuce

Un encadré d’astuce : bonne pratique d’atelier.

AvertissementAvertissement

Un encadré d’avertissement : piège connu.

ImportantImportant

Un encadré important : contrainte à retenir.

Tableau

Table 1: Composition minimale attendue d’une leçon.
Champ Type Rôle
id UUID Identifiant stable
titre Texte Affichage courant
slug Texte URL stable, en anglais

Mathématiques

L’estimateur de maximum de vraisemblance maximise la log-vraisemblance :

\[ \hat{\theta}_{\text{MV}} = \arg\max_{\theta}\; \ell(\theta), \qquad \ell(\theta) = \sum_{i=1}^{n} \log p(x_i \mid \theta). \]

Diagramme

flowchart LR
  A[Quarto] --> B{Profil}
  B -->|notes| C[HTML + Typst]
  B -->|slides| D[Revealjs]

Code

def suite(n: int) -> list[int]:
    """Premiers termes de la suite de Fibonacci."""
    a, b = 0, 1
    out = []
    for _ in range(n):
        out.append(a)
        a, b = b, a + b
    return out
git submodule update --init --recursive
quarto preview . --profile notes

Listes & liens

  • Vérifier le contraste des accentations (WCAG AA minimum) ;
  • Fournir les polices locales pour Typst (format.typst.fonts) ;
  • Tester les trois formats avant de figer un thème.
  1. Lire la leçon en HTML ;
  2. Projeter les slides en Revealjs ;
  3. Imprimer les notes en Typst/PDF.

Voir aussi : la galerie et le dépôt partagé _quarto-utils.

Réutilisation