10stepprogram icon indicating copy to clipboard operation
10stepprogram copied to clipboard

reveal.js setup/initialization

Open vmbrasseur opened this issue 10 years ago • 7 comments

  • [x] Start "Generating the slides" doc
  • [x] Install prez
  • [x] Initialize a trial/staging presentation
  • [x] Create a high-level first draft in staging
  • [x] Set up/commit prez config file
  • [x] Complete initial "generating the slides" doc
  • [ ] Get Fuzzy's feedback on the initial staging draft
  • [x] Profit

vmbrasseur avatar Jan 10 '16 20:01 vmbrasseur

Fuzzy's very busy with move stuff. I'll be doing all the initial reveal.js/prez work so he won't have to worry about it.

vmbrasseur avatar Jan 10 '16 20:01 vmbrasseur

The "generating the slides" doc is in ./slides/README.md.

vmbrasseur avatar Jan 10 '16 21:01 vmbrasseur

prez installed (required sudo on my machine).

vmbrasseur avatar Jan 10 '16 21:01 vmbrasseur

prez initialized in slides/staging:

Epicurus:staging brasseur$ prez --init
[warn] Source folder not specified: use cwd
[warn] Destination folder not specified: use 'build'
[info] copy ../../../../../../usr/local/lib/node_modules/prez/data/init/css to
[info] copy ../../../../../../usr/local/lib/node_modules/prez/data/init/images to
[info] copy ../../../../../../usr/local/lib/node_modules/prez/data/init/includes.txt to
[info] copy ../../../../../../usr/local/lib/node_modules/prez/data/init/js to
[info] copy ../../../../../../usr/local/lib/node_modules/prez/data/init/slides to
[info] copy ../../../../../../usr/local/lib/node_modules/prez/data/dynamic-theme.js to build/js
[info] copy ../../../../../../usr/local/lib/node_modules/prez/node_modules/reveal.js/css to build
[info] copy ../../../../../../usr/local/lib/node_modules/prez/node_modules/reveal.js/js to build
[info] copy ../../../../../../usr/local/lib/node_modules/prez/node_modules/reveal.js/lib to build
[info] copy ../../../../../../usr/local/lib/node_modules/prez/node_modules/reveal.js/plugin to build
[info] copy ../../../../../../usr/local/lib/node_modules/prez/node_modules/highlight.js/styles to build/css/highlight
[info] copy css to build
[info] copy js to build
[info] copy images to build
[warn] cannot copy media (file not found)
[info] copy ../../../../../../usr/local/lib/node_modules/prez/data/index.html to build
[info] write build/index.html (4306 bytes)
Epicurus:staging brasseur$ ll
total 16
drwxr-xr-x  9 brasseur  staff  306 Jan 10 13:13 ./
drwxr-xr-x  5 brasseur  staff  170 Jan 10 13:12 ../
-rw-r--r--  1 brasseur  staff  163 Jan 10 13:06 README.md
drwxr-xr-x  8 brasseur  staff  272 Jan 10 13:13 build/
drwxr-xr-x  3 brasseur  staff  102 Jan 10 13:13 css/
drwxr-xr-x  3 brasseur  staff  102 Jan 10 13:13 images/
-rw-r--r--  1 brasseur  staff   28 Jan 22  2015 includes.txt
drwxr-xr-x  3 brasseur  staff  102 Jan 10 13:13 js/
drwxr-xr-x  8 brasseur  staff  272 Jan 10 13:13 slides/
Epicurus:staging brasseur$

vmbrasseur avatar Jan 10 '16 21:01 vmbrasseur

First time running prez got me this:

Epicurus:production brasseur$ prez10 staging
[warn] Source folder not specified: use cwd
[warn] Destination folder not specified: use 'build'
[info] copy ../../../../../../usr/local/lib/node_modules/prez/data/dynamic-theme.js to build/js
[info] copy ../../../../../../usr/local/lib/node_modules/prez/node_modules/reveal.js/css to build
[info] copy ../../../../../../usr/local/lib/node_modules/prez/node_modules/reveal.js/js to build
[info] copy ../../../../../../usr/local/lib/node_modules/prez/node_modules/reveal.js/lib to build
[info] copy ../../../../../../usr/local/lib/node_modules/prez/node_modules/reveal.js/plugin to build
[info] copy ../../../../../../usr/local/lib/node_modules/prez/node_modules/highlight.js/styles to build/css/highlight
[info] copy css to build
[info] copy js to build
[info] copy images to build
[warn] cannot copy media (file not found)
[info] copy ../../../../../../usr/local/lib/node_modules/prez/data/index.html to build
[info] write build/index.html (4306 bytes)
[info] serve slideshows from build…
[info] started server live-reload on port 35729
[info] started server http on port 9000
[error] Could not start PhantomJS, is it installed?
[error] You can easily install it with 'npm install -g phantomjs'
Epicurus:staging brasseur$

So phantomjs is required.

FYI, my prez10 alias looks like this right now:

prez10() {
  # $1 = staging | production
  cd ~/github/10stepprogram/slides/$1
  prez --serve --print --watch
}

vmbrasseur avatar Jan 10 '16 21:01 vmbrasseur

The layout of the initial staging/slides directory is:

Epicurus:slides brasseur$ ll
total 40
drwxr-xr-x   8 brasseur  staff  272 Jan 10 13:13 ./
drwxr-xr-x  10 brasseur  staff  340 Jan 10 13:29 ../
-rw-r--r--   1 brasseur  staff   69 Jan 22  2015 01-hello.md
-rw-r--r--   1 brasseur  staff   87 Jan 22  2015 02-html.html
drwxr-xr-x   5 brasseur  staff  170 Jan 10 13:13 03-stack/
-rw-r--r--   1 brasseur  staff  164 Jan 25  2015 04-notes.md
-rw-r--r--   1 brasseur  staff  170 Oct 14 07:49 05-prop.md
-rw-r--r--   1 brasseur  staff  109 Oct 14 07:49 06-goodbye.md

I think I'll try using a stack for each of the high-level sections and see what Fuzzy thinks. That's why this is staging, after all.

vmbrasseur avatar Jan 10 '16 21:01 vmbrasseur

There's now a stubbed-out first draft/demo version of the slides in slides/staging.

Known issues:

  • Need closing slides
  • May need to renumber slides to get the closing slides in
  • No speaker notes
  • Thrown together using the outline; lots of work to be done yet

vmbrasseur avatar Jan 11 '16 01:01 vmbrasseur