https://github.com/heldinz/html5slides
https://github.com/heldinz/html5slides
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/heldinz/html5slides
- Owner: heldinz
- Created: 2012-02-10T16:28:24.000Z (over 13 years ago)
- Default Branch: master
- Last Pushed: 2013-01-15T15:33:48.000Z (over 12 years ago)
- Last Synced: 2025-04-14T17:16:26.216Z (about 2 months ago)
- Language: JavaScript
- Homepage:
- Size: 2.23 MB
- Stars: 5
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# HTML5 Slide Template
## Using the template
* Download the template project using the 'ZIP' button from GitHub.
* Unzip the files
* Edit _index.html_ (you can change the name of course) to add your slides
* Each `````` created within the following section is a slide:
``````
* The ```template-akquinet``` class controls which logo appears on each slide.
## Changing the _template_ path
If you want to customize the location of the template, you need to update the _TEMPLATE\_PATH_ variable before loading the script:
//var PERMANENT_URL_PREFIX = 'http://html5-slides-template.googlecode.com/git/';
//var TEMPLATE_PATH=PERMANENT_URL_PREFIX + "template/";
By default, _TEMPLATE\_PATH is set to _template/_. You can change it to whatever you want, but we've provided a URL at which you
can find the default styles.
If you want to keep everything online (so that you can distribute one single HTML file, if you have linked all your
slide images from, say, Dropbox for example), you can change the location of _slides.js_ too.
 
## Updating the style
The style is developed with [LESS](http://lesscss.org/).
1. Update the _styles.less_ file.
2. Recompile the the less file with:
lessc styles.less styles.css
## Adding themes
* Add logos to _templates/images_.
* Add styles to _styles.less_ and recompile.
* Replace the ```template-akquinet``` class in your HTML file with your new theme name.