3.4 KiB
| title | subtitle | date | place | id | author | licence | source | bibliography | csl-style | link-citations | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Ma présentation BUNIGE | Une démo | le 20 août 2026 | Ici | 20240925143527 |
|
|
https://git.milhit.ch/igor/bunige-slides | static/references.json | static/heg-iso-690.csl | true |
Plan
Partie 1
[reveal-js]{.bunige-code-inline} et [pandoc]
- Rédige tes slides en markdown (Pandoc's Markdown).
- Converti ton markdown en un fichier HTML suivant le modèle de
[
reveal-js]{.bunige-code-inline}. - Mais avec une version proche de la charte graphique de l'UNIGE.
- Un exemple est donnée dans le fichier
[./sources/slides/slides.md]{.bunige-code-inline}.
- Un lien : https://example.org.
- Texte préformaté : [
preformated]{.bunige-code-inline}
Des classes en markdown ?
Pour ajouter une classe à un élément en ligne dans la variante
[pandoc]{.bunige-code-inline} de Markdown, voici comment faire :
Un peu de [texte]{.class} en ligne.
Ce qui donne :
<p>Un peu de <span class="class">texte</span> en ligne.
Un joli texte avant une belle image.
Des colonnes
Pour les colonnes, il y a les classes
[bunige-columns]{.bunige-code-inline} pour le contenant principal, et
[bunige-column]{.bunige-code-inline} pour chaque colonne.
::: {.bunige-columns}
::: {.bunige-column}
:::
::: {.bunige-columnf
:::
:::
Des colonnes, en mieux
- [
bunige-columns-center]{.bunige-code-inline} pour centrer verticalement le contenu. - [
bunige-no-border]{.bunige-code-inline} pour supprimer les bordures des images dans la colonne.
::: {.bunige-columns .bunige-columns-center}
::: {.bunige-column .bunige-no-border}
:::
::: {.bunige-column .bunige-no-border}
:::
::: {.bunige-column .bunige-no-border}
:::
:::
Partie 2
Un exemple de code :
<code class="bunige-code-inline">Texte préformaté.</code>
<figure>
<img src="./img.jpeg" alt="alternate text">
<figcaption>Figure caption.</figcaption>
</figure>
Image de fond
Avec un degré de transparence de [0.5]{.bunige-code-inline}
Citation 1
Sauf exceptions, l’écriture est maintenant numérique et suppose des compétences nouvelles [...].
Il est important, à ce stade, de se poser la question du choix des outils [@pochetMarkdownVous2023].
Citation 2
Alors qu'@ovadiaMarkdownLibrariansAcademics2014 prétend plutôt que.
::: {.r-fit-text .bunige-color} Merci ! :::