\")}return r}function o(u,x,q){var y=g(u,q);var s=a(u);if(s==\"no-highlight\"){return}if(s){var w=e(s,y)}else{var w=f(y);s=w.language}var p=b(u);if(p.length){var r=document.createElement(\"pre\");r.innerHTML=w.value;w.value=l(p,b(r),y)}w.value=h(w.value,x,q);var t=u.className;if(!t.match(\"(\\\\s|^)(language-)?\"+s+\"(\\\\s|$)\")){t=t?(t+\" \"+s):s}if(/MSIE [678]/.test(navigator.userAgent)&&u.tagName==\"CODE\"&&u.parentNode.tagName==\"PRE\"){var r=u.parentNode;var v=document.createElement(\"div\");v.innerHTML=\"
\"+w.value+\"\");return a=a.replace(/^[ ]{0,2}([ ]?\\*[ ]?){3,}[ \\t]*$/gm,b),a=a.replace(/^[ ]{0,2}([ ]?\\-[ ]?){3,}[ \\t]*$/gm,b),a=a.replace(/^[ ]{0,2}([ ]?\\_[ ]?){3,}[ \\t]*$/gm,b),a=q(a),a=s(a),a=r(a),a=x(a),a=f(a),a=y(a),a},i=function(a){return a=u(a),a=j(a),a=A(a),a=m(a),a=k(a),a=B(a),a=z(a),a=w(a),a=a.replace(/ +\\n/g,\"
\\n\"),a},j=function(a){var b=/(<[a-z\\/!$](\"[^\"]*\"|'[^']*'|[^'\">])*>|)/gi;return a=a.replace(b,function(a){var b=a.replace(/(.)<\\/?code>(?=.)/g,\"$1`\");return b=G(b,\"\\\\`*_\"),b}),a},k=function(a){return a=a.replace(/(\\[((?:\\[[^\\]]*\\]|[^\\[\\]])*)\\][ ]?(?:\\n[ ]*)?\\[(.*?)\\])()()()()/g,l),a=a.replace(/(\\[((?:\\[[^\\]]*\\]|[^\\[\\]])*)\\]\\([ \\t]*()?[ \\t]*((['\"])(.*?)\\6[ \\t]*)?\\))/g,l),a=a.replace(/(\\[([^\\[\\]]+)\\])()()()()()/g,l),a},l=function(c,d,e,f,g,h,i,j){j==undefined&&(j=\"\");var k=d,l=e,m=f.toLowerCase(),n=g,o=j;if(n==\"\"){m==\"\"&&(m=l.toLowerCase().replace(/ ?\\n/g,\" \")),n=\"#\"+m;if(a[m]!=undefined)n=a[m],b[m]!=undefined&&(o=b[m]);else{if(!(k.search(/\\(\\s*\\)$/m)>-1))return k;n=\"\"}}n=G(n,\"*_\");var p='\"+l+\"\",p},m=function(a){return a=a.replace(/(!\\[(.*?)\\][ ]?(?:\\n[ ]*)?\\[(.*?)\\])()()()()/g,n),a=a.replace(/(!\\[(.*?)\\]\\s?\\([ \\t]*()?[ \\t]*((['\"])(.*?)\\6[ \\t]*)?\\))/g,n),a},n=function(c,d,e,f,g,h,i,j){var k=d,l=e,m=f.toLowerCase(),n=g,o=j;o||(o=\"\");if(n==\"\"){m==\"\"&&(m=l.toLowerCase().replace(/ ?\\n/g,\" \")),n=\"#\"+m;if(a[m]==undefined)return k;n=a[m],b[m]!=undefined&&(o=b[m])}l=l.replace(/\"/g,\""\"),n=G(n,\"*_\");var p='
'+i(c)+\"
\")}),a=a.replace(/^(.+)[ \\t]*\\n-+[ \\t]*\\n+/gm,function(a,c){return t(''+i(c)+\"
\")}),a=a.replace(/^(\\#{1,6})[ \\t]*(.+?)[ \\t]*\\#*\\n+/gm,function(a,c,d){var e=c.length;return t(\"\"+d+\"\\n\"+e+\"\\n\"+f+\"\"}),a},v=function(a){return a=a.replace(/&/g,\"&\"),a=a.replace(//g,\">\"),a=G(a,\"*_{}[]\\\\\",!1),a},w=function(a){return a=a.replace(/(\\*\\*|__)(?=\\S)([^\\r]*?\\S[*_]*)\\1/g,\"$2\"),a=a.replace(/(\\*|_)(?=\\S)([^\\r]*?\\S)\\1/g,\"$2\"),a},x=function(a){return a=a.replace(/((^[ \\t]*>[ \\t]?.+\\n(.+\\n)*\\n*)+)/gm,function(a,b){var c=b;return c=c.replace(/^[ \\t]*>[ \\t]?/gm,\"~0\"),c=c.replace(/~0/g,\"\"),c=c.replace(/^[ \\t]+$/gm,\"\"),c=h(c),c=c.replace(/(^|\\n)/g,\"$1 \"),c=c.replace(/(\\s*[^\\r]+?<\\/pre>)/gm,function(a,b){var c=b;return c=c.replace(/^ /mg,\"~0\"),c=c.replace(/~0/g,\"\"),c}),t(\"\\n\"+c+\"\\n
\")}),a},y=function(a){a=a.replace(/^\\n+/g,\"\"),a=a.replace(/\\n+$/g,\"\");var b=a.split(/\\n{2,}/g),d=new Array,e=b.length;for(var f=0;f=0?d.push(g):g.search(/\\S/)>=0&&(g=i(g),g=g.replace(/^([ \\t]*)/g,\"\"),g+=\"
\",d.push(g))}e=d.length;for(var f=0;f=0){var h=c[RegExp.$1];h=h.replace(/\\$/g,\"$$$$\"),d[f]=d[f].replace(/~K\\d+K/,h)}return d.join(\"\\n\\n\")},z=function(a){return a=a.replace(/&(?!#?[xX]?(?:[0-9a-fA-F]+|\\w+);)/g,\"&\"),a=a.replace(/<(?![a-z\\/?\\$!])/gi,\"<\"),a},A=function(a){return a=a.replace(/\\\\(\\\\)/g,H),a=a.replace(/\\\\([`*_{}\\[\\]()>#+-.!])/g,H),a},B=function(a){return a=a.replace(/<((https?|ftp|dict):[^'\">\\s]+)>/gi,'$1'),a=a.replace(/<(?:mailto:)?([-.\\w]+\\@[-a-z0-9]+(\\.[-a-z0-9]+)*\\.[a-z]+)>/gi,function(a,b){return C(D(b))}),a},C=function(a){function b(a){var b=\"0123456789ABCDEF\",c=a.charCodeAt(0);return b.charAt(c>>4)+b.charAt(c&15)}var c=[function(a){return\"&#\"+a.charCodeAt(0)+\";\"},function(a){return\"&#x\"+b(a)+\";\"},function(a){return a}];return a=\"mailto:\"+a,a=a.replace(/./g,function(a){if(a==\"@\")a=c[Math.floor(Math.random()*2)](a);else if(a!=\":\"){var b=Math.random();a=b>.9?c[2](a):b>.45?c[1](a):c[0](a)}return a}),a=''+a+\"\",a=a.replace(/\">.+:/g,'\">'),a},D=function(a){return a=a.replace(/~E(\\d+)E/g,function(a,b){var c=parseInt(b);return String.fromCharCode(c)}),a},E=function(a){return a=a.replace(/^(\\t|[ ]{1,4})/gm,\"~0\"),a=a.replace(/~0/g,\"\"),a},F=function(a){return a=a.replace(/\\t(?=\\t)/g,\" \"),a=a.replace(/\\t/g,\"~A~B\"),a=a.replace(/~B(.+?)~A/g,function(a,b,c){var d=b,e=4-d.length%4;for(var f=0;f\n\n\t\n\t\t\n\n\t\treveal.js - Slide Notes \n\n\t\t\n\t\n\n\t\n\n\t\t\n\n\t\t\n\t\t\n\n\t\t\n\t\t\n\t\n\n"
},
{
"path": "plugin/notes/notes.js",
"content": "/**\n * Handles opening of and synchronization with the reveal.js\n * notes window.\n */\nvar RevealNotes = (function() {\n\n\tfunction openNotes() {\n\t\tvar notesPopup = window.open( 'plugin/notes/notes.html', 'reveal.js - Notes', 'width=1120,height=850' );\n\n\t\t// Fires when slide is changed\n\t\tReveal.addEventListener( 'slidechanged', function( event ) {\n\t\t\tpost('slidechanged');\n\t\t} );\n\n\t\t// Fires when a fragment is shown\n\t\tReveal.addEventListener( 'fragmentshown', function( event ) {\n\t\t\tpost('fragmentshown');\n\t\t} );\n\n\t\t// Fires when a fragment is hidden\n\t\tReveal.addEventListener( 'fragmenthidden', function( event ) {\n\t\t\tpost('fragmenthidden');\n\t\t} );\n\n\t\t/**\n\t\t * Posts the current slide data to the notes window\n\t\t *\n\t\t * @param {String} eventType Expecting 'slidechanged', 'fragmentshown' \n\t\t * or 'fragmenthidden' set in the events above to define the needed \n\t\t * slideDate.\n\t\t */\n\t\tfunction post( eventType ) {\n\t\t\tvar slideElement = Reveal.getCurrentSlide(),\n\t\t\t\tmessageData;\n\n\t\t\tif( eventType === 'slidechanged' ) {\n\t\t\t\tvar notes = slideElement.querySelector( 'aside.notes' ),\n\t\t\t\t\tindexh = Reveal.getIndices().h,\n\t\t\t\t\tindexv = Reveal.getIndices().v,\n\t\t\t\t\tnextindexh,\n\t\t\t\t\tnextindexv;\n\n\t\t\t\tif( slideElement.nextElementSibling && slideElement.parentNode.nodeName == 'SECTION' ) {\n\t\t\t\t\tnextindexh = indexh;\n\t\t\t\t\tnextindexv = indexv + 1;\n\t\t\t\t} else {\n\t\t\t\t\tnextindexh = indexh + 1;\n\t\t\t\t\tnextindexv = 0;\n\t\t\t\t}\n\n\t\t\t\tmessageData = {\n\t\t\t\t\tnotes : notes ? notes.innerHTML : '',\n\t\t\t\t\tindexh : indexh,\n\t\t\t\t\tindexv : indexv,\n\t\t\t\t\tnextindexh : nextindexh,\n\t\t\t\t\tnextindexv : nextindexv,\n\t\t\t\t\tmarkdown : notes ? typeof notes.getAttribute( 'data-markdown' ) === 'string' : false\n\t\t\t\t};\n\t\t\t}\n\t\t\telse if( eventType === 'fragmentshown' ) {\n\t\t\t\tmessageData = {\n\t\t\t\t\tfragment : 'next'\n\t\t\t\t};\n\t\t\t}\n\t\t\telse if( eventType === 'fragmenthidden' ) {\n\t\t\t\tmessageData = {\n\t\t\t\t\tfragment : 'prev'\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tnotesPopup.postMessage( JSON.stringify( messageData ), '*' );\n\t\t}\n\n\t\t// Navigate to the current slide when the notes are loaded\n\t\tnotesPopup.addEventListener( 'load', function( event ) {\n\t\t\tpost('slidechanged');\n\t\t}, false );\n\t}\n\n\t// If the there's a 'notes' query set, open directly\n\tif( window.location.search.match( /(\\?|\\&)notes/gi ) !== null ) {\n\t\topenNotes();\n\t}\n\n\t// Open the notes when the 's' key is hit\n\tdocument.addEventListener( 'keydown', function( event ) {\n\t\t// Disregard the event if the target is editable or a\n\t\t// modifier is present\n\t\tif ( document.querySelector( ':focus' ) !== null || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey ) return;\n\n\t\tif( event.keyCode === 83 ) {\n\t\t\tevent.preventDefault();\n\t\t\topenNotes();\n\t\t}\n\t}, false );\n\n\treturn { open: openNotes };\n})();\n"
},
{
"path": "plugin/notes-server/client.js",
"content": "(function() {\n\t// don't emit events from inside the previews themselves\n\tif ( window.location.search.match( /receiver/gi ) ) { return; }\n\n\tvar socket = io.connect(window.location.origin);\n\tvar socketId = Math.random().toString().slice(2);\n\t\n\tconsole.log('View slide notes at ' + window.location.origin + '/notes/' + socketId);\n\twindow.open(window.location.origin + '/notes/' + socketId, 'notes-' + socketId);\n\n\t// Fires when a fragment is shown\n\tReveal.addEventListener( 'fragmentshown', function( event ) {\n\t\tvar fragmentData = {\n\t\t\tfragment : 'next',\n\t\t\tsocketId : socketId\n\t\t};\n\t\tsocket.emit('fragmentchanged', fragmentData);\n\t} );\n\n\t// Fires when a fragment is hidden\n\tReveal.addEventListener( 'fragmenthidden', function( event ) {\n\t\tvar fragmentData = {\n\t\t\tfragment : 'previous',\n\t\t\tsocketId : socketId\n\t\t};\n\t\tsocket.emit('fragmentchanged', fragmentData);\n\t} );\n\n\t// Fires when slide is changed\n\tReveal.addEventListener( 'slidechanged', function( event ) {\n\t\tvar nextindexh;\n\t\tvar nextindexv;\n\t\tvar slideElement = event.currentSlide;\n\n\t\tif (slideElement.nextElementSibling && slideElement.parentNode.nodeName == 'SECTION') {\n\t\t\tnextindexh = event.indexh;\n\t\t\tnextindexv = event.indexv + 1;\n\t\t} else {\n\t\t\tnextindexh = event.indexh + 1;\n\t\t\tnextindexv = 0;\n\t\t}\n\n\t\tvar notes = slideElement.querySelector('aside.notes');\n\t\tvar slideData = {\n\t\t\tnotes : notes ? notes.innerHTML : '',\n\t\t\tindexh : event.indexh,\n\t\t\tindexv : event.indexv,\n\t\t\tnextindexh : nextindexh,\n\t\t\tnextindexv : nextindexv,\n\t\t\tsocketId : socketId,\n\t\t\tmarkdown : notes ? typeof notes.getAttribute('data-markdown') === 'string' : false\n\n\t\t};\n\n\t\tsocket.emit('slidechanged', slideData);\n\t} );\n}());\n"
},
{
"path": "plugin/notes-server/index.js",
"content": "var express = require('express');\nvar fs = require('fs');\nvar io = require('socket.io');\nvar _ = require('underscore');\nvar Mustache = require('mustache');\n\nvar app = express.createServer();\nvar staticDir = express.static;\n\nio = io.listen(app);\n\nvar opts = {\n\tport : 1947,\n\tbaseDir : __dirname + '/../../'\n};\n\nio.sockets.on('connection', function(socket) {\n\tsocket.on('slidechanged', function(slideData) {\n\t\tsocket.broadcast.emit('slidedata', slideData);\n\t});\n\tsocket.on('fragmentchanged', function(fragmentData) {\n\t\tsocket.broadcast.emit('fragmentdata', fragmentData);\n\t});\n});\n\napp.configure(function() {\n\t[ 'css', 'js', 'images', 'plugin', 'lib' ].forEach(function(dir) {\n\t\tapp.use('/' + dir, staticDir(opts.baseDir + dir));\n\t});\n});\n\napp.get(\"/\", function(req, res) {\n\tfs.createReadStream(opts.baseDir + '/index.html').pipe(res);\n});\n\napp.get(\"/notes/:socketId\", function(req, res) {\n\n\tfs.readFile(opts.baseDir + 'plugin/notes-server/notes.html', function(err, data) {\n\t\tres.send(Mustache.to_html(data.toString(), {\n\t\t\tsocketId : req.params.socketId\n\t\t}));\n\t});\n\t// fs.createReadStream(opts.baseDir + 'notes-server/notes.html').pipe(res);\n});\n\n// Actually listen\napp.listen(opts.port || null);\n\nvar brown = '\\033[33m',\n\tgreen = '\\033[32m',\n\treset = '\\033[0m';\n\nvar slidesLocation = \"http://localhost\" + ( opts.port ? ( ':' + opts.port ) : '' );\n\nconsole.log( brown + \"reveal.js - Speaker Notes\" + reset );\nconsole.log( \"1. Open the slides at \" + green + slidesLocation + reset );\nconsole.log( \"2. Click on the link your JS console to go to the notes page\" );\nconsole.log( \"3. Advance through your slides and your notes will advance automatically\" );\n"
},
{
"path": "plugin/notes-server/notes.html",
"content": "\n\n\t\n\t\t\n\n\t\treveal.js - Slide Notes \n\n\t\t\n\t\n\n\t\n\n\t\t\n\n\t\t\n\t\t\n\n\t\t\n\t\t\n\n\t\t\n\n\t\n\n"
},
{
"path": "plugin/postmessage/example.html",
"content": "\n\t\n\n\t\t\n\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\n\t\t\n\n\t\n\n"
},
{
"path": "plugin/postmessage/postmessage.js",
"content": "/*\n\n\tsimple postmessage plugin\n\n\tUseful when a reveal slideshow is inside an iframe.\n\tIt allows to call reveal methods from outside.\n\n\tExample:\n\t\t var reveal = window.frames[0];\n\n\t\t // Reveal.prev(); \n\t\t reveal.postMessage(JSON.stringify({method: 'prev', args: []}), '*');\n\t\t // Reveal.next(); \n\t\t reveal.postMessage(JSON.stringify({method: 'next', args: []}), '*');\n\t\t // Reveal.slide(2, 2); \n\t\t reveal.postMessage(JSON.stringify({method: 'slide', args: [2,2]}), '*');\n\n\tAdd to the slideshow:\n\n\t\tdependencies: [\n\t\t\t...\n\t\t\t{ src: 'plugin/postmessage/postmessage.js', async: true, condition: function() { return !!document.body.classList; } }\n\t\t]\n\n*/\n\n(function (){\n\n\twindow.addEventListener( \"message\", function ( event ) {\n\t\tvar data = JSON.parse( event.data ),\n\t\t\t\tmethod = data.method,\n\t\t\t\targs = data.args;\n\n\t\tif( typeof Reveal[method] === 'function' ) {\n\t\t\tReveal[method].apply( Reveal, data.args );\n\t\t}\n\t}, false);\n\n}());\n\n\n\n"
},
{
"path": "plugin/print-pdf/print-pdf.js",
"content": "/**\n * phantomjs script for printing presentations to PDF.\n *\n * Example:\n * phantomjs print-pdf.js \"http://lab.hakim.se/reveal-js?print-pdf\" reveal-demo.pdf\n *\n * By Manuel Bieh (https://github.com/manuelbieh)\n */\n\n// html2pdf.js\nvar page = new WebPage();\nvar system = require( 'system' );\n\npage.paperSize = {\n\tformat: 'A4',\n\torientation: 'landscape',\n\tmargin: {\n\t\tleft: '0',\n\t\tright: '0',\n\t\ttop: '0',\n\t\tbottom: '0'\n\t}\n};\npage.zoomFactor = 1.5;\n\nvar revealFile = system.args[1] || 'index.html?print-pdf';\nvar slideFile = system.args[2] || 'slides.pdf';\n\nif( slideFile.match( /\\.pdf$/gi ) === null ) {\n\tslideFile += '.pdf';\n}\n\nconsole.log( 'Printing PDF...' );\n\npage.open( revealFile, function( status ) {\n\tconsole.log( 'Printed succesfully' );\n\tpage.render( slideFile );\n\tphantom.exit();\n} );"
},
{
"path": "plugin/remotes/remotes.js",
"content": "/**\n * Touch-based remote controller for your presentation courtesy \n * of the folks at http://remotes.io\n */\n\n(function(window){\n\n /**\n * Detects if we are dealing with a touch enabled device (with some false positives)\n * Borrowed from modernizr: https://github.com/Modernizr/Modernizr/blob/master/feature-detects/touch.js \n */\n var hasTouch = (function(){\n return ('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch;\n })();\n\n if(!hasTouch){\n head.ready( 'remotes.ne.min.js', function() {\n new Remotes(\"preview\")\n .on(\"swipe-left\", function(e){ Reveal.right(); })\n .on(\"swipe-right\", function(e){ Reveal.left(); })\n .on(\"swipe-up\", function(e){ Reveal.down(); })\n .on(\"swipe-down\", function(e){ Reveal.up(); })\n .on(\"tap\", function(e){ \n Reveal.toggleOverview(); \n });\n } );\n\n head.js('https://raw.github.com/Remotes/Remotes/master/dist/remotes.ne.min.js');\n }\n})(window);"
},
{
"path": "plugin/zoom-js/zoom.js",
"content": "// Custom reveal.js integration\n(function(){\n\tdocument.querySelector( '.reveal' ).addEventListener( 'click', function( event ) {\n\t\tif( event.altKey ) {\n\t\t\tevent.preventDefault();\n\t\t\tzoom.to({ element: event.target, pan: false });\n\t\t}\n\t} );\n})();\n\n/*!\n * zoom.js 0.2 (modified version for use with reveal.js)\n * http://lab.hakim.se/zoom-js\n * MIT licensed\n * \n * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se\n */\nvar zoom = (function(){\n\n\t// The current zoom level (scale)\n\tvar level = 1;\n\t\n\t// The current mouse position, used for panning\n\tvar mouseX = 0,\n\t\tmouseY = 0;\n\t\n\t// Timeout before pan is activated\n\tvar panEngageTimeout = -1,\n\t\tpanUpdateInterval = -1;\n\n\tvar currentOptions = null;\n\n\t// Check for transform support so that we can fallback otherwise\n\tvar supportsTransforms = \t'WebkitTransform' in document.body.style ||\n\t\t\t\t\t\t\t\t'MozTransform' in document.body.style ||\n\t\t\t\t\t\t\t\t'msTransform' in document.body.style ||\n\t\t\t\t\t\t\t\t'OTransform' in document.body.style ||\n\t\t\t\t\t\t\t\t'transform' in document.body.style;\n \n\tif( supportsTransforms ) {\n\t\t// The easing that will be applied when we zoom in/out\n\t\tdocument.body.style.transition = 'transform 0.8s ease';\n\t\tdocument.body.style.OTransition = '-o-transform 0.8s ease';\n\t\tdocument.body.style.msTransition = '-ms-transform 0.8s ease';\n\t\tdocument.body.style.MozTransition = '-moz-transform 0.8s ease';\n\t\tdocument.body.style.WebkitTransition = '-webkit-transform 0.8s ease';\n\t}\n\t\n\t// Zoom out if the user hits escape\n\tdocument.addEventListener( 'keyup', function( event ) {\n\t\tif( level !== 1 && event.keyCode === 27 ) {\n\t\t\tzoom.out();\n\t\t}\n\t}, false );\n\n\t// Monitor mouse movement for panning\n\tdocument.addEventListener( 'mousemove', function( event ) {\n\t\tif( level !== 1 ) {\n\t\t\tmouseX = event.clientX;\n\t\t\tmouseY = event.clientY;\n\t\t}\n\t}, false );\n\n\t/**\n\t * Applies the CSS required to zoom in, prioritizes use of CSS3 \n\t * transforms but falls back on zoom for IE.\n\t * \n\t * @param {Number} pageOffsetX \n\t * @param {Number} pageOffsetY \n\t * @param {Number} elementOffsetX \n\t * @param {Number} elementOffsetY \n\t * @param {Number} scale \n\t */\n\tfunction magnify( pageOffsetX, pageOffsetY, elementOffsetX, elementOffsetY, scale ) {\n\n\t\tif( supportsTransforms ) {\n\t\t\tvar origin = pageOffsetX +'px '+ pageOffsetY +'px',\n\t\t\t\ttransform = 'translate('+ -elementOffsetX +'px,'+ -elementOffsetY +'px) scale('+ scale +')';\n\t\t\t\n\t\t\tdocument.body.style.transformOrigin = origin;\n\t\t\tdocument.body.style.OTransformOrigin = origin;\n\t\t\tdocument.body.style.msTransformOrigin = origin;\n\t\t\tdocument.body.style.MozTransformOrigin = origin;\n\t\t\tdocument.body.style.WebkitTransformOrigin = origin;\n\n\t\t\tdocument.body.style.transform = transform;\n\t\t\tdocument.body.style.OTransform = transform;\n\t\t\tdocument.body.style.msTransform = transform;\n\t\t\tdocument.body.style.MozTransform = transform;\n\t\t\tdocument.body.style.WebkitTransform = transform;\n\t\t}\n\t\telse {\n\t\t\t// Reset all values\n\t\t\tif( scale === 1 ) {\n\t\t\t\tdocument.body.style.position = '';\n\t\t\t\tdocument.body.style.left = '';\n\t\t\t\tdocument.body.style.top = '';\n\t\t\t\tdocument.body.style.width = '';\n\t\t\t\tdocument.body.style.height = '';\n\t\t\t\tdocument.body.style.zoom = '';\n\t\t\t}\n\t\t\t// Apply scale\n\t\t\telse {\n\t\t\t\tdocument.body.style.position = 'relative';\n\t\t\t\tdocument.body.style.left = ( - ( pageOffsetX + elementOffsetX ) / scale ) + 'px';\n\t\t\t\tdocument.body.style.top = ( - ( pageOffsetY + elementOffsetY ) / scale ) + 'px';\n\t\t\t\tdocument.body.style.width = ( scale * 100 ) + '%';\n\t\t\t\tdocument.body.style.height = ( scale * 100 ) + '%';\n\t\t\t\tdocument.body.style.zoom = scale;\n\t\t\t}\n\t\t}\n\n\t\tlevel = scale;\n\n\t\tif( level !== 1 && document.documentElement.classList ) {\n\t\t\tdocument.documentElement.classList.add( 'zoomed' );\n\t\t}\n\t\telse {\n\t\t\tdocument.documentElement.classList.remove( 'zoomed' );\n\t\t}\n\t}\n\n\t/**\n\t * Pan the document when the mosue cursor approaches the edges \n\t * of the window.\n\t */\n\tfunction pan() {\n\t\tvar range = 0.12,\n\t\t\trangeX = window.innerWidth * range,\n\t\t\trangeY = window.innerHeight * range,\n\t\t\tscrollOffset = getScrollOffset();\n\t\t\n\t\t// Up\n\t\tif( mouseY < rangeY ) {\n\t\t\twindow.scroll( scrollOffset.x, scrollOffset.y - ( 1 - ( mouseY / rangeY ) ) * ( 14 / level ) );\n\t\t}\n\t\t// Down\n\t\telse if( mouseY > window.innerHeight - rangeY ) {\n\t\t\twindow.scroll( scrollOffset.x, scrollOffset.y + ( 1 - ( window.innerHeight - mouseY ) / rangeY ) * ( 14 / level ) );\n\t\t}\n\n\t\t// Left\n\t\tif( mouseX < rangeX ) {\n\t\t\twindow.scroll( scrollOffset.x - ( 1 - ( mouseX / rangeX ) ) * ( 14 / level ), scrollOffset.y );\n\t\t}\n\t\t// Right\n\t\telse if( mouseX > window.innerWidth - rangeX ) {\n\t\t\twindow.scroll( scrollOffset.x + ( 1 - ( window.innerWidth - mouseX ) / rangeX ) * ( 14 / level ), scrollOffset.y );\n\t\t}\n\t}\n\n\tfunction getScrollOffset() {\n\t\treturn {\n\t\t\tx: window.scrollX !== undefined ? window.scrollX : window.pageXOffset,\n\t\t\ty: window.scrollY !== undefined ? window.scrollY : window.pageXYffset\n\t\t}\n\t}\n\n\treturn {\n\t\t/**\n\t\t * Zooms in on either a rectangle or HTML element.\n\t\t * \n\t\t * @param {Object} options\n\t\t * - element: HTML element to zoom in on\n\t\t * OR\n\t\t * - x/y: coordinates in non-transformed space to zoom in on\n\t\t * - width/height: the portion of the screen to zoom in on\n\t\t * - scale: can be used instead of width/height to explicitly set scale\n\t\t */\n\t\tto: function( options ) {\n\t\t\t// Due to an implementation limitation we can't zoom in\n\t\t\t// to another element without zooming out first\n\t\t\tif( level !== 1 ) {\n\t\t\t\tzoom.out();\n\t\t\t}\n\t\t\telse {\n\t\t\t\toptions.x = options.x || 0;\n\t\t\t\toptions.y = options.y || 0;\n\n\t\t\t\t// If an element is set, that takes precedence\n\t\t\t\tif( !!options.element ) {\n\t\t\t\t\t// Space around the zoomed in element to leave on screen\n\t\t\t\t\tvar padding = 20;\n\n\t\t\t\t\toptions.width = options.element.getBoundingClientRect().width + ( padding * 2 );\n\t\t\t\t\toptions.height = options.element.getBoundingClientRect().height + ( padding * 2 );\n\t\t\t\t\toptions.x = options.element.getBoundingClientRect().left - padding;\n\t\t\t\t\toptions.y = options.element.getBoundingClientRect().top - padding;\n\t\t\t\t}\n\n\t\t\t\t// If width/height values are set, calculate scale from those values\n\t\t\t\tif( options.width !== undefined && options.height !== undefined ) {\n\t\t\t\t\toptions.scale = Math.max( Math.min( window.innerWidth / options.width, window.innerHeight / options.height ), 1 );\n\t\t\t\t}\n\n\t\t\t\tif( options.scale > 1 ) {\n\t\t\t\t\toptions.x *= options.scale;\n\t\t\t\t\toptions.y *= options.scale;\n\n\t\t\t\t\tvar scrollOffset = getScrollOffset();\n\n\t\t\t\t\tif( options.element ) {\n\t\t\t\t\t\tscrollOffset.x -= ( window.innerWidth - ( options.width * options.scale ) ) / 2;\n\t\t\t\t\t}\n\n\t\t\t\t\tmagnify( scrollOffset.x, scrollOffset.y, options.x, options.y, options.scale );\n\n\t\t\t\t\tif( options.pan !== false ) {\n\n\t\t\t\t\t\t// Wait with engaging panning as it may conflict with the\n\t\t\t\t\t\t// zoom transition\n\t\t\t\t\t\tpanEngageTimeout = setTimeout( function() {\n\t\t\t\t\t\t\tpanUpdateInterval = setInterval( pan, 1000 / 60 );\n\t\t\t\t\t\t}, 800 );\n\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tcurrentOptions = options;\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Resets the document zoom state to its default.\n\t\t */\n\t\tout: function() {\n\t\t\tclearTimeout( panEngageTimeout );\n\t\t\tclearInterval( panUpdateInterval );\n\n\t\t\tvar scrollOffset = getScrollOffset();\n\n\t\t\tif( currentOptions && currentOptions.element ) {\n\t\t\t\tscrollOffset.x -= ( window.innerWidth - ( currentOptions.width * currentOptions.scale ) ) / 2;\n\t\t\t}\n\t\t\t\n\t\t\tmagnify( scrollOffset.x, scrollOffset.y, 0, 0, 1 );\n\n\t\t\tlevel = 1;\n\t\t},\n\n\t\t// Alias\n\t\tmagnify: function( options ) { this.to( options ) },\n\t\treset: function() { this.out() },\n\t\t\n\t\tzoomLevel: function() {\n\t\t\treturn level;\n\t\t}\n\t}\n\t\n})();\n\n"
},
{
"path": "requirements.txt",
"content": "flask\n"
},
{
"path": "run.py",
"content": "#coding=utf-8\nimport os\nfrom flask import Flask, render_template, send_from_directory\n\ntmpl_dir = os.path.dirname(os.path.abspath(__file__))\napp = Flask(__name__, template_folder=tmpl_dir, static_folder=tmpl_dir)\n\n\n@app.route('/')\ndef main():\n return render_template('index.html')\n\n\n@app.route('/')\ndef static_url(filename):\n return send_from_directory(app.static_folder, filename)\n\n\nif __name__ == '__main__':\n app.run(host='0.0.0.0', port=80)\n"
}
]