:date: 2012-09-05 13:06 .. index:: presentations, tech, markdown .. seealso:: :ref:`2011-deck.js` .. _`2012-reveal.js`: Reveal.js ========= .. image:: /_images/images/gallery/2012/2012-placeholder/logo-reveal.js.png :align: right :scale: 50 After :ref:`deck.js <2011-deck.js>` here's another HTML framework for creating presentation without the need to worry to much about how it looks and how it's animated. `Reveal.js `__ does basically the same as :ref:`deck.js <2011-deck.js>`, just different. And there are some need features as well.... How to install -------------- Since `the source-code `__ is lying around on `github `__ you can simply clone the repository to your hard-disk: .. code:: bash $ git clone https://github.com/hakimel/reveal.js/ github.reveal.js Then you've got everything you need: .. code:: bash github.reveal.js-git$ ls -1 css index.html js lib LICENSE package.json plugin README.md How to use ---------- Basically everything you need to know is explained within the :file:`README.md` file in the root directory. You basically create a HTML document (like the included :file:`index.html`) and build up a nested structure with the :samp:`section`-tags: .. code:: bash reveal.js - The HTML Presentation Framework

Reveal.js

HTML Presentations Made Easy

Heads Up

reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with support for CSS 3D transforms to see it in its full glory.

## Markdown support For those of you who like that sort of thing. Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown). 
<section data-markdown>
     ## Markdown support

     For those of you who like that sort of thing.
     Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
   </section>
All you basically care about is everything between: .. code:: bash
...
Since there's plain HTML in between everything else are just included java-script and CSS-style files, which you don't need to mess with. Browser-Compatibility --------------------- One of the nice things about :program:`reveal.js` is that it didn't break with my Opera browser. The animation looked totally OK and it just was in the text, that I discovered I was supposed to see some kind of Cube-effect, which I wasn't. Was actually was happening was that the fall-back script were taking care of alternative animations, since the :samp:`cube`-effect doesn't work on Opera. If I wanted it, I had to use Firefox or so. But who cares really about the slide-changing-effects in a presentation? Links: * `reveal.js on Github `__ * `Demos `__ * `More Demos `__