2014-03-08 22:46:15 +04:00
# Shower HTML presentation engine
2012-12-01 14:37:49 +04:00
2014-03-08 22:46:15 +04:00
Follow [@shower_me ](https://twitter.com/shower_me ) for support and updates
2012-12-03 03:21:21 +04:00
To see Shower in action:
2012-12-01 14:37:49 +04:00
2014-03-10 16:21:34 +04:00
- Open [shwr.me ](http://shwr.me/ )
- Click any slide to enter presentation mode
- Use arrow keys or presenter remote to navigate
- Press `Esc` to exit presentation mode
2012-12-01 14:37:49 +04:00
2014-03-10 16:21:34 +04:00
See [Shortcuts ](https://github.com/shower/shower/wiki/Shortcuts ) wiki page for more info on how to control your presentation, [Print ](https://github.com/shower/shower/wiki/Print ) on how to print your presentation to PDF and [the rest of the Wiki ](https://github.com/shower/shower/wiki ) for more information about Shower in English and Russian.
2012-12-01 14:37:49 +04:00
2012-12-19 06:35:05 +04:00
## Using Shower
2012-12-01 14:37:49 +04:00
2014-03-08 22:46:15 +04:00
There are two ways of starting with Shower: simple and advanced.
2012-12-07 17:22:34 +04:00
2014-03-08 22:46:15 +04:00
### Simple way
2012-12-07 17:22:34 +04:00
2014-03-10 16:21:34 +04:00
1. Download [shower.zip ](http://shwr.me/shower.zip ) and unzip it
2. Open `index.html` in any code or plain text editor, edit your slides in HTML
3. Use `picture` folder to store pictures used in presentation
4. Once finished, open `index.html` in browser, enter full screen and start presenting
2014-03-08 22:46:15 +04:00
2014-03-10 16:21:34 +04:00
See [Quick Start ](https://github.com/shower/shower/wiki/Quick-Start ) page for more details.
2014-03-08 22:46:15 +04:00
### Advanced way
This way requires [Git ](http://git-scm.com ) and [Node.js ](http://nodejs.org ) with npm installed.
2014-03-10 16:21:34 +04:00
1. Clone Shower repository `git clone git@github.com:shower/shower.git` or download [shower-npm.zip ](http://shwr.me/shower-npm.zip )
2. Run `npm install` inside folder to install script and themes
3. Open `index.html` in any code or plain text editor, edit your slides in HTML
4. Use `picture` folder to store pictures used in presentation
5. Once finished, open `index.html` in browser, enter full screen and start presenting
2014-03-08 22:46:15 +04:00
2014-03-10 16:21:34 +04:00
See [Quick Start ](https://github.com/shower/shower/wiki/Quick-Start ) page for more details.
2012-12-01 14:37:49 +04:00
## Usage examples
- [Clear and Sharp ](http://pepelsbey.net/pres/clear-and-sharp/ )
2014-03-08 22:46:15 +04:00
- [CSS Management ](http://pepelsbey.net/pres/knife-train/ )
2012-12-01 14:37:49 +04:00
- [Push it! ](http://pepelsbey.net/pres/push-it/ )
- [Pre-fixes ](http://pepelsbey.net/pres/pre-fixes/ )
- [Web In Curves ](http://pepelsbey.net/pres/web-in-curves/ )
- [Sense Coding ](http://pepelsbey.net/pres/sense-coding/ )
2012-12-07 17:22:34 +04:00
## Browser support
2012-12-03 03:21:21 +04:00
2014-03-08 22:46:15 +04:00
Latest stable versions of Chrome, Internet Explorer, Firefox, Opera and Safari are supported.
2012-12-03 03:21:21 +04:00
## Contributing
2014-03-08 22:46:15 +04:00
You’ re always welcome to contibute. Fork project, make changes and send it as pull request. But it’ s better to file an [issue ](https://github.com/shower/shower/issues ) with your idea first. Read [contributing rules ](https://github.com/shower/shower/blob/master/Contributing.md ) for more details.
2012-12-03 03:21:21 +04:00
2014-03-08 22:46:15 +04:00
Main contributors: [pepelsbey ](https://github.com/pepelsbey ), [jahson ](https://github.com/jahson ), [miripiruni ](https://github.com/miripiruni ), [kizu ](https://github.com/kizu ), [artpolikarpov ](https://github.com/artpolikarpov ), [tonyganch ](https://github.com/tonyganch ).
2012-12-03 03:21:21 +04:00
2012-12-03 03:57:01 +04:00
---
2014-03-08 22:46:15 +04:00
Licensed under [MIT License ](http://en.wikipedia.org/wiki/MIT_License ), see [license page ](https://github.com/shower/shower/wiki/MIT-License ) for details.