Skip to content

For impress.js

Jump to bottom
Frederick Feibel edited this page Oct 16, 2016 · 1 revision

Refer to https://github.com/impress/impress.js for more information about this presentation framework

Installation

1. Place the following in the <head> tag

<link rel="stylesheet" href="path/to/presentable.css">

2. Add a slide where you want the table of contents to appear

<div id="table-of-contents" class="step" data-x="?" data-y="?" data-scale="?">
    <h2>Table Of Contents</h2>
    <nav id="presentable-toc" class="impressjs"></nav>
</div>

3. Add icon code as a child of the <body> tag

<div id="presentable-icon" class="impressjs">
    <a title="Table of Contents" href="#table-of-contents">
        <img alt="Table of Contents" src="path/to/impressjs.png"/>
    </a>
</div>

4. Place after all the div.step tags

<script src="path/to/presentable.js"></script>
<script>
    presentable.toc({
        framework: "impressjs"
    })
</script>
Clone this wiki locally