Tips: navigation

NO-MARKDOWN <div class="incremental auto"> <div class="boxed" style="margin-bottom: 0.6em;"> <h3>Swipe gestures</h3> <div class="nopad"> <table class="spaceLined"> <tr> <td style="width: 30%"> <span class="symbols pale-bluex" title="left">&#xf177;</span> <span class="symbols pale-greenx" title="right">&#xf178;</span> </td> <td> previous / next slide </td> </tr> <tr> <td style="width: 30%"> <span class="symbols pale-bluex" title="up" style="padding-left: 0.4em; padding-right: 0.4em; ">&#xf176;</span> <span class="symbols pale-greenx" title="down" style="padding-left: 0; padding-right: 0.4em; ">&#xf175;</span> </td> <td> previous / next incremental item </td> </tr> </table> </div> </div> <div class="boxed" style="margin-bottom: 0.6em;"> <h3>Keyboard</h3> <div class="nopad"> <table class="spaceLined"> <tr> <td style="width: 30%; padding-top: 0.2em"> <span class="keyboard symbols" title="left" style="padding-left: 0.2em; padding-right: 0.4em;">&#xf0d9;</span> <span class="keyboard symbols" title="right" style="padding-left: 0.4em; padding-right: 0.2em; ">&#xf0da;</span> </td> <td> previous / next slide </td> </tr> <tr> <td style="width: 30%"> <span class="keyboard symbols" title="up">&#xf0d8;</span> <span class="keyboard symbols" title="down">&#xf0d7;</span> </td> <td> previous / next incremental item </td> </tr> <tr> <td style="width: 30%"> <span class="keyboard" title="down" style="padding-left: 0.4em; padding-right: 0.4em; ">_</span> </td> <td> <span class="code">[space bar]</span> next incremental item </td> </tr> <tr> <td style="width: 30%; padding-bottom: 0.2em"> <span class="keyboard">m</span> </td> <td> slides menu <span class="fade">(table of contents)</span> </td> </tr> </table> </div> </div> <div class="boxed" style="margin-bottom: 0;"> <h3>Buttons</h3> <div class="nopad"> <table class="spaceLined"> <tr> <td style="width: 30%; padding-top: 0.2em"> <span class="symbols pale-bluex" title="first"><span style="font-size: 90%;">&#xf100;</span></span> <span class="symbols" title="left"><span style="font-size: 90%;">&#xf0a8;</span></span> <span class="symbols" title="right"><span style="font-size: 90%;">&#xf0a9;</span></span> <span class="symbols pale-greenx" title="last"><span style="font-size: 90%;">&#xf101;</span></span> </td> <td> first / previous / next / last slide </td> </tr> <tr> <td style="width: 30%; padding-bottom: 0.2em"> <span class="symbols"><span style="font-size: 80%;">&#xf0ca;</span></span> </td> <td> slides menu <span class="fade">(table of contents)</span> </td> </tr> </table> </div> </div> <p style="text-align: right; font-size: 80%;"> (show control panel with <span class="keyboard " title="C" style="padding-left: 0.4em; padding-right: 0.4em;">c</span> or <span class="code">[tap]</span> / <span class="code">[click]</span> <!-- span class="symbols pale-greenx" title="tap">&#xf0a6;</span --> ) </span> </div>