1. Put slides in individual .html files
1 <section> 2 3 <!-- your HTML here --> 4 5 </section>
Each slide must be in it's own file. The convention we recommend is to put them
slides/ directory under the root of your presentation; we
will follow that convention for the rest of this document.
2. List the slides
Make a list of the slides, in order, and put it in
1 slides/Introduction.html 2 slides/VisualExample1.html 3 slides/VisualExample2.html 4 slides/TheEnd.html
The files are relative to the location of the presentation master.
It might be tempting to call your slides
02_VisualExample1.html. While this will indeed order them in the
slides/ directory, I strongly recommend against doing this; you'll
be in for a nightmare if you later want to insert or rearrange the slides.
3. Create presentation master
presentation in a single file at the root directory. I use a name that relates
to the title of the presentation, for example
DidntTeachYouInSchool.html for the talk titled "What they
didn't teach you in school: The tools and techniques needed to actually
contribte to an open source project":
4. Include presentation engine files
The presentation master, whatever you've called it, needs to load jQuery, then the Projection engine itself and the CSS styles that make the magic happen, and then any additional stylesheets you might want to theme your slides. You need:
which you can download directly, or get via Git by forking the project from GitHub. Copy them into your tree, and you should then be able to load your presentation in a browser.
Please do copy these files into your presentation locally. GitHub has been making a point lately that they are not a CDN. But more than that, we are not doing "releases"; future versions of this code may do things differently and you don't want your presentation to break just because we changed something.