Titre header en haut à gauche

Démo de Marp slides !

Ces slides peuvent être rédigés dans VSCode et visualisés avec Marp.

Cf Marp.app

On peut les exporter comme une présentation HTML/js interactive, depuis VSCode, et ensuite convertir cette présentation comme un PDF.

© This document is © Lilian Besson, 2021 see https://github.com/Naereen/slides/

Titre header en haut à gauche

Paragraphs

On my theme, paragraphs have justified text by default!

This is random paragraph: Et commodo culpa adipisicing culpa irure officia excepteur. Irure exercitation veniam laboris quis elit tempor amet pariatur aute est dolore. Excepteur cillum sint in ea laborum in ex duis laboris nostrud minim.

This is random paragraph: Et commodo culpa adipisicing culpa irure officia excepteur. Irure exercitation veniam laboris quis elit tempor amet pariatur aute est dolore. Excepteur cillum sint in ea laborum in ex duis laboris nostrud minim.

This is random paragraph: Et commodo culpa adipisicing culpa irure officia excepteur. Irure exercitation veniam laboris quis elit tempor amet pariatur aute est dolore. Excepteur cillum sint in ea laborum in ex duis laboris nostrud minim.

Titre header en haut à gauche

Maths using notations

Titre header en haut à gauche

Maths, with MathJax

Inline equations, as for instance the classic and , or display equations as this one:

Titre header en haut à gauche

Images

J'ai essayé de faire de ce slide un "titre" avec :

Titre header en haut à gauche

Using images

Image left aligned (default):

Image centered:

Image right aligned:

Titre header en haut à gauche

Change width/height of image

Titre header en haut à gauche

Code listing

In OCaml, for instance:

Using this Markdown code:

Titre header en haut à gauche

Bullet list

• One
• Two
• Three

Titre header en haut à gauche

Fragmented list

• One
• Two
• Three

Lists using * should appear one at a time, in the produced HTML or PDF.

See https://github.com/marp-team/marpit/issues/145

Titre header en haut à gauche

Hex color (White BG + Black text)

Demo of using

to change font color and slide background. (Marp Markdown's syntax extension)

Titre header en haut à gauche

Named color (black BG + white text)

Demo of using

to change font color and slide background. (Marp Markdown's syntax extension)

Titre header en haut à gauche

RGB values (Orange BG + White text)

Demo of using

to change font color and slide background. (Marp Markdown's syntax extension)

Titre header en haut à gauche

Slides split in two-columns?

See https://github.com/marp-team/marpit/issues/137

• item
• item

Image on left side:

Image on right background side

Titre header en haut à gauche

TODO:

• [ ] Titles are NOT top aligned yet, I managed to obtain this on old Marp, I want it again!
• [ ] fontify and my own handwriting font don't work yet!
• [ ] Test de ligature fi if si tl rst rest Naereen
• [ ] How to export slides to PDF? Use decktape or marp-cli
• [ ] TODO lines are not correctly converted?

Titre header en haut à gauche

I want this header to be top aligned!

Titre header en haut à gauche

Conclusion

Take home message

• Pretty OK, but not perfect

Merci de votre attention !