</p>
</section>
+ <section data-state="customevent">
+ <h2>Custom Events</h2>
+ <p>
+ Additionally custom events can be triggered on a per slide basis by binding to the <code>data-state</code> name.
+ </p>
+ <pre><code data-trim contenteditable style="font-size: 18px; margin-top: 20px;">
+Reveal.addEventListener( 'customevent', function() {
+ console.log( '"customevent" has fired' );
+} );
+ </code></pre>
+ </section>
+
<section>
<section data-background="#007777">
<h2>Slide Backgrounds</h2>
</section>
</section>
- <section data-state="customevent">
- <h2>Custom Events</h2>
- <p>
- Additionally custom events can be triggered on a per slide basis by binding to the <code>data-state</code> name.
- </p>
- <pre><code data-trim contenteditable style="font-size: 18px; margin-top: 20px;">
-Reveal.addEventListener( 'customevent', function() {
- console.log( '"customevent" has fired' );
-} );
- </code></pre>
- </section>
-
<section>
<h2>Clever Quotes</h2>
<p>