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.
<slides>
<shape action="test|me"></shape>
<slide>
<section>
<h2>TOC</h2>
<ul>
<li>Test</li>
<li>me</li>
</ul>
</section>
</slide>
</slides>
-
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