Welcome to

Slidephant Logo

Press Enter or → for next, ← for previous.

How to Setup Slidephant

  1. Include Slidephant.js in your HTML head
  2. Add your slides as <section> elements in the body
  3. Slidephant auto-initializes on page load
  4. Navigate with arrow keys or Enter
<!doctype html>
<html>
  <head>
    <script src="https://slidephant.notation.dk/Slidephant.js"></script>
  </head>
  <body>
    <section>
      <h1>First Slide</h1>
    </section>
    <section>
      <h2>Second Slide</h2>
    </section>
  </body>
</html>

Customization

You can customize the appearance of your slides using CSS. Slidephant provides a simple structure, allowing you to style your slides as you like. You can also add custom JavaScript for additional functionality.

License

Slidephant is licensed under the MIT License. You can use it freely in your projects, both personal and commercial. For more details, see the LICENSE file in the repository.

View on GitHub