diff --git a/js/notes.js b/js/notes.js
new file mode 100644
index 0000000..b982505
--- /dev/null
+++ b/js/notes.js
@@ -0,0 +1,98 @@
+/**
+ * Handles opening of and synchronization with the reveal.js
+ * notes window.
+ */
+var RevealNotes = (function() {
+
+ function openNotes() {
+ var notesPopup = window.open( 'templates/notes.html', 'reveal.js - Notes', 'width=1120,height=850' );
+
+ // Fires when slide is changed
+ Reveal.addEventListener( 'slidechanged', function( event ) {
+ post('slidechanged');
+ } );
+
+ // Fires when a fragment is shown
+ Reveal.addEventListener( 'fragmentshown', function( event ) {
+ post('fragmentshown');
+ } );
+
+ // Fires when a fragment is hidden
+ Reveal.addEventListener( 'fragmenthidden', function( event ) {
+ post('fragmenthidden');
+ } );
+
+ /**
+ * Posts the current slide data to the notes window
+ *
+ * @param {String} eventType Expecting 'slidechanged', 'fragmentshown'
+ * or 'fragmenthidden' set in the events above to define the needed
+ * slideDate.
+ */
+ function post( eventType ) {
+ var slideElement = Reveal.getCurrentSlide(),
+ messageData;
+
+ if( eventType === 'slidechanged' ) {
+ var notes = slideElement.querySelector( 'aside.notes' ),
+ indexh = Reveal.getIndices().h,
+ indexv = Reveal.getIndices().v,
+ nextindexh,
+ nextindexv;
+
+ if( slideElement.nextElementSibling && slideElement.parentNode.nodeName == 'SECTION' ) {
+ nextindexh = indexh;
+ nextindexv = indexv + 1;
+ } else {
+ nextindexh = indexh + 1;
+ nextindexv = 0;
+ }
+
+ messageData = {
+ notes : notes ? notes.innerHTML : '',
+ indexh : indexh,
+ indexv : indexv,
+ nextindexh : nextindexh,
+ nextindexv : nextindexv,
+ markdown : notes ? typeof notes.getAttribute( 'data-markdown' ) === 'string' : false
+ };
+ }
+ else if( eventType === 'fragmentshown' ) {
+ messageData = {
+ fragment : 'next'
+ };
+ }
+ else if( eventType === 'fragmenthidden' ) {
+ messageData = {
+ fragment : 'prev'
+ };
+ }
+
+ notesPopup.postMessage( JSON.stringify( messageData ), '*' );
+ }
+
+ // Navigate to the current slide when the notes are loaded
+ notesPopup.addEventListener( 'load', function( event ) {
+ post('slidechanged');
+ }, false );
+ }
+
+ // If the there's a 'notes' query set, open directly
+ if( window.location.search.match( /(\?|\&)notes/gi ) !== null ) {
+ openNotes();
+ }
+
+ // Open the notes when the 's' key is hit
+ document.addEventListener( 'keydown', function( event ) {
+ // Disregard the event if the target is editable or a
+ // modifier is present
+ if ( document.querySelector( ':focus' ) !== null || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey ) return;
+
+ if( event.keyCode === 83 ) {
+ event.preventDefault();
+ openNotes();
+ }
+ }, false );
+
+ return { open: openNotes };
+})();
diff --git a/templates/notes.html b/templates/notes.html
new file mode 100644
index 0000000..d418bc8
--- /dev/null
+++ b/templates/notes.html
@@ -0,0 +1,143 @@
+
+
+
+
+
+ reveal.js - Slide Notes
+
+
+
+
+
+
+
+
+
+
+
+
+ UPCOMING:
+
+
+
+
+
+
+
diff --git a/templates/reveal_base.html b/templates/reveal_base.html
index b23d112..e8bf621 100644
--- a/templates/reveal_base.html
+++ b/templates/reveal_base.html
@@ -42,7 +42,7 @@
{ src: 'reveal/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'reveal/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'reveal/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
- { src: 'reveal/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } },
+ { src: 'js/notes.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS_HTML', async: true },
{ src: 'js/revealmathjax.js', async: true}
]