Add Slide Mode

using reveal.js and some part of reveal-md
2015-11-23 20:38:26 +08:00
parent 75ae505a15
commit f51b7370f0
81 changed files with 14277 additions and 7 deletions
--- a/templates/listing.html
+++ 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>
--- a/templates/reveal.html
+++ 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>