## Shower Presentation Engine

Brought to you by Vadim Makeev

© John Carey

## Shower key features

1. Built on HTML, CSS and JavaScript
2. Works in all modern browsers
3. Themes are separated from engine
4. Fully keyboard accessible
5. Printable to PDF

Shower ['ʃəuə] noun. A person or thing that shows.

## Plain text on your slides

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in `<culpa>` qui officia deserunt mollit anim id est laborum.

## Two columns if you like

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.

## All kind of lists

1. Simple lists are marked with bullets
2. Ordered lists begin with a number
3. You can even nest lists one inside another
   - Or mix their types
   - But do not go too far
   - Otherwise audience will be bored
4. Look, seven rows exactly!

## Serious citations

> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.

Marcus Tullius Cicero

## Code samples

                <!DOCTYPE html>
                <html lang="en">
                <head> <!--Comment-->
                    <title>Shower</title>
                    <meta charset="UTF-8">
                    <link rel="stylesheet" href="screen.css">
                </head>

## Even tables

Locavore | Umami | Helvetica | Vegan
--- | --- | --- | ---
Fingerstache | Kale | Chips | Keytar
Sriracha | Gluten-free | Ennui | Keffiyeh
Thundercats | Jean | Shorts | Biodiesel
Terry | Richardson | Swag | Blog

It’s good to have information organized.

## Pictures

© John Carey

## You can even shout this way

## Inner navigation

1. Lets you reveal list items one by one
2. To keep some key points
3. In secret from audience
4. But it will work only once
5. Nobody wants to see the same joke twice

## See more on GitHub