Revelry

Project builder for Reveal.js

Introduction

This is a 2D presentation

Press space or ▼ (down) to show this section

Or press ESC for an overview of the whole presentation

Reveal.js

Javascript library for beautiful presentations [link]
Pure HTML5 & CSS
Extensible and full of features
But official docs say:

“Unzip and replace the example contents in index.html with your own”

Slides.com

Online WYSIWYG editor for Reveal.js presentations
Small fee for people who want private presentations
Great for people who like a GUI...
...but I'm a coder, most comfortable in my editor.

Enter Revelry

Presentations as code projects
No boilerplate or copy & paste
Just edit and compile
Use all your existing tools:

Editor
Version control
Web server

Features

Simple config

Revfile.json

{
    "title": "Revelry",
    "description": "Project builder for Reveal.js",
    "author": "Rich Daley",
    "options": {
        "theme": "white",
        "transition": "slide",
        "controls": true,
        "progress": true,
        "history": true,
        "center": true
    },
    "plugins": [
        "highlight",
        "markdown",
        "notes"
    ]
}

Handlebars-enabled html

{{#each plugins}}
  {{this}}
{{/each}}

... compiles to ...


  highlight

  markdown

  notes

Jade templates

for very concise code:

section
  h1 Title slide
section
  h2 Agenda
  ul
    li.fragment Item one
    li.fragment Another item

Custom CSS and <head>

in their own files

custom.css:

span.red { color: red; }

header.html:

Break project down into multiple files

All .html and .jade files accessible with Handlebars partials

<section>
  <h1>My awesome slides</h1>
</section>
{{> moreslides}}

Easily load Reveal.js plugins

"plugins": [
  "highlight",
  "notes",
  "zoom"
]

More to come

Add your own themes & plugins
.revelryrc for common config
Keep notes in a separate file

# The end Find out more on Github: <https://github.com/fishpercolator/revelry> Or see the source of this presentation: <https://github.com/fishpercolator/revelry-demo>