Skip to content

jarthorn/html5slides

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


This repository contains an unmodified copy of http://code.google.com/p/html5slides/ (last synced March 6, 2012)


html5slides

A Google HTML5 slide template

By Luke Mahé and Marcin Wichary.

Code license

Apache License 2.0

Demo

http://html5slides.googlecode.com/svn/trunk/template/index.html

Instructions for editing slides

Get this template: http://code.google.com/p/html5slides/source/browse/trunk/template/index.html and copy/paste it to a new file on your local computer.

Edit at will. Copy the code for the sample slides and fill it out with the content you want.

If you need styles for different tags or different types of slides, please let us know.

Different themes

Change the class template-default on section class="slides" to use a different template:

  • template-default = default Google template
  • template-io2011 = I/O 2011 template

Different layouts

Change the outermost section class layout-regular to layout-faux-widescreen or layout-widescreen.

Instructions for presenting

Press Enter, space, right arrow to advance; Backspace, left arrow to go back.

Enter full-screen mode (F11 or Shift-Command-F) before presenting.

You should be able to press Ctrl+R/F5 at any time to refresh without losing your place in the presentation.

If an iframe steals your focus and you can't advance any more, please click outside the slide on the background to give the focus back to the presentation.

Caveats

  • should work on modern Chrome, Firefox, Safari, Opera... and generally touch devices

Releases

No releases published

Packages

No packages published