Aquila

Automatically build and serve reveal.js presentations using docker.

Features

• PDF export
• Graphviz support (using viz.js)
• MathJax support
• Asciinema support
• Generates HTML automatically from a configuration file

Dependencies

Aquila runs almost everything inside a docker container and uses bash and python scripts to launch docker. All you need to run Aquila is:

• Python 3
• Docker

Usage

Aquila provides the aq tool with the following commands:

• aq serve path/to/presentation: serves the presentation at localhost:8000. Probably the only command you'll need.
• aq pdf path/to/presentation: exports the presentation as a PDF file named index.pdf in the directory with the presentation.
• aq setup: builds the docker image. serve builds the image as needed, so you shouldn't have to call this manually.
• aq enter path/to/presentation: launches an interactive shell in the docker image with the specified presentation mounted. Used for debugging.

All subcommands are also available in the scripts folder.

Markdown Syntax

Graphs

Embed graphs within code blocks by setting the language to graph:

```graph
graph {
  Hello -> World;
}
```

See the Graphviz documentation for the syntax for making graphs:

• http://www.graphviz.org/doc/info/attrs.html
• http://www.graphviz.org/doc/info/lang.html

Math

Inline math is delimited by \(..\). Display math is delimited by \[..\] or $$..$$. Uses LaTeX syntax. See example/math.md

Asciinema

Embed asciinema players with:

<asciinema-player src="img/aquila-serve-demo.json" cols="80" rows="24" font-size="14px"></asciinema-player>

Columns

Create columns in your slides with:

(|
%
Column 1
* Content

%
Column 2
* Content
|)

• Each % delimits a column and can be annotated with a size like % 1. Size is relative to each column. For instance, the example below creates two columns where the first is three times larger than the second.

(|
% 3
# Big

% 1
# Small
|)

• Make sure to have an empty line before each column separator (aside from the first separator).

Getting Started

The example folder contains a working example presentation with Graphviz graphs and LaTeX equations! Run:

$ git clone https://github.com/huntergoldstein/aquila.git
$ cd aquila
$ ./aq serve example

Then, open http://localhost:8000 in a web browser to view the presentation.

The example presentation is composed of markdown files. The config.json file describes the presentation's structure:

{
  "presentation" : "example presentation",
  "styles" : ["css/theme/cmr.css"],
  "title" : "title.md",
  "slides" : [ "columns.md", "graph.md", "math.md", "table.md", "code.md", "asciinema.md"]
}

Each field in config.json defines a part of the presentation:

• presentation: the title of the presentation (shows up at in the web browser's title bar)
• styles: defines an stylesheets to use in the presentation. The example presentation uses css/cmr/cmr.css to change some of the default colors and font sizes.
• title: the markdown file which contains the title slide.
• slides: the rest of the markdown files in the order they should be displayed.

Controls

• s: Spawns a presenter window which has a timer and the notes for each slide
• o: Opens an overview of the presentation

Screencast

Under the Hood

Aqulia builds a docker image tagged aqulia with all the necessary software installed. Then, it overlays the presentation directory onto the standard files, and runs reveal.js. Running aq enter <presentation> will launch an interactive terminal inside the docker container with all the filesystems mounted, and the overlay setup. Assuming the presentation directory on the host system is presentation, the mounts are as follows:

• presentation -> /slides
• /pres -> unionfs-fuse /slides:/reveal.js

Thus, Aqulia is fully customizable: simply place whatever files you want in the presentation directory, and in the union filesystem, they will take preference over any of Aqualia's default files. For example, if you don't like Aqualia's index.html, simply make your own, and it will be used instead!

Contributing

If you find any bug, or there is something you would like added, please make an issue! If you've fixed any bug and created any cool enhancements, open a pull request. We'll review it!