diff options
| author | Cheng-Han, Wu | 2016-05-29 17:54:24 +0800 |
|---|---|---|
| committer | Cheng-Han, Wu | 2016-05-29 17:54:24 +0800 |
| commit | 16990e35a209704aa7538bb3231085c11da05b06 (patch) | |
| tree | 0e7a6ed0534559b4ee5cab6bb5e214776b3d9825 /public/views/slide.ejs | |
| parent | c73c32d12759a44c46b18548e7d1ef3fc1678473 (diff) | |
Update slide template using ejs instead of mustache to reduce similar package dependency
Diffstat (limited to 'public/views/slide.ejs')
| -rw-r--r-- | public/views/slide.ejs | 85 |
1 files changed, 85 insertions, 0 deletions
diff --git a/public/views/slide.ejs b/public/views/slide.ejs new file mode 100644 index 00000000..3a329261 --- /dev/null +++ b/public/views/slide.ejs @@ -0,0 +1,85 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="apple-mobile-web-app-capable" content="yes"> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="mobile-web-app-capable" content="yes"> + <title><%- title %></title> + <link rel="icon" type="image/png" href="<%- url %>/favicon.png"> + <link rel="apple-touch-icon" href="<%- url %>/apple-touch-icon.png"> + + <link rel="stylesheet" href="<%- url %>/vendor/reveal.js/css/reveal.css"> + <link rel="stylesheet" href="<%- url %>/vendor/reveal.js/<%- theme %>" id="theme"> + <!-- For syntax highlighting --> + <link rel="stylesheet" href="<%- url %>/vendor/reveal.js/lib/css/<%- highlightTheme %>.css"> + <link rel="stylesheet" href="<%- url %>/css/site.css"> + <link rel="stylesheet" href="<%- url %>/css/slide.css"> + + <!-- If the query includes 'print-pdf', use the PDF print sheet --> + <script> + document.write( '<link rel="stylesheet" href="<%- url %>/vendor/reveal.js/css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' ); + </script> + <script src="<%- url %>/vendor/jquery/dist/jquery.min.js"></script> + <script src="<%- url %>/vendor/velocity/velocity.min.js"></script> + </head> + <body> + + <div class="reveal"> + <div class="slides"><%- slides %></div> + </div> + + <script src="<%- url %>/vendor/reveal.js/lib/js/head.min.js"></script> + <script src="<%- url %>/vendor/reveal.js/js/reveal.js"></script> + <script src="<%- url %>/vendor/string.min.js"></script> + <script src="<%- url %>/vendor/xss/dist/xss.min.js"></script> + <script src="<%- url %>/js/render.js"></script> + + <script> + if (typeof mixpanel !== 'undefined') mixpanel.track("enter slide"); + + var body = $(".slides").html(); + $(".slides").html(S(body).unescapeHTML().s); + + function extend() { + var target = {}; + for (var i = 0; i < arguments.length; i++) { + var source = arguments[i]; + for (var key in source) { + if (source.hasOwnProperty(key)) { + target[key] = source[key]; + } + } + } + return target; + } + + // Optional libraries used to extend on reveal.js + var deps = [ + { src: '<%- url %>/vendor/reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } }, + { src: '<%- url %>/vendor/reveal.js/plugin/markdown/marked.js', condition: function() { return !!document.querySelector('[data-markdown]'); } }, + { src: '<%- url %>/js/reveal-markdown.js', condition: function() { return !!document.querySelector('[data-markdown]'); } }, + { src: '<%- url %>/vendor/reveal.js/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }, + { src: '<%- url %>/vendor/reveal.js/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }, + { src: '<%- url %>/vendor/reveal.js/plugin/math/math.js', async: true } + ]; + + // default options to init reveal.js + var defaultOptions = { + controls: true, + progress: true, + history: true, + center: true, + transition: 'slide', + dependencies: deps + }; + + // options from URL query string + var queryOptions = Reveal.getQueryHash() || {}; + + var options = <%- options %>; + options = extend(defaultOptions, options, queryOptions); + Reveal.initialize(options); + </script> + </body> +</html> |