Shower Presentation Engine

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

Características clave

Construido en HTML, CSS y JavaScript
unciona en todos los navegadores modernos
Los temas están separados del motor
Totalmente accesible por teclado
Imprimible en PDF

Ducha ['ʃəuə] sustantivo. Una persona o cosa que muestra.

Texto sin formato en sus diapositivas

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.

Dos columnas si quieres

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.

Todo tipo de listas

Las listas simples están marcadas con viñetas
Las listas ordenadas comienzan con un número
Incluso puedes anidar listas una dentro de otra
- O mezclar sus tipos
- Pero no vayas muy lejos
- De lo contrario, la audiencia se aburrirá
Mira, ¡siete filas exactamente!

Citas serias

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

Código

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

Tablas

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

Es bueno tener información organizada.

Imágenes

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

Incluso puedes gritar de esta manera

Navegación interior

Te permite revelar elementos de la lista uno por uno
Para mantener algunos puntos clave
En secreto de la audiencia
Pero solo funcionará una vez
Nadie quiere ver el mismo chiste dos veces