Skip to content

For io 2012 slides

Jump to bottom
Frederick Feibel edited this page Oct 21, 2016 · 4 revisions

This presentation framework was released by engineers at Google. Since the closing of Google Code I'm not aware of an official repository. I have found forks of it on github: https://github.com/search?utf8=✓&q=io-2012-slides&type=Repositories

Defaults

  • reload: true
    • Presentable needs to force a reload navigate to a slide.

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

<slide>
    <hgroup>
        <h2>Table of Contents</h2>
    </hgroup>
    <article>
        <nav id="presentable-toc" class="io2012slides"></nav>
    </article>
</slide>

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

<div id="presentable-icon" class="io2012slides">
    <a title="Table of Contents" href="#3">
        <img alt="Table of Contents" src="../../dist/icons/io2012slides.png"/>
    </a>
</div>

4. Modify slides.js to include path to presentable.min and presentable.toc()

require(['order!path/to/presentable.min', 'order!../slide_config', 'order!modernizr.custom.45394',
         'order!prettify/prettify', 'order!hammer', 'order!slide-controller',
         'order!slide-deck'], function(presentable) {
    presentable.toc({
        framework: "io2012slides"
    });
});
Clone this wiki locally