asciidoctor-revealjs 1.1.3 → 2.0.0

data/examples/revealjs-plugins/reveal.js-menu/menu.css

@@ -0,0 +1,345 @@
+.slide-menu-wrapper {
+	font-family: "Source Sans Pro", Helvetica, sans-serif;
+}
+
+.slide-menu-wrapper .slide-menu {
+	background-color: #333;
+	z-index: 200;
+	position: fixed;
+	top: 0;
+	width: 300px;
+	height: 100%;
+	/*overflow-y: scroll;*/
+	transition: transform 0.3s;
+  	font-size: 16px;
+  	font-weight: normal;
+}
+
+.slide-menu-wrapper .slide-menu.slide-menu--wide {
+	width: 500px;
+}
+
+.slide-menu-wrapper .slide-menu.slide-menu--third {
+	width: 33%;
+}
+
+.slide-menu-wrapper .slide-menu.slide-menu--half {
+	width: 50%;
+}
+
+.slide-menu-wrapper .slide-menu.slide-menu--full {
+	width: 95%;
+}
+
+/*
+ * Slides menu
+ */
+
+.slide-menu-wrapper .slide-menu-items {
+	margin: 0;
+	padding: 0;
+	width: 100%;
+	border-bottom: solid 1px #555;
+}
+
+.slide-menu-wrapper .slide-menu-item, 
+.slide-menu-wrapper .slide-menu-item-vertical {
+	display: block;
+	text-align: left;
+	padding: 10px 18px;
+	color: #aaa;
+	cursor: pointer;
+}
+
+.slide-menu-wrapper .slide-menu-item-vertical {
+	padding-left: 30px;
+}
+
+.slide-menu-wrapper .slide-menu--wide .slide-menu-item-vertical,
+.slide-menu-wrapper .slide-menu--third .slide-menu-item-vertical,
+.slide-menu-wrapper .slide-menu--half .slide-menu-item-vertical,
+.slide-menu-wrapper .slide-menu--full .slide-menu-item-vertical,
+.slide-menu-wrapper .slide-menu--custom .slide-menu-item-vertical {
+	padding-left: 50px;
+}
+
+.slide-menu-wrapper .slide-menu-item {
+  border-top: solid 1px #555;
+}
+
+.slide-menu-wrapper .active-menu-panel li.selected {
+	background-color: #222;
+	color: white;
+}
+
+.slide-menu-wrapper .active-menu-panel li.active {
+	color: #eee;
+}
+
+.slide-menu-wrapper .slide-menu-item.no-title .slide-menu-item-title, 
+.slide-menu-wrapper .slide-menu-item-vertical.no-title .slide-menu-item-title {
+	font-style: italic;
+}
+
+.slide-menu-wrapper .slide-menu-item-number {
+	color: #999;
+	padding-right:6px;
+}
+
+.slide-menu-wrapper .slide-menu-item i.far,
+.slide-menu-wrapper .slide-menu-item i.fas,
+.slide-menu-wrapper .slide-menu-item-vertical i.far,
+.slide-menu-wrapper .slide-menu-item-vertical i.fas,
+.slide-menu-wrapper .slide-menu-item svg.svg-inline--fa,
+.slide-menu-wrapper .slide-menu-item-vertical svg.svg-inline--fa {
+	padding-right: 12px;
+	display: none;
+}
+
+.slide-menu-wrapper .slide-menu-item.past i.fas.past,
+.slide-menu-wrapper .slide-menu-item-vertical.past i.fas.past,
+.slide-menu-wrapper .slide-menu-item.active i.fas.active,
+.slide-menu-wrapper .slide-menu-item-vertical.active i.fas.active,
+.slide-menu-wrapper .slide-menu-item.future i.far.future,
+.slide-menu-wrapper .slide-menu-item-vertical.future i.far.future,
+.slide-menu-wrapper .slide-menu-item.past svg.svg-inline--fa.past,
+.slide-menu-wrapper .slide-menu-item-vertical.past svg.svg-inline--fa.past,
+.slide-menu-wrapper .slide-menu-item.active svg.svg-inline--fa.active,
+.slide-menu-wrapper .slide-menu-item-vertical.active svg.svg-inline--fa.active,
+.slide-menu-wrapper .slide-menu-item.future svg.svg-inline--fa.future,
+.slide-menu-wrapper .slide-menu-item-vertical.future svg.svg-inline--fa.future {
+	display: inline-block;
+}
+
+.slide-menu-wrapper .slide-menu-item.past i.fas.past,
+.slide-menu-wrapper .slide-menu-item-vertical.past i.fas.past,
+.slide-menu-wrapper .slide-menu-item.future i.far.future,
+.slide-menu-wrapper .slide-menu-item-vertical.future i.far.future,
+.slide-menu-wrapper .slide-menu-item.past svg.svg-inline--fa.past,
+.slide-menu-wrapper .slide-menu-item-vertical.past svg.svg-inline--fa.past,
+.slide-menu-wrapper .slide-menu-item.future svg.svg-inline--fa.future,
+.slide-menu-wrapper .slide-menu-item-vertical.future svg.svg-inline--fa.future {
+	opacity: 0.4;
+}
+
+.slide-menu-wrapper .slide-menu-item.active i.fas.active,
+.slide-menu-wrapper .slide-menu-item-vertical.active i.fas.active,
+.slide-menu-wrapper .slide-menu-item.active svg.svg-inline--fa.active,
+.slide-menu-wrapper .slide-menu-item-vertical.active svg.svg-inline--fa.active {
+	opacity: 0.8;	
+}
+
+.slide-menu-wrapper .slide-menu--left {
+  left: 0;
+  -webkit-transform: translateX(-100%);
+  -ms-transform: translateX(-100%);
+  transform: translateX(-100%);
+}
+
+.slide-menu-wrapper .slide-menu--left.active {
+  -webkit-transform: translateX(0);
+  -ms-transform: translateX(0);
+  transform: translateX(0);
+}
+
+.slide-menu-wrapper .slide-menu--right {
+  right: 0;
+  -webkit-transform: translateX(100%);
+  -ms-transform: translateX(100%);
+  transform: translateX(100%);
+}
+
+.slide-menu-wrapper .slide-menu--right.active {
+  -webkit-transform: translateX(0);
+  -ms-transform: translateX(0);
+  transform: translateX(0);
+}
+
+.slide-menu-wrapper {
+	transition: transform 0.3s;
+}
+
+
+/*
+ * Toolbar
+ */
+.slide-menu-wrapper .slide-menu-toolbar {
+ 	height: 60px;
+ 	width: 100%;
+ 	font-size: 12px;
+    display: table;
+    table-layout: fixed; /* ensures equal width */
+    margin: 0;
+    padding: 0;
+	border-bottom: solid 2px #666;
+}
+
+.slide-menu-wrapper .slide-menu-toolbar > li {
+    display: table-cell;
+ 	line-height: 150%;
+    text-align: center;
+    vertical-align: middle;
+    cursor: pointer;
+	color: #aaa;
+	border-radius: 3px;
+	padding-top: 16px;
+}
+
+.slide-menu-wrapper .slide-menu-toolbar > li.toolbar-panel-button i,
+.slide-menu-wrapper .slide-menu-toolbar > li.toolbar-panel-button svg.svg-inline--fa {
+	font-size: 1.7em;
+}
+
+.slide-menu-wrapper .slide-menu-toolbar > li.toolbar-panel-button span.slide-menu-toolbar-label {
+	visibility: hidden;
+}
+
+.slide-menu-wrapper .slide-menu-toolbar > li.active-toolbar-button {
+ 	color: white;
+ 	text-shadow: 0 1px black;	
+}
+
+.slide-menu-toolbar > li.toolbar-panel-button:hover {
+	color: white;
+}
+
+.slide-menu-toolbar > li.toolbar-panel-button:hover span.slide-menu-toolbar-label,
+.slide-menu-wrapper .slide-menu-toolbar > li.active-toolbar-button span.slide-menu-toolbar-label {
+	visibility: visible;
+}
+
+/*
+ * Panels
+ */
+.slide-menu-wrapper .slide-menu-panel {
+	position: absolute;
+	width: 100%;
+	visibility: hidden;
+	height: calc(100% - 60px);
+	overflow-x: hidden;
+	overflow-y: auto;
+	color: #AAA;
+}
+
+.slide-menu-wrapper .slide-menu-panel.active-menu-panel {
+	visibility: visible;
+}
+
+.slide-menu-wrapper .slide-menu-panel h1,
+.slide-menu-wrapper .slide-menu-panel h2,
+.slide-menu-wrapper .slide-menu-panel h3,
+.slide-menu-wrapper .slide-menu-panel h4,
+.slide-menu-wrapper .slide-menu-panel h5,
+.slide-menu-wrapper .slide-menu-panel h6 {
+	margin: 20px 0 10px 0;
+	color: #FFF;
+	line-height: 1.2;
+	letter-spacing: normal;
+	text-shadow: none;
+}
+
+.slide-menu-wrapper .slide-menu-panel h1 {
+	font-size: 1.6em;
+}
+.slide-menu-wrapper .slide-menu-panel h2 {
+	font-size: 1.4em;
+}
+.slide-menu-wrapper .slide-menu-panel h3 {
+	font-size: 1.3em;
+}
+.slide-menu-wrapper .slide-menu-panel h4 {
+	font-size: 1.1em;
+}
+.slide-menu-wrapper .slide-menu-panel h5 {
+	font-size: 1em;
+}
+.slide-menu-wrapper .slide-menu-panel h6 {
+	font-size: 0.9em;
+}
+
+.slide-menu-wrapper .slide-menu-panel p {
+	margin: 10px 0 5px 0;
+}
+
+.slide-menu-wrapper .slide-menu-panel a {
+	color: #CCC;
+	text-decoration: underline;
+}
+
+.slide-menu-wrapper .slide-menu-panel a:hover {
+	color: white;
+}
+
+.slide-menu-wrapper .slide-menu-item a {
+	text-decoration: none;
+}
+
+.slide-menu-wrapper .slide-menu-custom-panel {
+	width: calc(100% - 20px);
+	padding-left: 10px;
+	padding-right: 10px;
+}
+
+.slide-menu-wrapper .slide-menu-custom-panel .slide-menu-items {
+	width: calc(100% + 20px);
+	margin-left: -10px;
+	margin-right: 10px;
+}
+
+ 
+/*
+ * Theme and Transitions buttons
+ */
+
+.slide-menu-wrapper div[data-panel="Themes"] li,
+.slide-menu-wrapper div[data-panel="Transitions"] li {
+	display: block;
+	text-align: left;
+	cursor: pointer;
+	color: #848484;
+}
+
+/*
+ * Menu controls
+ */
+.reveal .slide-menu-button {
+	position: fixed;
+	left: 30px;
+	bottom: 30px;
+	z-index: 30;
+	font-size: 24px;
+}
+
+/*
+ * Menu overlay
+ */
+
+.slide-menu-wrapper .slide-menu-overlay {
+  position: fixed;
+  z-index: 199;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  width: 0;
+  height: 0;
+  background-color: #000;
+  opacity: 0;
+  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
+}
+
+.slide-menu-wrapper .slide-menu-overlay.active {
+  width: 100%;
+  height: 100%;
+  opacity: 0.7;
+  transition: opacity 0.3s;
+}
+
+/*
+ * Hide menu for pdf printing
+ */
+body.print-pdf .slide-menu-wrapper .slide-menu,
+body.print-pdf .reveal .slide-menu-button,
+body.print-pdf .slide-menu-wrapper .slide-menu-overlay
+{
+	display: none;
+}

