Impress.js: notation example

impress.html

<div class="step slide" data-x="1000" data-y="-1500">
  <q>Would you like to <strong>impress your audience</strong> with <strong>stunning visualization</strong> of your talk?</q>
</div>

<div id="title" class="step" data-x="0" data-y="0" data-scale="4">
  <span class="try">then you should try</span>
  <h1>impress.js<sup>*</sup></h1>
  <span class="footnote"><sup>*</sup> no rhyme intended</span>
</div>

<div id="its" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5">
  <p>It's a <strong>presentation tool</strong> <br/>
     inspired by the idea behind <a href="http://prezi.com">prezi.com</a> <br/>
     and based on the <strong>power of CSS3 transforms and transitions</strong> in modern browsers.</p>
</div>