Remember that you need to serve the presentation HTML from a HTTP server.
' + 240 | '"+(escaped?code:escape(code,true))+"\n'+(escaped?code:escape(code,true))+"\n\n"+quote+"\n"};Renderer.prototype.html=function(html){return html};Renderer.prototype.heading=function(text,level,raw){return"
\n":"
\n"};Renderer.prototype.list=function(body,ordered){var type=ordered?"ol":"ul";return"<"+type+">\n"+body+"\n"};Renderer.prototype.listitem=function(text){return"
"+text+"
\n"};Renderer.prototype.table=function(header,body){return""+text+""};Renderer.prototype.br=function(){return this.options.xhtml?"":"
"};Renderer.prototype.del=function(text){return"
"+escape(e.message+"",true)+""}throw e}}marked.options=marked.setOptions=function(opt){merge(marked.defaults,opt);return marked};marked.defaults={gfm:true,tables:true,breaks:false,pedantic:false,sanitize:false,sanitizer:null,mangle:true,smartLists:false,silent:false,highlight:null,langPrefix:"lang-",smartypants:false,headerPrefix:"",renderer:new Renderer,xhtml:false};marked.Parser=Parser;marked.parser=Parser.parse;marked.Renderer=Renderer;marked.Lexer=Lexer;marked.lexer=Lexer.lex;marked.InlineLexer=InlineLexer;marked.inlineLexer=InlineLexer.output;marked.parse=marked;if(typeof module!=="undefined"&&typeof exports==="object"){module.exports=marked}else if(typeof define==="function"&&define.amd){define(function(){return marked})}else{this.marked=marked}}).call(function(){return this||(typeof window!=="undefined"?window:global)}()); -------------------------------------------------------------------------------- /js/math.js: -------------------------------------------------------------------------------- 1 | /** 2 | * A plugin which enables rendering of math equations inside 3 | * of reveal.js slides. Essentially a thin wrapper for MathJax. 4 | * 5 | * @author Hakim El Hattab 6 | */ 7 | var RevealMath = window.RevealMath || (function(){ 8 | 9 | var options = Reveal.getConfig().math || {}; 10 | options.mathjax = options.mathjax || 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js'; 11 | options.config = options.config || 'TeX-AMS_HTML-full'; 12 | options.tex2jax = options.tex2jax || { 13 | inlineMath: [['$','$'],['\\(','\\)']] , 14 | skipTags: ['script','noscript','style','textarea','pre'] }; 15 | 16 | loadScript( options.mathjax + '?config=' + options.config, function() { 17 | 18 | MathJax.Hub.Config({ 19 | messageStyle: 'none', 20 | tex2jax: options.tex2jax, 21 | skipStartupTypeset: true 22 | }); 23 | 24 | // Typeset followed by an immediate reveal.js layout since 25 | // the typesetting process could affect slide height 26 | MathJax.Hub.Queue( [ 'Typeset', MathJax.Hub ] ); 27 | MathJax.Hub.Queue( Reveal.layout ); 28 | 29 | // Reprocess equations in slides when they turn visible 30 | Reveal.addEventListener( 'slidechanged', function( event ) { 31 | 32 | MathJax.Hub.Queue( [ 'Typeset', MathJax.Hub, event.currentSlide ] ); 33 | 34 | } ); 35 | 36 | } ); 37 | 38 | function loadScript( url, callback ) { 39 | 40 | var head = document.querySelector( 'head' ); 41 | var script = document.createElement( 'script' ); 42 | script.type = 'text/javascript'; 43 | script.src = url; 44 | 45 | // Wrapper for callback to make sure it only fires once 46 | var finish = function() { 47 | if( typeof callback === 'function' ) { 48 | callback.call(); 49 | callback = null; 50 | } 51 | } 52 | 53 | script.onload = finish; 54 | 55 | // IE 56 | script.onreadystatechange = function() { 57 | if ( this.readyState === 'loaded' ) { 58 | finish(); 59 | } 60 | } 61 | 62 | // Normal browsers 63 | head.appendChild( script ); 64 | 65 | } 66 | 67 | })(); 68 | -------------------------------------------------------------------------------- /js/notes.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Handles opening of and synchronization with the reveal.js 3 | * notes window. 4 | * 5 | * Handshake process: 6 | * 1. This window posts 'connect' to notes window 7 | * - Includes URL of presentation to show 8 | * 2. Notes window responds with 'connected' when it is available 9 | * 3. This window proceeds to send the current presentation state 10 | * to the notes window 11 | */ 12 | var RevealNotes = (function() { 13 | 14 | function openNotes( notesFilePath ) { 15 | 16 | if( !notesFilePath ) { 17 | var jsFileLocation = document.querySelector('script[src$="notes.js"]').src; // this js file path 18 | jsFileLocation = jsFileLocation.replace(/notes\.js(\?.*)?$/, ''); // the js folder path 19 | notesFilePath = jsFileLocation + 'notes.html'; 20 | } 21 | 22 | var notesPopup = window.open( notesFilePath, 'reveal.js - Notes', 'width=1100,height=700' ); 23 | 24 | if( !notesPopup ) { 25 | alert( 'Speaker view popup failed to open. Please make sure popups are allowed and reopen the speaker view.' ); 26 | return; 27 | } 28 | 29 | // Allow popup window access to Reveal API 30 | notesPopup.Reveal = window.Reveal; 31 | 32 | /** 33 | * Connect to the notes window through a postmessage handshake. 34 | * Using postmessage enables us to work in situations where the 35 | * origins differ, such as a presentation being opened from the 36 | * file system. 37 | */ 38 | function connect() { 39 | // Keep trying to connect until we get a 'connected' message back 40 | var connectInterval = setInterval( function() { 41 | notesPopup.postMessage( JSON.stringify( { 42 | namespace: 'reveal-notes', 43 | type: 'connect', 44 | url: window.location.protocol + '//' + window.location.host + window.location.pathname + window.location.search, 45 | state: Reveal.getState() 46 | } ), '*' ); 47 | }, 500 ); 48 | 49 | window.addEventListener( 'message', function( event ) { 50 | var data = JSON.parse( event.data ); 51 | if( data && data.namespace === 'reveal-notes' && data.type === 'connected' ) { 52 | clearInterval( connectInterval ); 53 | onConnected(); 54 | } 55 | } ); 56 | } 57 | 58 | /** 59 | * Posts the current slide data to the notes window 60 | */ 61 | function post( event ) { 62 | 63 | var slideElement = Reveal.getCurrentSlide(), 64 | notesElement = slideElement.querySelector( 'aside.notes' ), 65 | fragmentElement = slideElement.querySelector( '.current-fragment' ); 66 | 67 | var messageData = { 68 | namespace: 'reveal-notes', 69 | type: 'state', 70 | notes: '', 71 | markdown: false, 72 | whitespace: 'normal', 73 | state: Reveal.getState() 74 | }; 75 | 76 | // Look for notes defined in a slide attribute 77 | if( slideElement.hasAttribute( 'data-notes' ) ) { 78 | messageData.notes = slideElement.getAttribute( 'data-notes' ); 79 | messageData.whitespace = 'pre-wrap'; 80 | } 81 | 82 | // Look for notes defined in a fragment 83 | if( fragmentElement ) { 84 | var fragmentNotes = fragmentElement.querySelector( 'aside.notes' ); 85 | if( fragmentNotes ) { 86 | notesElement = fragmentNotes; 87 | } 88 | else if( fragmentElement.hasAttribute( 'data-notes' ) ) { 89 | messageData.notes = fragmentElement.getAttribute( 'data-notes' ); 90 | messageData.whitespace = 'pre-wrap'; 91 | 92 | // In case there are slide notes 93 | notesElement = null; 94 | } 95 | } 96 | 97 | // Look for notes defined in an aside element 98 | if( notesElement ) { 99 | messageData.notes = notesElement.innerHTML; 100 | messageData.markdown = typeof notesElement.getAttribute( 'data-markdown' ) === 'string'; 101 | } 102 | 103 | notesPopup.postMessage( JSON.stringify( messageData ), '*' ); 104 | 105 | } 106 | 107 | /** 108 | * Called once we have established a connection to the notes 109 | * window. 110 | */ 111 | function onConnected() { 112 | 113 | // Monitor events that trigger a change in state 114 | Reveal.addEventListener( 'slidechanged', post ); 115 | Reveal.addEventListener( 'fragmentshown', post ); 116 | Reveal.addEventListener( 'fragmenthidden', post ); 117 | Reveal.addEventListener( 'overviewhidden', post ); 118 | Reveal.addEventListener( 'overviewshown', post ); 119 | Reveal.addEventListener( 'paused', post ); 120 | Reveal.addEventListener( 'resumed', post ); 121 | 122 | // Post the initial state 123 | post(); 124 | 125 | } 126 | 127 | connect(); 128 | 129 | } 130 | 131 | if( !/receiver/i.test( window.location.search ) ) { 132 | 133 | // If the there's a 'notes' query set, open directly 134 | if( window.location.search.match( /(\?|\&)notes/gi ) !== null ) { 135 | openNotes(); 136 | } 137 | 138 | // Open the notes when the 's' key is hit 139 | Reveal.addKeyBinding({keyCode: 83, key: 'S', description: 'Speaker notes view'}, function() { 140 | openNotes(); 141 | } ); 142 | 143 | } 144 | 145 | return { open: openNotes }; 146 | 147 | })(); 148 | -------------------------------------------------------------------------------- /js/print-pdf.js: -------------------------------------------------------------------------------- 1 | /** 2 | * phantomjs script for printing presentations to PDF. 3 | * 4 | * Example: 5 | * phantomjs print-pdf.js "http://revealjs.com?print-pdf" reveal-demo.pdf 6 | * 7 | * @author Manuel Bieh (https://github.com/manuelbieh) 8 | * @author Hakim El Hattab (https://github.com/hakimel) 9 | * @author Manuel Riezebosch (https://github.com/riezebosch) 10 | */ 11 | 12 | // html2pdf.js 13 | var system = require( 'system' ); 14 | 15 | var probePage = new WebPage(); 16 | var printPage = new WebPage(); 17 | 18 | var inputFile = system.args[1] || 'index.html?print-pdf'; 19 | var outputFile = system.args[2] || 'slides.pdf'; 20 | 21 | if( outputFile.match( /\.pdf$/gi ) === null ) { 22 | outputFile += '.pdf'; 23 | } 24 | 25 | console.log( 'Export PDF: Reading reveal.js config [1/4]' ); 26 | 27 | probePage.open( inputFile, function( status ) { 28 | 29 | console.log( 'Export PDF: Preparing print layout [2/4]' ); 30 | 31 | var config = probePage.evaluate( function() { 32 | return Reveal.getConfig(); 33 | } ); 34 | 35 | if( config ) { 36 | 37 | printPage.paperSize = { 38 | width: Math.floor( config.width * ( 1 + config.margin ) ), 39 | height: Math.floor( config.height * ( 1 + config.margin ) ), 40 | border: 0 41 | }; 42 | 43 | printPage.open( inputFile, function( status ) { 44 | console.log( 'Export PDF: Preparing pdf [3/4]') 45 | printPage.evaluate( function() { 46 | Reveal.isReady() ? window.callPhantom() : Reveal.addEventListener( 'pdf-ready', window.callPhantom ); 47 | } ); 48 | } ); 49 | 50 | printPage.onCallback = function( data ) { 51 | // For some reason we need to "jump the queue" for syntax highlighting to work. 52 | // See: http://stackoverflow.com/a/3580132/129269 53 | setTimeout( function() { 54 | console.log( 'Export PDF: Writing file [4/4]' ); 55 | printPage.render( outputFile ); 56 | console.log( 'Export PDF: Finished successfully!' ); 57 | phantom.exit(); 58 | }, 0 ); 59 | }; 60 | } 61 | else { 62 | 63 | console.log( 'Export PDF: Unable to read reveal.js config. Make sure the input address points to a reveal.js page.' ); 64 | phantom.exit( 1 ); 65 | 66 | } 67 | } ); 68 | -------------------------------------------------------------------------------- /js/search.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Handles finding a text string anywhere in the slides and showing the next occurrence to the user 3 | * by navigatating to that slide and highlighting it. 4 | * 5 | * By Jon Snyder
';
178 | dom.wrapper.appendChild( searchElement );
179 | }
180 |
181 | document.getElementById( 'searchbutton' ).addEventListener( 'click', function(event) {
182 | doSearch();
183 | }, false );
184 |
185 | document.getElementById( 'searchinput' ).addEventListener( 'keyup', function( event ) {
186 | switch (event.keyCode) {
187 | case 13:
188 | event.preventDefault();
189 | doSearch();
190 | searchboxDirty = false;
191 | break;
192 | default:
193 | searchboxDirty = true;
194 | }
195 | }, false );
196 |
197 | document.addEventListener( 'keydown', function( event ) {
198 | if( event.key == "F" && (event.ctrlKey || event.metaKey) ) { //Control+Shift+f
199 | event.preventDefault();
200 | toggleSearch();
201 | }
202 | }, false );
203 | if( window.Reveal ) Reveal.registerKeyboardShortcut( 'Ctrl-Shift-F', 'Search' );
204 | closeSearch();
205 | return { open: openSearch };
206 | })();
207 |
--------------------------------------------------------------------------------
/js/zoom.js:
--------------------------------------------------------------------------------
1 | // Custom reveal.js integration
2 | (function(){
3 | var revealElement = document.querySelector( '.reveal' );
4 | if( revealElement ) {
5 |
6 | revealElement.addEventListener( 'mousedown', function( event ) {
7 | var defaultModifier = /Linux/.test( window.navigator.platform ) ? 'ctrl' : 'alt';
8 |
9 | var modifier = ( Reveal.getConfig().zoomKey ? Reveal.getConfig().zoomKey : defaultModifier ) + 'Key';
10 | var zoomLevel = ( Reveal.getConfig().zoomLevel ? Reveal.getConfig().zoomLevel : 2 );
11 |
12 | if( event[ modifier ] && !Reveal.isOverview() ) {
13 | event.preventDefault();
14 |
15 | zoom.to({
16 | x: event.clientX,
17 | y: event.clientY,
18 | scale: zoomLevel,
19 | pan: false
20 | });
21 | }
22 | } );
23 |
24 | }
25 | })();
26 |
27 | /*!
28 | * zoom.js 0.3 (modified for use with reveal.js)
29 | * http://lab.hakim.se/zoom-js
30 | * MIT licensed
31 | *
32 | * Copyright (C) 2011-2014 Hakim El Hattab, http://hakim.se
33 | */
34 | var zoom = (function(){
35 |
36 | // The current zoom level (scale)
37 | var level = 1;
38 |
39 | // The current mouse position, used for panning
40 | var mouseX = 0,
41 | mouseY = 0;
42 |
43 | // Timeout before pan is activated
44 | var panEngageTimeout = -1,
45 | panUpdateInterval = -1;
46 |
47 | // Check for transform support so that we can fallback otherwise
48 | var supportsTransforms = 'WebkitTransform' in document.body.style ||
49 | 'MozTransform' in document.body.style ||
50 | 'msTransform' in document.body.style ||
51 | 'OTransform' in document.body.style ||
52 | 'transform' in document.body.style;
53 |
54 | if( supportsTransforms ) {
55 | // The easing that will be applied when we zoom in/out
56 | document.body.style.transition = 'transform 0.8s ease';
57 | document.body.style.OTransition = '-o-transform 0.8s ease';
58 | document.body.style.msTransition = '-ms-transform 0.8s ease';
59 | document.body.style.MozTransition = '-moz-transform 0.8s ease';
60 | document.body.style.WebkitTransition = '-webkit-transform 0.8s ease';
61 | }
62 |
63 | // Zoom out if the user hits escape
64 | document.addEventListener( 'keyup', function( event ) {
65 | if( level !== 1 && event.keyCode === 27 ) {
66 | zoom.out();
67 | }
68 | } );
69 |
70 | // Monitor mouse movement for panning
71 | document.addEventListener( 'mousemove', function( event ) {
72 | if( level !== 1 ) {
73 | mouseX = event.clientX;
74 | mouseY = event.clientY;
75 | }
76 | } );
77 |
78 | /**
79 | * Applies the CSS required to zoom in, prefers the use of CSS3
80 | * transforms but falls back on zoom for IE.
81 | *
82 | * @param {Object} rect
83 | * @param {Number} scale
84 | */
85 | function magnify( rect, scale ) {
86 |
87 | var scrollOffset = getScrollOffset();
88 |
89 | // Ensure a width/height is set
90 | rect.width = rect.width || 1;
91 | rect.height = rect.height || 1;
92 |
93 | // Center the rect within the zoomed viewport
94 | rect.x -= ( window.innerWidth - ( rect.width * scale ) ) / 2;
95 | rect.y -= ( window.innerHeight - ( rect.height * scale ) ) / 2;
96 |
97 | if( supportsTransforms ) {
98 | // Reset
99 | if( scale === 1 ) {
100 | document.body.style.transform = '';
101 | document.body.style.OTransform = '';
102 | document.body.style.msTransform = '';
103 | document.body.style.MozTransform = '';
104 | document.body.style.WebkitTransform = '';
105 | }
106 | // Scale
107 | else {
108 | var origin = scrollOffset.x +'px '+ scrollOffset.y +'px',
109 | transform = 'translate('+ -rect.x +'px,'+ -rect.y +'px) scale('+ scale +')';
110 |
111 | document.body.style.transformOrigin = origin;
112 | document.body.style.OTransformOrigin = origin;
113 | document.body.style.msTransformOrigin = origin;
114 | document.body.style.MozTransformOrigin = origin;
115 | document.body.style.WebkitTransformOrigin = origin;
116 |
117 | document.body.style.transform = transform;
118 | document.body.style.OTransform = transform;
119 | document.body.style.msTransform = transform;
120 | document.body.style.MozTransform = transform;
121 | document.body.style.WebkitTransform = transform;
122 | }
123 | }
124 | else {
125 | // Reset
126 | if( scale === 1 ) {
127 | document.body.style.position = '';
128 | document.body.style.left = '';
129 | document.body.style.top = '';
130 | document.body.style.width = '';
131 | document.body.style.height = '';
132 | document.body.style.zoom = '';
133 | }
134 | // Scale
135 | else {
136 | document.body.style.position = 'relative';
137 | document.body.style.left = ( - ( scrollOffset.x + rect.x ) / scale ) + 'px';
138 | document.body.style.top = ( - ( scrollOffset.y + rect.y ) / scale ) + 'px';
139 | document.body.style.width = ( scale * 100 ) + '%';
140 | document.body.style.height = ( scale * 100 ) + '%';
141 | document.body.style.zoom = scale;
142 | }
143 | }
144 |
145 | level = scale;
146 |
147 | if( document.documentElement.classList ) {
148 | if( level !== 1 ) {
149 | document.documentElement.classList.add( 'zoomed' );
150 | }
151 | else {
152 | document.documentElement.classList.remove( 'zoomed' );
153 | }
154 | }
155 | }
156 |
157 | /**
158 | * Pan the document when the mosue cursor approaches the edges
159 | * of the window.
160 | */
161 | function pan() {
162 | var range = 0.12,
163 | rangeX = window.innerWidth * range,
164 | rangeY = window.innerHeight * range,
165 | scrollOffset = getScrollOffset();
166 |
167 | // Up
168 | if( mouseY < rangeY ) {
169 | window.scroll( scrollOffset.x, scrollOffset.y - ( 1 - ( mouseY / rangeY ) ) * ( 14 / level ) );
170 | }
171 | // Down
172 | else if( mouseY > window.innerHeight - rangeY ) {
173 | window.scroll( scrollOffset.x, scrollOffset.y + ( 1 - ( window.innerHeight - mouseY ) / rangeY ) * ( 14 / level ) );
174 | }
175 |
176 | // Left
177 | if( mouseX < rangeX ) {
178 | window.scroll( scrollOffset.x - ( 1 - ( mouseX / rangeX ) ) * ( 14 / level ), scrollOffset.y );
179 | }
180 | // Right
181 | else if( mouseX > window.innerWidth - rangeX ) {
182 | window.scroll( scrollOffset.x + ( 1 - ( window.innerWidth - mouseX ) / rangeX ) * ( 14 / level ), scrollOffset.y );
183 | }
184 | }
185 |
186 | function getScrollOffset() {
187 | return {
188 | x: window.scrollX !== undefined ? window.scrollX : window.pageXOffset,
189 | y: window.scrollY !== undefined ? window.scrollY : window.pageYOffset
190 | }
191 | }
192 |
193 | return {
194 | /**
195 | * Zooms in on either a rectangle or HTML element.
196 | *
197 | * @param {Object} options
198 | * - element: HTML element to zoom in on
199 | * OR
200 | * - x/y: coordinates in non-transformed space to zoom in on
201 | * - width/height: the portion of the screen to zoom in on
202 | * - scale: can be used instead of width/height to explicitly set scale
203 | */
204 | to: function( options ) {
205 |
206 | // Due to an implementation limitation we can't zoom in
207 | // to another element without zooming out first
208 | if( level !== 1 ) {
209 | zoom.out();
210 | }
211 | else {
212 | options.x = options.x || 0;
213 | options.y = options.y || 0;
214 |
215 | // If an element is set, that takes precedence
216 | if( !!options.element ) {
217 | // Space around the zoomed in element to leave on screen
218 | var padding = 20;
219 | var bounds = options.element.getBoundingClientRect();
220 |
221 | options.x = bounds.left - padding;
222 | options.y = bounds.top - padding;
223 | options.width = bounds.width + ( padding * 2 );
224 | options.height = bounds.height + ( padding * 2 );
225 | }
226 |
227 | // If width/height values are set, calculate scale from those values
228 | if( options.width !== undefined && options.height !== undefined ) {
229 | options.scale = Math.max( Math.min( window.innerWidth / options.width, window.innerHeight / options.height ), 1 );
230 | }
231 |
232 | if( options.scale > 1 ) {
233 | options.x *= options.scale;
234 | options.y *= options.scale;
235 |
236 | magnify( options, options.scale );
237 |
238 | if( options.pan !== false ) {
239 |
240 | // Wait with engaging panning as it may conflict with the
241 | // zoom transition
242 | panEngageTimeout = setTimeout( function() {
243 | panUpdateInterval = setInterval( pan, 1000 / 60 );
244 | }, 800 );
245 |
246 | }
247 | }
248 | }
249 | },
250 |
251 | /**
252 | * Resets the document zoom state to its default.
253 | */
254 | out: function() {
255 | clearTimeout( panEngageTimeout );
256 | clearInterval( panUpdateInterval );
257 |
258 | magnify( { x: 0, y: 0 }, 1 );
259 |
260 | level = 1;
261 | },
262 |
263 | // Alias
264 | magnify: function( options ) { this.to( options ) },
265 | reset: function() { this.out() },
266 |
267 | zoomLevel: function() {
268 | return level;
269 | }
270 | }
271 |
272 | })();
273 |
--------------------------------------------------------------------------------
/lib/css/zenburn.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Zenburn style from voldmar.ru (c) Vladimir Epifanov