bespoke-notes

2.1.2 • Public • Published

bespoke-notes

Notes for Bespoke.js presentations

Use cases:

  • Publish slides with notes to those who were not able to see the presentation
  • Write notes for presentation, and present it on two screens (with help of bespoke-sync):
    Audience screen:                      Your screen:

See Asynchronous JavaScript Interfaces presentation for demo

Usage

bespoke-notes uses <aside> elements as notes.

...
<section>
  <h2>My Slide</h2>
  <aside>
    <p>My Notes</p>
  </aside>
</section>
...
// If your CJS bundler supports CSS modules do:
notes = require('bespoke-notes');
// otherwise do following (end ensure that rules from style.css load in your browser)
notes = require('bespoke-notes/dom');
 
bespoke.from(selector, [
  notes()
]);

Possible options:

bespoke.from(selector, [
  notes({
    key: 0x4e, // Key that toggles notes, default: 0x4e ('n' key)
    visible: false, // Whether to display notes on startup, default: false
  })
]);

Additionally notes display can be forced via ?notes query in url search string

Installation

npm

In your presentation path:

$ npm install bespoke-notes

Package Sidebar

Install

npm i bespoke-notes

Weekly Downloads

1

Version

2.1.2

License

MIT

Last publish

Collaborators

  • medikoo