Interactive, Extensible, Web-Based Slide Decks Made Easy.
Sometimes your slides are more than a static set of pictures. They weave a uniform narrative from foundational text and germaine images, combined with living pictures that act out your point in real time.
Crafting your slides with an HTML based presentation package such as Reveal.js has the distinct advantage of making your deck an HTML5 application. It means breathing as much life as you can code into each slide. However, just building it from a static HTML page and some ad-hoc JavaScript isn't enough.
Ember Presents! takes the presentation-as-application concept to the next level by allowing you to treat your presentation as a full-fledged piece of modular software.
Themes, clip-art, stockpiles of shared slides, even ember-presents
itself are bundled as NPM packages which are installed, uninstalled
and upgraded as self-contained units with zero changes to
your presentation's codebase.
Yes! That's the point! If it can be bundled in an NPM package, then it can be included in your slides. Ember Presents! drives the slide transitions and the command line tooling, but the content of each slide is an application unto itself.
Creating an application with Ember Presents! is a snap, all you have to .
$ ember new cool-prezzie
$ cd cool-prezzie
$ ember install ember-presents
$ ember server
Serving on http://localhost:4200/
You can now navigate to http://localhost:4200 and see your slide deck running!
Once you're up and running, it's time to generate your first slide. To do this, you use builtin slide generator:
ember generate slide my-very-first-slide
This will put your brand new slide in
app/templates/slides/my-very-first-slide.hbs
and add it to your
presentation.json
file. You can check it out on
http://localhost:4200/my-very-first-slide
This is a manifest of all your slides. At the moment, it's just a straight-up list of slide titles that determine the order.