/ShapeMyPresentation

Awesome presentation with Shape Shifter and Reveal.js

Primary LanguageCSSMIT LicenseMIT

About

Presentation with Shape Shifter and Reveal.js

Shape Sifter renders different shapes based on the user's input. It supports multiple modes: text, countdown, time and icons.

New slide

<slides>
  <shape action="test|me"></shape>
  <slide>

    <section>
      <h2>TOC</h2>
      <ul>
        <li>Test</li>
        <li>me</li>
      </ul>
    </section>

  </slide>
</slides>

Shapes

  • TEXT - renders text input

  • COUNTDOWN - #countdown value renders countdown from the given value

  • TIME - #time renders the current time

  • RECTANGLE - #rectangle width x height - renders the rectangle with the given parametres

  • CIRCLE -#circle diameter - renders the circle with the given diameter value

  • ANIMATION -#command1|command2 - renders animation of the given shapes