Skip to content
This repository has been archived by the owner on Apr 17, 2020. It is now read-only.

Latest commit

 

History

History
executable file
·
116 lines (86 loc) · 3.42 KB

index.md

File metadata and controls

executable file
·
116 lines (86 loc) · 3.42 KB
Raw
layout style
ribbon
#Cover h2 { margin:30px 0 0; color:#FFF; text-align:center; font-size:70px; } #Cover p { margin:10px 0 0; text-align:center; color:#FFF; font-style:italic; font-size:20px; } #Cover p a { color:#FFF; } #Picture h2 { color:#FFF; } #SeeMore h2 { font-size:100px } #SeeMore img { width:0.72em; height:0.72em; }

Shower Presentation Engine {#Cover}

Brought you by Vadim Makeev and generated by Jekyller

Shower Key Features

  1. Built on HTML, CSS and vanilla JavaScript
  2. All modern browsers are supported
  3. Slide themes are separated from engine
  4. Fully keyboard accessible
  5. Printable to PDF

{:.note} 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.

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">
<mark><head></mark> <mark class="comment"><!--Comment--></mark>
    <title>Shower</title>
    <meta charset="<mark class="important">UTF-8</mark>">
    <link rel="stylesheet" href="screen.css">
<mark></head></mark>

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

{:.cover #Picture}

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

{:.shout #SeeMore}