add prism plugin and add slide with code block

package.json

@@ -10,6 +10,7 @@
     "bespoke-hash": "~1.1",
     "bespoke-nav": "~1.0",
     "bespoke-overview": "~1.0",
+    "bespoke-prism": "~1.0",
     "bespoke-scale": "~1.0",
     "browserify": "~17.0",
     "del": "~6.1",

src/index.pug

@@ -25,6 +25,19 @@ html(lang='en')
       section
         img(src='images/html5.svg')
 
+      section
+        h2 Syntax Highlighting
+        h3 Powered by <a href="https://twitter.com/LeaVerou">Lea Verou</a>'s <a href="https://github.com/PrismJS/prism">Prism</a>
+        pre
+          code.language-javascript.
+            function hanoi (n, a, b, c) {
+              return n ? hanoi(n - 1, a, c, b)
+                  .concat([[a, b]])
+                  .concat(hanoi(n - 1, c, b, a)) : []
+            }
+            console.log(hanoi(3, 'left', 'right', 'mid')
+              .map((d) => `${d[0]} -&gt; ${d[1]}`))
+
       section
         h2 The End
 

src/scripts/main.js

@@ -9,6 +9,7 @@ var isWebKit = 'webkitAppearance' in document.documentElement.style,
   hash = require('bespoke-hash'),
   nav = require('bespoke-nav'),
   overview = require('bespoke-overview'),
+  prism = require('bespoke-prism'),
   scale = require('bespoke-scale');
 
 bespoke.from({ parent: 'article.deck', slides: 'section' }, [
@@ -18,5 +19,6 @@ bespoke.from({ parent: 'article.deck', slides: 'section' }, [
   (scaleMethod ? scale(scaleMethod) : function(deck) {}),
   overview({ columns: 4 }),
   bullets('.build, .build-items > *:not(.build-items)'),
-  hash()
+  hash(),
+  prism()
 ]);