Mojolicious::Plugin::RevealJS - Mojolicious ❤️ Reveal.js
use Mojolicious::Lite; plugin 'RevealJS'; any '/' => { template => 'mytalk', layout => 'revealjs' }; app->start;
Mojolicious::Plugin::RevealJS is yet another attempt at making presentations with Mojolicious. While the author's previous attempts have tried do too much, this one simply makes it easier to use Reveal.js. It provides a layout (revealjs) which contains the boilerplate and loads the bundled libraries. It also provides a few simple helpers. Future versions of the plugin will allow setting of configuration like themes.
revealjs
The bundled version of Reveal.js is currently 3.5.0.
Note that this module is in an alpha form! The author makes no compatibilty promises.
# controller $c->layout('revealjs'); # or $c->stash(layout => 'revealjs'); # or template % layout 'revealjs';
This layout is essentially the standard template distributed as part of the Reveal.js tarball. It is modified for use in a Mojolicious template.
It accepts the stash parameters:
author - sets the metadata value
description - sets the metadata value
init - Reveal.js initialization options, a hashref for JSON conversion documented below
theme - a string representing a theme css to be included. If the string ends in .css it is included literally, otherwise it is assumed to be the name of a bundled Reveal.js theme. Bundled themes are: black, white, league, beige, sky, night, serif, simple, solarized. Defaults to black. See more on the "Reveal.js page".
.css
title - sets the window title, not used on the title slide
base - sets the <base> tag for the document. Useful for hosting static pages at a location other than /. Defaults to /, if explicitly set to undef the tag is not included.
<base>
/
undef
As mentioned above, the stash key init is a hashref that is merge into a set of defaults and used to initialize Reveal.js. Some RevealJS initialization options, specifically those that have a default are:
init
center - enable slide centering (boolean, true by default)
controls - enable controls (boolean, true by default)
history - enable history (boolean, true by default)
progress - enable progress indicator (boolean, true by default)
transition - set the slide transition type (one of: none, fade, slide, convex, concave, zoom; default: slide)
These defaults are set in the default stash value for revealjs.init. So they can be modified globally modifying that value (probably during setup).
revealjs.init
$app->defaults->{'revealjs.init'}{transition} = 'none';
Note that booleans are references to scalar values, true == \1, false == \0. See more availalbe options on the "Reveal.js page".
true == \1
false == \0
In order to further customize the template the following unimplemented templates are included into the layout
revealjs_head.html.ep - included at the end of the <head> tag.
revealjs_head.html.ep
<head>
revealjs_preinit.js.ep - included just before initializing Reveal.js. Especially useful to modify the javascript variable init.
revealjs_preinit.js.ep
revealjs_body.html.ep - included at the end of the <body> tag.
revealjs_body.html.ep
<body>
%= include_code 'path/to/file.pl'
This helper does several things:
localizes trailing arguments into the stash
slurps a file containing code
http escapes the content
applies some simple formatting
displays the relative path to the location of the file (for the benefit of repo cloners)
The helper takes a file name and additional key-value pairs. The following keys and their value are removed from the pairs, the remaining are localized into the stash:
sets the language for the highlighting, defaults to the value of stash('language') // 'perl'
stash('language') // 'perl'
limits the section to a given section name
NOTE: This feature is experimental!
The section is definite by a line comment of the form # or // or -- or <!-- followed by reveal begin $name and ended with comment mark followed by reveal end $name.
#
//
--
<!--
reveal begin $name
reveal end $name
%= include_code 'path/to/file', section => 'part1'
Then in the file
Excluded content # reveal being part1 Included content # reveal end part1 Excluded content
$ ./myapp.pl eval 'app->revealjs->export("/" => "path/", \%options)'
Exports the rendered page and all of the files in the static directories to the designated path. This is very crude, but effective for usual cases.
Allowed options are:
Override the base tag by removing the original and inserting a new one just inside the <head> tag with the given value as the href target. This feature is cludgy (as is this whole helper), consider it experimental, its behavior may change.
http://github.com/jberger/Mojolicious-Plugin-RevealJS
Joel Berger, <joel.a.berger@gmail.com>
Copyright (C) 2015 by Joel Berger
This library is free software; you can redistribute it and/or modify it under the same terms as Perl itself.
Reveal.js (bundled) is Copyright (C) 2015 Hakim El Hattab, http://hakim.se and released under the MIT license.
To install Mojolicious::Plugin::RevealJS, copy and paste the appropriate command in to your terminal.
cpanm
cpanm Mojolicious::Plugin::RevealJS
CPAN shell
perl -MCPAN -e shell install Mojolicious::Plugin::RevealJS
For more information on module installation, please visit the detailed CPAN module installation guide.