KeiruaProd

I help my clients acquire new users and make more money with their web businesses. I have ten years of experience with SaaS projects. If that’s something you need help with, we should get in touch!
< Back to article list

RevealJS pour des prez vite fait

Pour des présentations vite fait j’utitise souvent revealJS. Ca me permet d’avoir un support pour ne rien oublier, un trace écrite à partager et c’est rapide à mettre en place.

On peut récupérer la dernière version de revealJS là: https://revealjs.com/ (c’est nécessaire pour les fichiers dans dist/ et plugin/)

Voici un template de base.

Le contenu est en markdown directement dans le HTML car c’est plus simple, et quand je change ma présentation j’ai juste à tout effacer.

<html>
  <head>
    <meta charset="utf-8">
    <title>Présentation</title>
    <link rel="stylesheet" href="dist/reveal.css">
    <link rel="stylesheet" href="dist/theme/black.css">
    <script src="dist/reveal.js"></script>
    <script src="plugin/markdown/markdown.js"></script>
  </head>
  <body>
    <div class="reveal">
      <div class="slides">
        <section data-markdown>
          <textarea data-template>
## Page 1

Votre premier slide

---
## Page 2

 - Un truc important
 - Un autre truc important
---

## ✨ Et voilà ! ✨
          </textarea>
        </section>
      </div>
    </div>
    <script>
      Reveal.initialize({
        plugins: [ RevealMarkdown ]
      });
    </script>
  </body>
</html>