data/examples/revealjs-plugins/reveal.js-menu/menu.js

@@ -0,0 +1,949 @@
+/*
+ * Reveal.js menu plugin
+ * MIT licensed
+ * (c) Greg Denehy 2015
+ */
+
+var RevealMenu = window.RevealMenu || (function(){
+	var config = Reveal.getConfig();
+	var options = config.menu || {};
+	options.path = options.path || scriptPath() || 'plugin/menu/';
+	if (!options.path.endsWith('/')) {
+		options.path += '/';
+	}
+	var loadIcons = options.loadIcons;
+	if (typeof loadIcons === "undefined") loadIcons = true;
+	var initialised = false;
+	
+	var module = {};
+
+	loadResource(options.path + 'menu.css', 'stylesheet', function() {
+		if (loadIcons) {
+			loadResource(options.path + 'font-awesome/css/all.css', 'stylesheet', loadPlugin)
+		} else {
+			loadPlugin();
+		}
+	})
+
+	function loadPlugin() {
+		// does not support IE8 or below
+		var initialise = !ieVersion || ieVersion >= 9;
+
+		// do not load the menu in the upcoming slide panel in the speaker notes
+		if (Reveal.isSpeakerNotes() && window.location.search.endsWith('controls=false')) {
+			initialise = false;
+		}
+
+		if (initialise) {
+			//
+			// Set option defaults
+			//
+			var side = options.side || 'left';	// 'left' or 'right'
+			var width = options.width;
+			var numbers = options.numbers || false;
+			var titleSelector = 'h1, h2, h3, h4, h5';
+			if (typeof options.titleSelector === 'string') titleSelector = options.titleSelector;
+			var hideMissingTitles = options.hideMissingTitles || false;
+			var useTextContentForMissingTitles = options.useTextContentForMissingTitles || false;
+			var markers = options.markers;
+			if (typeof markers === "undefined") markers = true;
+			var custom = options.custom;
+			var themesPath = typeof options.themesPath === 'string' ? options.themesPath : 'css/theme/';
+			if (!themesPath.endsWith('/')) themesPath += '/';
+			var themes = select('link#theme') ? options.themes : false;
+			if (themes === true) {
+				themes = [
+					{ name: 'Black', theme: themesPath + 'black.css' },
+					{ name: 'White', theme: themesPath + 'white.css' },
+					{ name: 'League', theme: themesPath + 'league.css' },
+					{ name: 'Sky', theme: themesPath + 'sky.css' },
+					{ name: 'Beige', theme: themesPath + 'beige.css' },
+					{ name: 'Simple', theme: themesPath + 'simple.css' },
+					{ name: 'Serif', theme: themesPath + 'serif.css' },
+					{ name: 'Blood', theme: themesPath + 'blood.css' },
+					{ name: 'Night', theme: themesPath + 'night.css' },
+					{ name: 'Moon', theme: themesPath + 'moon.css' },
+					{ name: 'Solarized', theme: themesPath + 'solarized.css' }
+				];
+			} else if (!Array.isArray(themes)) {
+				themes = false;
+			}
+			var transitions = options.transitions || false;
+			if (transitions === true) {
+				transitions = ['None', 'Fade', 'Slide', 'Convex', 'Concave', 'Zoom'];
+			} else if (transitions !== false && (!Array.isArray(transitions) || !transitions.every(function(e) { return typeof e === "string" }))) {
+				console.error("reveal.js-menu error: transitions config value must be 'true' or an array of strings, eg ['None', 'Fade', 'Slide')");
+				transitions = false;
+			}
+			if (ieVersion && ieVersion <= 9) {
+				// transitions aren't support in IE9 anyway, so no point in showing them
+				transitions = false;
+			}
+			var openButton = options.openButton;
+			if (typeof openButton === "undefined") openButton = true;
+			var openSlideNumber = options.openSlideNumber;
+			if (typeof openSlideNumber === "undefined") openSlideNumber = false;
+			var keyboard = options.keyboard;
+			if (typeof keyboard === "undefined") keyboard = true;
+			var sticky = options.sticky;
+			if (typeof sticky === "undefined") sticky = false;
+			var autoOpen = options.autoOpen;
+			if (typeof autoOpen === "undefined") autoOpen = true;
+			var delayInit = options.delayInit;
+			if (typeof delayInit === "undefined") delayInit = false;
+			var openOnInit = options.openOnInit || false;
+			
+			var mouseSelectionEnabled = true;
+			function disableMouseSelection() {
+				mouseSelectionEnabled = false;
+			}
+
+			function reenableMouseSelection() {
+				// wait until the mouse has moved before re-enabling mouse selection
+				// to avoid selections on scroll
+				select('nav.slide-menu').addEventListener('mousemove', function fn(e) {
+					select('nav.slide-menu').removeEventListener('mousemove', fn);
+					//XXX this should select the item under the mouse
+					mouseSelectionEnabled = true;
+				});
+			}
+
+			//
+			// Keyboard handling
+			//
+			function getOffset(el) {
+				var _x = 0;
+				var _y = 0;
+				while(el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) {
+					_x += el.offsetLeft - el.scrollLeft;
+					_y += el.offsetTop - el.scrollTop;
+					el = el.offsetParent;
+				}
+				return { top: _y, left: _x };
+			}
+
+			function visibleOffset(el) {
+				var offsetFromTop = getOffset(el).top - el.offsetParent.offsetTop;
+				if (offsetFromTop < 0) return -offsetFromTop
+				var offsetFromBottom = el.offsetParent.offsetHeight - (el.offsetTop - el.offsetParent.scrollTop + el.offsetHeight);
+				if (offsetFromBottom < 0) return offsetFromBottom; 
+				return 0;
+			}
+
+			function keepVisible(el) {
+				var offset = visibleOffset(el);
+				if (offset) {
+					disableMouseSelection();
+					el.scrollIntoView(offset > 0);
+					reenableMouseSelection();
+				}
+			}
+
+			function scrollItemToTop(el) {
+				disableMouseSelection();
+				el.offsetParent.scrollTop = el.offsetTop;
+				reenableMouseSelection();
+			}
+
+			function scrollItemToBottom(el) {
+				disableMouseSelection();
+				el.offsetParent.scrollTop = el.offsetTop - el.offsetParent.offsetHeight + el.offsetHeight
+				reenableMouseSelection();
+			}
+
+			function selectItem(el) {
+				el.classList.add('selected');
+				keepVisible(el);
+				if (sticky && autoOpen) openItem(el);
+			}
+
+			function onDocumentKeyDown(event) {
+				if (event.keyCode === 77) {
+					toggleMenu();
+				} else if (isOpen()) {
+					event.stopImmediatePropagation();
+					switch( event.keyCode ) {
+						// h, left - change panel
+						case 72: case 37:
+							prevPanel();
+							break;
+						// l, right - change panel
+						case 76: case 39:
+							nextPanel();
+							break;
+						// k, up
+						case 75: case 38:
+							var currItem = select('.active-menu-panel .slide-menu-items li.selected') || select('.active-menu-panel .slide-menu-items li.active');
+							if (currItem) {
+								selectAll('.active-menu-panel .slide-menu-items li').forEach(function(item) { item.classList.remove('selected') });
+								var nextItem = select('.active-menu-panel .slide-menu-items li[data-item="' + (parseInt(currItem.getAttribute('data-item')) - 1) + '"]') || currItem;
+								selectItem(nextItem);
+							} else {
+								var item = select('.active-menu-panel .slide-menu-items li.slide-menu-item');
+								if (item) selectItem(item);
+							}
+							break;
+						// j, down
+						case 74: case 40:
+							var currItem = select('.active-menu-panel .slide-menu-items li.selected') || select('.active-menu-panel .slide-menu-items li.active');
+							if (currItem) {
+								selectAll('.active-menu-panel .slide-menu-items li').forEach(function(item) { item.classList.remove('selected') });
+								var nextItem = select('.active-menu-panel .slide-menu-items li[data-item="' + (parseInt(currItem.getAttribute('data-item')) + 1) + '"]') || currItem;
+								selectItem(nextItem);
+							} else {
+								var item = select('.active-menu-panel .slide-menu-items li.slide-menu-item');
+								if (item) selectItem(item);
+							}
+							break;
+						// pageup, u
+						case 33: case 85:
+							var itemsAbove = selectAll('.active-menu-panel .slide-menu-items li').filter(function(item) { return visibleOffset(item) > 0; });
+							var visibleItems = selectAll('.active-menu-panel .slide-menu-items li').filter(function(item) { return visibleOffset(item) == 0; });
+
+							var firstVisible = (itemsAbove.length > 0 && Math.abs(visibleOffset(itemsAbove[itemsAbove.length-1])) < itemsAbove[itemsAbove.length-1].clientHeight ? itemsAbove[itemsAbove.length-1] : visibleItems[0]);
+							if (firstVisible) {
+								if (firstVisible.classList.contains('selected') && itemsAbove.length > 0) {
+									// at top of viewport already, page scroll (if not at start)
+									// ...move selected item to bottom, and change selection to last fully visible item at top
+									scrollItemToBottom(firstVisible);
+									visibleItems = selectAll('.active-menu-panel .slide-menu-items li').filter(function(item) { return visibleOffset(item) == 0; });
+									if (visibleItems[0] == firstVisible) {
+										// prev item is still beyond the viewport (for custom panels)
+										firstVisible = itemsAbove[itemsAbove.length-1];
+									} else {
+										firstVisible = visibleItems[0];
+									}
+								}
+								selectAll('.active-menu-panel .slide-menu-items li').forEach(function(item) { item.classList.remove('selected') });
+								selectItem(firstVisible);
+								// ensure selected item is positioned at the top of the viewport
+								scrollItemToTop(firstVisible);
+							}
+							break;
+						// pagedown, d
+						case 34: case 68:
+							var visibleItems = selectAll('.active-menu-panel .slide-menu-items li').filter(function(item) { return visibleOffset(item) == 0; });
+							var itemsBelow = selectAll('.active-menu-panel .slide-menu-items li').filter(function(item) { return visibleOffset(item) < 0; });
+							
+							var lastVisible = (itemsBelow.length > 0 && Math.abs(visibleOffset(itemsBelow[0])) < itemsBelow[0].clientHeight ? itemsBelow[0] : visibleItems[visibleItems.length-1]);
+							if (lastVisible) {
+								if (lastVisible.classList.contains('selected') && itemsBelow.length > 0) {
+									// at bottom of viewport already, page scroll (if not at end)
+									// ...move selected item to top, and change selection to last fully visible item at bottom
+									scrollItemToTop(lastVisible);
+									visibleItems = selectAll('.active-menu-panel .slide-menu-items li').filter(function(item) { return visibleOffset(item) == 0; });
+									if (visibleItems[visibleItems.length-1] == lastVisible) {
+										// next item is still beyond the viewport (for custom panels)
+										lastVisible = itemsBelow[0];
+									} else {
+										lastVisible = visibleItems[visibleItems.length-1];
+									}
+								}
+								selectAll('.active-menu-panel .slide-menu-items li').forEach(function(item) { item.classList.remove('selected') });
+								selectItem(lastVisible);
+								// ensure selected item is positioned at the bottom of the viewport
+								scrollItemToBottom(lastVisible);
+							}
+							break;
+						// home
+						case 36:
+							selectAll('.active-menu-panel .slide-menu-items li').forEach(function(item) { item.classList.remove('selected') });
+							var item = select('.active-menu-panel .slide-menu-items li:first-of-type');
+							if (item) {
+								item.classList.add('selected');
+								keepVisible(item);
+							}
+							break;
+						// end
+						case 35:
+							selectAll('.active-menu-panel .slide-menu-items li').forEach(function(item) { item.classList.remove('selected') });
+							var item = select('.active-menu-panel .slide-menu-items:last-of-type li:last-of-type');
+							if (item) {
+								item.classList.add('selected');
+								keepVisible(item);
+							}
+							break;
+						// space, return
+						case 32: case 13:
+							var currItem = select('.active-menu-panel .slide-menu-items li.selected');
+							if (currItem) {
+								openItem(currItem, true);
+							}
+							break;
+						// esc
+						case 27: closeMenu(null, true); break;
+					}
+				}
+			}
+
+			if (keyboard) {
+				//XXX add keyboard option for custom key codes, etc.
+
+				document.addEventListener('keydown', onDocumentKeyDown, false);
+
+				// handle key presses within speaker notes
+				window.addEventListener( 'message', function( event ) {
+					var data;
+					try {
+						data = JSON.parse( event.data );
+					} catch (e) {
+					}
+					if (data && data.method === 'triggerKey') {
+						onDocumentKeyDown( { keyCode: data.args[0], stopImmediatePropagation: function() {} } );
+					}
+				});
+
+				// Prevent reveal from processing keyboard events when the menu is open
+				if (config.keyboardCondition && typeof config.keyboardCondition === 'function') {
+					// combine user defined keyboard condition with the menu's own condition
+					var userCondition = config.keyboardCondition;
+					config.keyboardCondition = function() {
+						return userCondition() && !isOpen();
+					};
+				} else {
+					config.keyboardCondition = function() { return !isOpen(); }
+				}
+			}
+
+
+			//
+			// Utilty functions
+			//
+
+			function openMenu(event) {
+				if (event) event.preventDefault();
+				if (!isOpen()) {
+					select('body').classList.add('slide-menu-active');
+				    select('.reveal').classList.add('has-' + options.effect + '-' + side);
+				    select('.slide-menu').classList.add('active');
+				    select('.slide-menu-overlay').classList.add('active');
+					
+					// identify active theme
+					if (themes) {
+						selectAll('div[data-panel="Themes"] li').forEach(function(i) { i.classList.remove('active') });
+						selectAll('li[data-theme="' + select('link#theme').getAttribute('href') + '"]').forEach(function(i) { i.classList.add('active') });
+					}
+					
+					// identify active transition
+					if (transitions) {
+						selectAll('div[data-panel="Transitions"] li').forEach(function(i) { i.classList.remove('active') });
+						selectAll('li[data-transition="' + Reveal.getConfig().transition + '"]').forEach(function(i) { i.classList.add('active') });
+					}
+
+				    // set item selections to match active items
+					var items = selectAll('.slide-menu-panel li.active')
+					items.forEach(function(i) {
+						i.classList.add('selected');
+						keepVisible(i);
+					});
+				}
+			}
+
+			function closeMenu(event, force) {
+				if (event) event.preventDefault();
+				if (!sticky || force) {
+					select('body').classList.remove('slide-menu-active');
+					select('.reveal').classList.remove('has-' + options.effect + '-' + side);
+					select('.slide-menu').classList.remove('active');
+					select('.slide-menu-overlay').classList.remove('active');
+					selectAll('.slide-menu-panel li.selected').forEach(function(i) { i.classList.remove('selected') });
+				}
+			}
+
+			function toggleMenu(event) {
+				if (isOpen()) {
+					closeMenu(event, true);
+				} else {
+					openMenu(event);
+				}
+			}
+
+			function isOpen() {
+				return select('body').classList.contains('slide-menu-active');
+			}
+
+			function openPanel(event, ref) {
+				openMenu(event);
+				var panel = ref;
+				if (typeof ref !== "string") {
+					panel = event.currentTarget.getAttribute('data-panel');
+				}
+				select('.slide-menu-toolbar > li.active-toolbar-button').classList.remove('active-toolbar-button');
+				select('li[data-panel="' + panel + '"]').classList.add('active-toolbar-button');
+				select('.slide-menu-panel.active-menu-panel').classList.remove('active-menu-panel');
+				select('div[data-panel="' + panel + '"]').classList.add('active-menu-panel');
+			}
+
+			function nextPanel() {
+				var next = (parseInt(select('.active-toolbar-button').getAttribute('data-button')) + 1) % buttons;
+				openPanel(null, select('.toolbar-panel-button[data-button="' + next + '"]').getAttribute('data-panel'));
+			}
+
+			function prevPanel() {
+				var next = parseInt(select('.active-toolbar-button').getAttribute('data-button')) - 1;
+				if (next < 0) {
+					next = buttons - 1;
+				}
+				openPanel(null, select('.toolbar-panel-button[data-button="' + next + '"]').getAttribute('data-panel'));
+			}
+
+			function openItem(item, force) {
+				var h = parseInt(item.getAttribute('data-slide-h'));
+				var v = parseInt(item.getAttribute('data-slide-v'));
+				var theme = item.getAttribute('data-theme');
+				var transition = item.getAttribute('data-transition');
+				if (!isNaN(h) && !isNaN(v)) {
+					Reveal.slide(h, v);
+					closeMenu();
+				} else if (theme) {
+					// take note of the previous theme and remove it, then create a new stylesheet reference and insert it
+					// this is required to force a load event so we can change the menu style to match the new style
+					var stylesheet = select('link#theme');
+					var parent = stylesheet.parentElement;
+					var sibling = stylesheet.nextElementSibling;
+					stylesheet.remove();
+
+					var newStylesheet = stylesheet.cloneNode();
+					newStylesheet.setAttribute('href', theme);
+					newStylesheet.onload = function() { matchRevealStyle() };
+					parent.insertBefore(newStylesheet, sibling);
+
+					closeMenu();
+				} else if (transition) {
+					Reveal.configure({ transition: transition });
+					closeMenu();
+				} else {
+					var link = select('a', item);
+					if (link) {
+						if (force || !sticky || (autoOpen && link.href.startsWith('#') || link.href.startsWith(window.location.origin + window.location.pathname + '#'))) {
+							link.click();
+						}
+					}
+					closeMenu();
+				}
+			}
+
+			function clicked(event) {
+				if (event.target.nodeName !== "A") {
+					event.preventDefault();
+				}
+				openItem(event.currentTarget);
+			}
+
+			function highlightCurrentSlide() {
+				var state = Reveal.getState();
+				selectAll('li.slide-menu-item, li.slide-menu-item-vertical').forEach(function(item) {
+					item.classList.remove('past');
+					item.classList.remove('active');
+					item.classList.remove('future');
+
+					var h = parseInt(item.getAttribute('data-slide-h'));
+					var v = parseInt(item.getAttribute('data-slide-v'));
+					if (h < state.indexh || (h === state.indexh && v < state.indexv)) {
+						item.classList.add('past');
+					}
+					else if (h === state.indexh && v === state.indexv) {
+						item.classList.add('active');
+					}
+					else {
+						item.classList.add('future');
+					}
+				});
+			}
+
+			function matchRevealStyle() {
+				var revealStyle = window.getComputedStyle(select('.reveal'));
+				var element = select('.slide-menu');
+				element.style.fontFamily = revealStyle.fontFamily;
+				//XXX could adjust the complete menu style to match the theme, ie colors, etc
+			}
+
+			var buttons = 0;
+			function init() {
+				if (!initialised) {
+					var parent = select('.reveal').parentElement;
+					var top = create('div', { 'class': 'slide-menu-wrapper'});
+					parent.appendChild(top);
+					var panels = create('nav', { 'class': 'slide-menu slide-menu--' + side});
+					if (typeof width === 'string') {
+						if (['normal', 'wide', 'third', 'half', 'full'].indexOf(width) != -1) {
+							panels.classList.add('slide-menu--' + width);
+						}
+						else {
+							panels.classList.add('slide-menu--custom');
+							panels.style.width = width;
+						}
+					}
+					top.appendChild(panels);
+					matchRevealStyle();
+					var overlay = create('div', { 'class': 'slide-menu-overlay'});
+					top.appendChild(overlay);
+					overlay.onclick = function() { closeMenu(null, true) };
+
+					var toolbar = create('ol', {'class': 'slide-menu-toolbar'});
+					select('.slide-menu').appendChild(toolbar);
+
+					function addToolbarButton(title, ref, icon, style, fn, active) {
+						var attrs = {
+							'data-button': '' + (buttons++),
+							'class': 'toolbar-panel-button' + (active ? ' active-toolbar-button' : '')
+						};
+						if (ref) {
+							attrs['data-panel'] = ref;
+						}	
+						var button = create('li', attrs);
+
+						if (icon.startsWith('fa-')) {
+							button.appendChild(create('i', {'class': style + ' ' + icon}));
+						} else {
+							button.innerHTML = icon + '</i>';
+						}
+						button.appendChild(create('br'), select('i', button));
+						button.appendChild(create('span', {'class': 'slide-menu-toolbar-label'}, title), select('i', button));
+						button.onclick = fn;
+						toolbar.appendChild(button);
+						return button;
+					}
+
+					addToolbarButton('Slides', 'Slides', 'fa-images', 'fas', openPanel, true);
+
+					if (custom) {
+						custom.forEach(function(element, index, array) {
+							addToolbarButton(element.title, 'Custom' + index, element.icon, null, openPanel);
+						});
+					}
+
+					if (themes) {
+						addToolbarButton('Themes', 'Themes', 'fa-adjust', 'fas', openPanel);
+					}
+					if (transitions) {
+						addToolbarButton('Transitions', 'Transitions', 'fa-sticky-note', 'fas', openPanel);
+					}
+					button = create('li', {id: 'close', 'class': 'toolbar-panel-button'});
+					button.appendChild(create('i', {'class': 'fas fa-times'}));
+					button.appendChild(create('br'));
+					button.appendChild(create('span', {'class': 'slide-menu-toolbar-label'}, 'Close'));
+					button.onclick = function() { closeMenu(null, true) };
+					toolbar.appendChild(button);
+
+					//
+					// Slide links
+					//
+					function generateItem(type, section, i, h, v) {
+						var link = '/#/' + h;
+						if (typeof v === 'number' && !isNaN( v )) link += '/' + v;
+
+						function text(selector, parent) {
+							var el = (parent ? select(selector, section) : select(selector));
+							if (el) return el.textContent;
+							return null;
+						}
+						var title = section.getAttribute('data-menu-title') ||
+							text('.menu-title', section) ||
+							text(titleSelector, section);
+
+						if (!title && useTextContentForMissingTitles) {
+							// attempt to figure out a title based on the text in the slide
+							title = section.textContent.trim();
+							if (title) {
+								title = title.split('\n')
+									.map(function(t) { return t.trim() }).join(' ').trim()
+									.replace(/^(.{16}[^\s]*).*/, "$1") // limit to 16 chars plus any consecutive non-whitespace chars (to avoid breaking words)
+									.replace(/&/g, "&amp;")
+									.replace(/</g, "&lt;")
+									.replace(/>/g, "&gt;")
+									.replace(/"/g, "&quot;")
+									.replace(/'/g, "&#039;") + '...';
+							}
+						}
+
+						if (!title) {
+							if (hideMissingTitles) return '';
+							type += ' no-title';
+							title = "Slide " + i;
+						}
+
+						var item = create('li', {
+							class: type,
+							'data-item': i,
+							'data-slide-h': h,
+							'data-slide-v': (v === undefined ? 0 : v)
+						});
+
+						if (markers) {
+							item.appendChild(create('i', {class: 'fas fa-check-circle fa-fw past'}));
+							item.appendChild(create('i', {class: 'fas fa-arrow-alt-circle-right fa-fw active'}));
+							item.appendChild(create('i', {class: 'far fa-circle fa-fw future'}));
+						}
+
+						if (numbers) {
+							// Number formatting taken from reveal.js
+							var value = [];
+							var format = 'h.v';
+
+							// Check if a custom number format is available
+							if( typeof numbers === 'string' ) {
+								format = numbers;
+							}
+							else if (typeof config.slideNumber === 'string') {
+								// Take user defined number format for slides
+								format = config.slideNumber;
+							}
+
+							switch( format ) {
+								case 'c':
+									value.push( i );
+									break;
+								case 'c/t':
+									value.push( i, '/', Reveal.getTotalSlides() );
+									break;
+								case 'h/v':
+									value.push( h + 1 );
+									if( typeof v === 'number' && !isNaN( v ) ) value.push( '/', v + 1 );
+									break;
+								default:
+									value.push( h + 1 );
+									if( typeof v === 'number' && !isNaN( v ) ) value.push( '.', v + 1 );
+							}
+
+							item.appendChild(create('span', {class: 'slide-menu-item-number'}, value.join('') + '. '));
+						}
+
+						item.appendChild(create('span', {class: 'slide-menu-item-title'}, title));
+						
+						return item;
+					}
+
+					function createSlideMenu() {
+						if ( !document.querySelector('section[data-markdown]:not([data-markdown-parsed])') ) {
+							var panel = create('div', {
+								'data-panel': 'Slides',
+								'class': 'slide-menu-panel active-menu-panel'
+							});
+							panel.appendChild(create('ul', {class: "slide-menu-items"}));
+							panels.appendChild(panel);
+							var items = select('.slide-menu-panel[data-panel="Slides"] > .slide-menu-items');
+							var slideCount = 0;
+							selectAll('.slides > section').forEach(function(section, h) {
+								var subsections = selectAll('section', section);
+								if (subsections.length > 0) {
+									subsections.forEach(function(subsection, v) {
+										var type = (v === 0 ? 'slide-menu-item' : 'slide-menu-item-vertical');
+										var item = generateItem(type, subsection, slideCount, h, v);
+										if (item) {
+											slideCount++;
+											items.appendChild(item);
+										}
+									});
+								} else {
+									var item = generateItem('slide-menu-item', section, slideCount, h);
+									if (item) {
+										slideCount++;
+										items.appendChild(item);
+									}
+								}
+							});
+							selectAll('.slide-menu-item, .slide-menu-item-vertical').forEach(function(i) {
+								i.onclick = clicked;
+							});
+							highlightCurrentSlide();
+						}
+						else {
+						// wait for markdown to be loaded and parsed
+							setTimeout( createSlideMenu, 100 );
+						}
+					}
+
+					createSlideMenu();
+					Reveal.addEventListener('slidechanged', highlightCurrentSlide);
+
+					//
+					// Custom menu panels
+					//
+					if (custom) {
+						function xhrSuccess () {
+							if (this.status >= 200 && this.status < 300) {
+								this.panel.innerHTML = this.responseText;
+								enableCustomLinks(this.panel);
+							}
+							else {
+								showErrorMsg(this)
+							}
+						}
+						function xhrError () {
+							showErrorMsg(this)
+						}
+						function loadCustomPanelContent (panel, sURL) {
+							var oReq = new XMLHttpRequest();
+							oReq.panel = panel;
+							oReq.arguments = Array.prototype.slice.call(arguments, 2);
+							oReq.onload = xhrSuccess;
+							oReq.onerror = xhrError;
+							oReq.open("get", sURL, true);
+							oReq.send(null);
+						}
+						function enableCustomLinks(panel) {
+							selectAll('ul.slide-menu-items li.slide-menu-item', panel).forEach(function(item, i) {
+								item.setAttribute('data-item', i+1);
+								item.onclick = clicked;
+								item.addEventListener("mouseenter", handleMouseHighlight);
+							});
+						}
+
+						function showErrorMsg(response) {
+							var msg = '<p>ERROR: The attempt to fetch ' + response.responseURL + ' failed with HTTP status ' + 
+								response.status + ' (' + response.statusText + ').</p>' +
+								'<p>Remember that you need to serve the presentation HTML from a HTTP server.</p>';
+								response.panel.innerHTML = msg;
+						}
+
+						custom.forEach(function(element, index, array) {
+							var panel = create('div', {
+								'data-panel': 'Custom' + index,
+								class: 'slide-menu-panel slide-menu-custom-panel'
+							});
+							if (element.content) {
+								panel.innerHTML = element.content;
+								enableCustomLinks(panel);
+							}
+							else if (element.src) {
+								loadCustomPanelContent(panel, element.src);
+							}
+							panels.appendChild(panel);
+						})
+					}
+
+					//
+					// Themes
+					//
+					if (themes) {
+						var panel = create('div', {
+							class: 'slide-menu-panel',
+							'data-panel': 'Themes'
+						});
+						panels.appendChild(panel);
+						var menu = create('ul', {class: 'slide-menu-items'});
+						panel.appendChild(menu);
+						themes.forEach(function(t, i) {
+							var item = create('li', {
+								class: 'slide-menu-item',
+								'data-theme': t.theme,
+								'data-item': ''+(i+1)
+							 }, t.name);
+							 menu.appendChild(item);
+							 item.onclick = clicked;
+						})
+					}
+
+					//
+					// Transitions
+					//
+					if (transitions) {
+						var panel = create('div', {
+							class: 'slide-menu-panel',
+							'data-panel': 'Transitions'
+						});
+						panels.appendChild(panel);
+						var menu = create('ul', {class: 'slide-menu-items'});
+						panel.appendChild(menu);
+						transitions.forEach(function(name, i) {
+							var item = create('li', {
+								class: 'slide-menu-item',
+								'data-transition': name.toLowerCase(),
+								'data-item': ''+(i+1)
+							}, name);
+							menu.appendChild(item);
+							item.onclick = clicked;
+						})
+					}
+
+					//
+					// Open menu options
+					//
+					if (openButton) {
+						// add menu button
+						var div = create('div', {class: 'slide-menu-button'});
+						var link = create('a', {href: '#'});
+						link.appendChild(create('i', {class: 'fas fa-bars'}));
+						div.appendChild(link);
+						select('.reveal').appendChild(div);
+						div.onclick = openMenu;
+					}
+
+					if (openSlideNumber) {
+						// wrap slide number in link
+						var slideNumber = select('div.slide-number');
+						var wrapper = create('div', {class: 'slide-number-wrapper'});
+						var link = create('a', {href: '#'});
+						wrapper.appendChild(link);
+						slideNumber.parentElement.insertBefore(wrapper, slideNumber);
+						link.appendChild(slideNumber);
+						link.onclick = openMenu;
+					}
+
+					//
+					// Handle mouse overs
+					//
+					selectAll('.slide-menu-panel .slide-menu-items li').forEach(function(item) {
+						item.addEventListener("mouseenter", handleMouseHighlight);
+					});
+
+					function handleMouseHighlight(event) {
+						if (mouseSelectionEnabled) {
+							selectAll('.active-menu-panel .slide-menu-items li.selected').forEach(function(i) {
+								i.classList.remove('selected');
+							});
+							event.currentTarget.classList.add('selected');
+						}
+					}
+				}
+				if (openOnInit) {
+					openMenu();
+				}
+				initialised = true;
+			}
+
+			module.toggle = toggleMenu;
+			module.openMenu = openMenu;
+			module.closeMenu = closeMenu;
+			module.openPanel = openPanel;
+			module.isOpen = isOpen;
+			module.init = init;
+			module.isInit = function() { return initialised };
+			
+			if (!delayInit) {
+				init();
+			}
+
+			/**
+			 * Extend object a with the properties of object b.
+			 * If there's a conflict, object b takes precedence.
+			 */
+			function extend( a, b ) {
+				for( var i in b ) {
+					a[ i ] = b[ i ];
+				}
+			}
+
+			/**
+			 * Dispatches an event of the specified type from the
+			 * reveal DOM element.
+			 */
+			function dispatchEvent( type, args ) {
+				var event = document.createEvent( 'HTMLEvents', 1, 2 );
+				event.initEvent( type, true, true );
+				extend( event, args );
+				document.querySelector('.reveal').dispatchEvent( event );
+
+				// If we're in an iframe, post each reveal.js event to the
+				// parent window. Used by the notes plugin
+				if( config.postMessageEvents && window.parent !== window.self ) {
+					window.parent.postMessage( JSON.stringify({ namespace: 'reveal', eventName: type, state: Reveal.getState() }), '*' );
+				}
+			}
+
+			dispatchEvent('menu-ready');
+		}
+	}
+
+	function select(selector, el) {
+		if (!el) {
+			el = document;
+		}
+		return el.querySelector(selector);
+	}
+
+	function selectAll(selector, el) {
+		if (!el) {
+			el = document;
+		}
+		return Array.prototype.slice.call(el.querySelectorAll(selector));
+	}
+
+	function create(tagName, attrs, content) {
+		var el = document.createElement(tagName);
+		if (attrs) {
+			Object.getOwnPropertyNames(attrs).forEach(function(n) {
+				el.setAttribute(n, attrs[n]);
+			});
+		}
+		if (content) el.innerHTML = content;
+		return el;
+	}
+
+	// modified from math plugin
+	function loadResource( url, type, callback ) {
+		var head = document.querySelector( 'head' );
+		var resource;
+
+		if ( type === 'script' ) {
+			resource = document.createElement( 'script' );
+			resource.type = 'text/javascript';
+			resource.src = url;
+		}
+		else if ( type === 'stylesheet' ) {
+			resource = document.createElement( 'link' );
+			resource.rel = 'stylesheet';
+			resource.href = url;
+		}
+
+		// Wrapper for callback to make sure it only fires once
+		var finish = function() {
+			if( typeof callback === 'function' ) {
+				callback.call();
+				callback = null;
+			}
+		}
+
+		resource.onload = finish;
+
+		// IE
+		resource.onreadystatechange = function() {
+			if ( this.readyState === 'loaded' ) {
+				finish();
+			}
+		}
+
+		// Normal browsers
+		head.appendChild( resource );
+	}
+
+	function scriptPath() {
+		// obtain plugin path from the script element
+		var path;
+		if (document.currentScript) {
+			path = document.currentScript.src.slice(0, -7);
+		} else {
+			var sel = document.querySelector('script[src$="menu.js"]');
+			if (sel) {
+				path = sel.src.slice(0, -7);
+			}
+		}
+		return path;
+	}
+
+	// polyfill
+	if (!String.prototype.startsWith) {
+		String.prototype.startsWith = function(searchString, position){
+		  return this.substr(position || 0, searchString.length) === searchString;
+	  };
+	}
+	if (!String.prototype.endsWith) {
+		String.prototype.endsWith = function(search, this_len) {
+			if (this_len === undefined || this_len > this.length) {
+				this_len = this.length;
+			}
+			return this.substring(this_len - search.length, this_len) === search;
+		};
+	}
+
+	var ieVersion = function() {
+		var browser = /(msie) ([\w.]+)/.exec(window.navigator.userAgent.toLowerCase());
+		if (browser && browser[1] === "msie") {
+			return parseFloat(browser[2]);
+		}
+		return null;
+	}();
+	
+	return module;
+})();