Proof Of Concept - Integrate Bespoke.js and Demoit

View slides locally

First, ensure you have the following installed:

1. Node.js >= 4.2 ^[1]

   $ nvm install stable && nvm use stable

2. Ruby >= 2 ^[2]

   $ rvm install ruby --latest

3. Golang - Follow installation instructions

Then serve the demo

$ make serve-demo

And build and serve the presentation!

$ make serve-slides

You can view the presentation in your browser at the URL displayed in the console.

$ make show-slides

WARNING

On chrome, you will have a CORS issue between slides and demoit server.

Use the Access Control Allow Origin plugin to manage this issue.

configuration for localhost

*://localhost:*/*

Use the kbd:[←] and kbd:[→] arrows to navigate the slides. You can use kbd:[<space>] and kbd:[Shift+<space>] to navigate as well. Most presentation clickers are compatible with these key bindings.

To build the presentation without starting the preview server, use:

$ make

In either case, the files are built into the dist directory. You can view the slides outside of the local preview server by navigating to dist/index.html in your browser.

kbd:[o] — Slide Overview Mode

This presentation comes with a built-in slide overview mode. To activate it, simply visit the presentation in your browser and press kbd:[o]. The slides will be rearranged in a grid that you can scroll or navigate with the keyboard. Press enter to select the highlighted slide and return to presentation mode.

kbd:[F11] — Full Screen Mode

This presentation will automatically scale to fit an entire 16:9 screen. Simply activate full screen mode in your browser by pressing kbd:[F11].

Customizing the Port

By default, the preview server runs on port 8088. To change this default, you can assign a different number to the PORT environment variable:

$ PORT=9000 make serve-slides

---

1. You’re strongly encouraged to use nvm to manage Node.

2. You’re strongly encouraged to use RVM to manage Ruby.