Per slide transitions

[podiki]

Reveal.js supports changing the transition on a per slide level (both in and out) through the data-transition property. If we try this in org-reveal however, the proper code seems to be exported, but it does not work. This is possibly related to horizontal versus vertical slides. The output of org-reveal will wrap a single top level slide in an additional <section> (for containing vertical subslides), but this seems to foul up data-transition. Removing the extra <section> makes this work, but is probably not the correct solution in general.

Example:

* Test slide
:PROPERTIES:
:REVEAL_DATA_TRANSITION: zoom
:END:
Sample Text

Relevant part of the output:

<section>
<section id="slide-orgheadline1" data-transition="slide">
<h2 id="orgheadline1"><span class="section-number-2">1</span> Test slide</h2>
<p>
Sample Text
</p>
</section>
</section>

[podiki]

Note that as a vertical slide it appears to work, here's an example (different transition because I found it hard to tell otherwise):

* Parent slide
** Test slide
:PROPERTIES:
:REVEAL_DATA_TRANSITION: none
:END:
Sample Text

with relevant html output:

<section>
<section id="slide-orgheadline2">
<h2 id="orgheadline2"><span class="section-number-2">1</span> Parent slide</h2>
<div class="outline-text-2" id="text-1">
</div></section>
<section id="slide-orgheadline1" data-transition="none">
<h3 id="orgheadline1"><span class="section-number-3">1.1</span> Test slide</h3>
<p>
Sample Text
</p>
</section>
</section>