Show slide notes with bespoke-secondary

package.json

@@ -5,8 +5,10 @@
     "bespoke-advanced": "^1.0.1",
     "bespoke-analytics": "^1.0.0",
     "bespoke-ga": "^1.0.0",
+    "bespoke-indexfinger": "^1.0.0",
     "bespoke-jumpy": "^1.0.1",
-    "bespoke-loop": "^1.0.0"
+    "bespoke-loop": "^1.0.0",
+    "bespoke-secondary": "^1.0.0"
   },
   "devDependencies": {
     "bespoke": "^1.0.0",

src/index.jade

@@ -49,9 +49,13 @@ html
           a(href="http://joelpurra.com/") joelpurra.com
         p
           a(href="http://joelpurra.com/r/masters") joelpurra.com/r/masters
-        p Originally presented by Joel Purra as his master's thesis defense, 2015-02-19 at Linköping University in Sweden. 
+        p.small Originally presented by Joel Purra as his master's thesis defense, 2015-02-19 at Linköping University in Sweden. 
          a(href="http://joelpurra.com/projects/masters-thesis/") A video recording is also available.
-        p.small Change slide by swiping or using the ← → direction buttons on your keyboard.
+        p.small Change slide by swiping or using the ← → direction buttons on your keyboard. Press 
+          kbd s
+          |  to toogle showing short slide notes in a separate tab.
+        aside
+          p These notes explain some of the images shown, and adds comments to other slides. Notes change each time the slide is changed in the presentation window.
 
       section.single-image(data-bespoke-hash="nytimes-screenshot")
         p
@@ -213,7 +217,7 @@ html
         aside
           p An EFF diagram showing possible 
             a(href="https://www.eff.org/pages/tor-and-https") passive tracking/surveillance
-            |  when using HTTP over Wifi.
+            |  when using HTTP over Wifi. By using HTTPS, most of the passive tracking can be avoided.
 
       section(data-bespoke-hash="what-is-active-tracking")
         h2 What is active tracking?

src/scripts/main.js

@@ -12,7 +12,9 @@ var bespoke = require('bespoke'),
   advanced = require('bespoke-advanced'),
   loop = require('bespoke-loop'),
   ga = require('bespoke-ga'),
-  analytics = require('bespoke-analytics');
+  analytics = require('bespoke-analytics'),
+  indexfinger = require('bespoke-indexfinger');
+  secondary = require('bespoke-secondary');
 
 // Bespoke.js
 bespoke.from('article', [
@@ -31,6 +33,8 @@ bespoke.from('article', [
     trackingId: 'UA-29171100-1'
   }),
   analytics(),
+  indexfinger(),
+  secondary(),
 ]);
 
 // Prism syntax highlighting

src/styles/main.styl

@@ -93,12 +93,14 @@ footer
 .bespoke-slide.small,
 .bespoke-slide .small
   font-size: small
+  line-height: 1.1em
   li
     margin-bottom: 6px
 
 .bespoke-slide.smaller,
 .bespoke-slide .smaller
   font-size: smaller
+  line-height: 1.1em
   li
     margin-bottom: 3px