Shower Presentation Engine

Brought to you by Vadim Makeev

Hands on the orange typewriter in a park — © John Carey

Shower key features

Built on HTML, CSS and vanilla JavaScript
Works in all modern browsers
Themes are separated from engine
Modular and extensible
Fully keyboard accessible
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 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.

All kind of lists

Simple lists are marked with bullets
Ordered lists begin with a number
You can even nest lists one inside another
- Or mix their types
- But do not go too far
- Otherwise audience will be bored
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

Orange typewriter on a wooden table close-up — © John Carey

You can even shout this way

Inner navigation

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

Shower Presentation Engine