3.1 KiB
| title | subtitle | date | place | id | author | licence | source | bibliography | csl-style | link-citations | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Ma présentation BUNIGE | Une démo | le 9 février 2024 | Ici | 20240925143527 |
|
|
https://example.org | 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.
- 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
[
./bunige-demo.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 en
[pandoc]{.bunige-code-inline} 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. Machin
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
Selon Pochet, … [@pochetMarkdownVous2023].
Alors qu'Ovadia, … [@ovadiaMarkdownLibrariansAcademics2014].
::: {.r-fit-text .bunige-color} Merci ! :::