sphinxjp.themes.revealjs 0.3.0

revealjs

This directive crate a slide section for reveal.js.

.. revealjs:: 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.

Slides can be nested inside of other slides,

.. revealjs::

 .. revealjs:: Vertical Slide1

  vertical slide1

 .. revealjs:: Vertical Slide2

  vertical slide2

 .. revealjs:: Vertical Slide3

  vertical slide3

You can set various directive options.

.. revealjs:: Slide Title
   :class: spam

.. revealjs:: Slide Title
   :noheading:

.. revealjs:: Slide Title
   :title-heading: h3

.. revealjs:: Slide Title
   :subtitle: Subtitle Text

.. revealjs:: Slide Title
   :subtitle: Subtitle Text
   :subtitle-heading: h4

.. revealjs:: Slide Title
   :data-autoslide: 4000

.. revealjs:: Slide Title
   :data-markdown:

   ## Page title

   A paragraph with some text and a [link](http://hakim.se).

.. revealjs:: External Markdown
   :data-markdown: _static/external.md
   :data-separator: ^\n\n\n
   :data-vertical: ^\n\n
   :data-notes: ^Note:

.. revealjs:: Slide Title
   :data-transition: zoom

.. revealjs:: Slide Title
   :data-transition-speed: fast

.. revealjs:: Slide Title
   :data-background: "http://example.com/image.png"
   :data-background-size: 100px
   :data-background-repeat: repeat
   :data-background-transition: page

.. revealjs:: Slide Title
   :data-state: somestate

Reveal.addEventListener('somestate', function() {
    // TODO: Sprinkle magic
}, false );

rv_code

.. revealjs:: Pretty Code

 .. rv_code::

  function linkify( selector ) {
    if( supports3DTransforms ) {

      var nodes = document.querySelectorAll( selector );

      for( var i = 0, len = nodes.length; i < len; i++ ) {
        var node = nodes[i];

        if( !node.className ) ) {
          node.className += ' roll';
        }
      };
    }
  }

rv_small

This directive can be used when writing the text smaller.

.. revealjs:: rv_small smaple

 .. rv_small::

  Created by `tell-k <http://github.com/tell-k>`_ / `@tell-k <http://twitter.com/tell_k>`_

rv_note

This directive can be used when creating some notes for presenter. They’ll be hidden in your presentation, but you can see them if you open the speaker notes window (hit ‘s’ on your keyboard).

.. revealjs:: 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.

 .. rv_note::

  Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).

Multiplexing

https://github.com/hakimel/reveal.js#multiplexing

html_theme_options = {

 "multiplex": {
     "secret": None, # null so the clients do not have control of the master presentation
     "id": '1ea875674b17ca76', # id, obtained from socket.io server
     "url": 'example.com:80' # Location of your socket.io server
 },

 "plugin_list": [
   "//cdnjs.cloudflare.com/ajax/libs/socket.io/0.9.10/socket.io.min.js",
   "_static/plugin/multiplex/master.js",

   # and if you want speaker notes
   "_static/plugin/notes-server/client.js",
 ],

}

Leap Motion

https://github.com/hakimel/reveal.js#leap-motion

html_theme_options = {

 "leap": {
    "autoCenter": True,
    "gestureDelay": 500,
    "naturalSwipe": False,
    "pointerOpacity": 0.5,
    "pointerColor": '#d80000',
    "pointerSize": 15,
    "pointerTolerance": 120,
 },

 "plugin_list": [
   "_static/plugin/leap/leap.js",
 ],

}

MathJax

https://github.com/hakimel/reveal.js#mathjax

html_theme_options = {

 "math": {
     "mathjax": 'http://cdn.mathjax.org/mathjax/latest/MathJax.js',
     # See http://docs.mathjax.org/en/latest/config-files.html
     "config": 'TeX-AMS_HTML-full'
 },

 "plugin_list": [
   "_static/plugin/math/math.js",
 ],

}

Setting with Javascript

It is also possible to change the settings by using the Javascript.

1. create ‘mysettings.js’.

// Turn autoSlide off
Reveal.configure({ autoSlide: 0 });

2. change conf.py

html_static_path = ['_static']

html_theme_options = {
 # loading custom js after RevealJs.initialize.
 "customjs": "mysettings.js",
}

0.3.0(May 5, 2015)

• Upgrade Reveal.js version to 3.0.0

0.2.3(Jan 1, 2015)

• Exclude test code from installed packages

0.2.2 (Dec 31, 2014)

• Drop Python-3.2 support #3

• Remove bootstrap.py and buildout.cfg.

• Support wheel format.

• Change test runner(nose -> py.test).

0.2.1 (Sep 20, 2014)

• Fixed bug. “default theme.conf can’t work.#1”

0.2.0 (Jun 8, 2014)

• Upgrade Reveal.js version to 2.6.2

• Upgrade JQuery version to v1.11.1

• Improved unittest.

• Enrich the document.

0.1.1 (Jan 1, 2014)

• Add html_theme_options[‘plugin_list’].

• Add tox test.

• Python3 support.

0.1.0 (Aug 25, 2013)

• First release