diff options
| author | xnum | 2015-11-23 20:38:26 +0800 |
|---|---|---|
| committer | xnum | 2015-11-23 20:38:26 +0800 |
| commit | f51b7370f030c5cd1235fa7a23514a7e1ccef2dd (patch) | |
| tree | b6f43191518b16f74ca33b1406567a0ffcaa6f32 /templates | |
| parent | 75ae505a1544d8999e6705aad7ed96ff5a6eb0e5 (diff) | |
Add Slide Mode
using reveal.js
and some part of reveal-md
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/listing.html | 22 | ||||
| -rw-r--r-- | templates/reveal.html | 68 |
2 files changed, 90 insertions, 0 deletions
diff --git a/templates/listing.html b/templates/listing.html new file mode 100644 index 00000000..2046be1a --- /dev/null +++ b/templates/listing.html @@ -0,0 +1,22 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <title>Directory Listing</title> + <link rel="stylesheet" href="/{{{theme}}}" id="theme"> + <style type="text/css"> + body { + margin: 1em; + } + a { + color: white; + display: block; + } + </style> + <link rel="icon" href="http://i.imgur.com/IVlU2PU.png" sizes="512x512" /> + </head> + + <body> + {{{listing}}} + </body> +</html> diff --git a/templates/reveal.html b/templates/reveal.html new file mode 100644 index 00000000..601ae524 --- /dev/null +++ b/templates/reveal.html @@ -0,0 +1,68 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <title>Reveal.js</title> + <link rel="stylesheet" href="/css/reveal.css"> + <link rel="stylesheet" href="/{{{theme}}}" id="theme"> + <!-- For syntax highlighting --> + <link rel="stylesheet" href="/lib/css/{{{highlightTheme}}}.css"> + + <!-- If the query includes 'print-pdf', use the PDF print sheet --> + <script> + document.write( '<link rel="stylesheet" href="/css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' ); + </script> + <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> + </head> + <body> + + <div class="reveal"> + <div class="slides">{{{slides}}}</div> + </div> + + <script src="/lib/js/head.min.js"></script> + <script src="/js/reveal.js"></script> + + <script> + 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: '/lib/js/classList.js', condition: function() { return !document.body.classList; } }, + { src: '/plugin/markdown/marked.js', condition: function() { return !!document.querySelector('[data-markdown]'); } }, + { src: '/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector('[data-markdown]'); } }, + { src: '/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }, + { src: '/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }, + { src: '/plugin/math/math.js', async: true } + ]; + + // default options to init reveal.js + var defaultOptions = { + controls: true, + progress: true, + history: true, + center: true, + transition: 'default', + 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> |