diff options
| author | Michael Krotscheck <krotscheck@gmail.com> | 2015-07-15 18:29:20 -0700 |
|---|---|---|
| committer | Michael Krotscheck <krotscheck@gmail.com> | 2015-07-29 21:52:37 -0700 |
| commit | 178f5ad1358b7c3e2275ff4340135ea4f8a9a629 (patch) | |
| tree | 2e91bda8222de04b3529be42d516ebb2950a7611 /src | |
| parent | 92bca6599bb975e7c695a99e0c053ff8050b71f0 (diff) | |
Added presentation framework.
Diffstat (limited to 'src')
| -rw-r--r-- | src/index.hbs | 71 | ||||
| -rw-r--r-- | src/template/index.hbs | 111 |
2 files changed, 182 insertions, 0 deletions
diff --git a/src/index.hbs b/src/index.hbs new file mode 100644 index 0000000..c5cbc93 --- /dev/null +++ b/src/index.hbs | |||
| @@ -0,0 +1,71 @@ | |||
| 1 | <!doctype html> | ||
| 2 | <html lang="en"> | ||
| 3 | |||
| 4 | <head> | ||
| 5 | <meta charset="utf-8"> | ||
| 6 | <title>Convention Presentations</title> | ||
| 7 | <link rel="stylesheet" | ||
| 8 | href="css/bootstrap.css"> | ||
| 9 | <meta name="description" | ||
| 10 | content="Convention Presentations by {{author.name}}"> | ||
| 11 | <meta name="author" content="{{author.name}}"> | ||
| 12 | <meta name="viewport" | ||
| 13 | content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"> | ||
| 14 | </head> | ||
| 15 | |||
| 16 | <body style="margin-top: 70px; margin-bottom: 70px"> | ||
| 17 | <nav class="navbar navbar-default navbar-fixed-top"> | ||
| 18 | <div class="container-fluid"> | ||
| 19 | <span class="navbar-brand">Convention Presentations</span> | ||
| 20 | </div> | ||
| 21 | </nav> | ||
| 22 | <div class="container-fluid"> | ||
| 23 | <div class="row"> | ||
| 24 | <div class="col-xs-12"> | ||
| 25 | <ul class="list-unstyled"> | ||
| 26 | <li><strong>Author:</strong> {{author.name}}</li> | ||
| 27 | <li><strong>Website:</strong> | ||
| 28 | <a href="{{author.url}}">{{author.url}}</a> | ||
| 29 | </li> | ||
| 30 | </ul> | ||
| 31 | <br/> | ||
| 32 | <table class="table table-striped table-hover"> | ||
| 33 | <thead> | ||
| 34 | <tr> | ||
| 35 | <th class="col-xs-2">Last Updated</th> | ||
| 36 | <th>Title</th> | ||
| 37 | </tr> | ||
| 38 | </thead> | ||
| 39 | <tbody> | ||
| 40 | {{#each presentations}} | ||
| 41 | <tr> | ||
| 42 | <td>{{datetime mtime}}</td> | ||
| 43 | <td> | ||
| 44 | <a href="{{path}}" target="_blank"> | ||
| 45 | {{title}} | ||
| 46 | </a> | ||
| 47 | </td> | ||
| 48 | </tr> | ||
| 49 | {{/each}} | ||
| 50 | </tbody> | ||
| 51 | </table> | ||
| 52 | </div> | ||
| 53 | </div> | ||
| 54 | </div> | ||
| 55 | <nav class="navbar navbar-default navbar-fixed-bottom"> | ||
| 56 | <div class="container-fluid"> | ||
| 57 | <p class="navbar-text"> | ||
| 58 | <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"> | ||
| 59 | <img alt="Creative Commons License" | ||
| 60 | src="https://i.creativecommons.org/l/by/4.0/88x31.png"/> | ||
| 61 | </a> | ||
| 62 | This work by <span xmlns:cc="http://creativecommons.org/ns#" | ||
| 63 | property="cc:attributionName">{{author.name}}</span> | ||
| 64 | is licensed under a <a rel="license" | ||
| 65 | href="http://creativecommons.org/licenses/by/4.0/">Creative | ||
| 66 | Commons Attribution 4.0 International License</a>. | ||
| 67 | </p> | ||
| 68 | </div> | ||
| 69 | </nav> | ||
| 70 | </body> | ||
| 71 | </html> | ||
diff --git a/src/template/index.hbs b/src/template/index.hbs new file mode 100644 index 0000000..1d05d8f --- /dev/null +++ b/src/template/index.hbs | |||
| @@ -0,0 +1,111 @@ | |||
| 1 | <!doctype html> | ||
| 2 | <html lang="en"> | ||
| 3 | |||
| 4 | <head> | ||
| 5 | <meta charset="utf-8"> | ||
| 6 | |||
| 7 | <title>{{presentation.title}}</title> | ||
| 8 | |||
| 9 | <meta name="description" | ||
| 10 | content="{{presentation.description}}"> | ||
| 11 | <meta name="author" content="{{author.name}}"> | ||
| 12 | |||
| 13 | <meta name="apple-mobile-web-app-capable" content="yes"/> | ||
| 14 | <meta name="apple-mobile-web-app-status-bar-style" | ||
| 15 | content="black-translucent"/> | ||
| 16 | |||
| 17 | <meta name="viewport" | ||
| 18 | content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"> | ||
| 19 | |||
| 20 | <link rel="stylesheet" href="../css/reveal.css"> | ||
| 21 | <link rel="stylesheet" href="../css/font-awesome.css"> | ||
| 22 | <link rel="stylesheet" href="../css/font-mfizz.css"> | ||
| 23 | <link rel="stylesheet" href="../css/theme/serif.css" id="theme"> | ||
| 24 | |||
| 25 | <!-- Code syntax highlighting --> | ||
| 26 | <link rel="stylesheet" href="../lib/css/zenburn.css"> | ||
| 27 | |||
| 28 | <!-- Printing and PDF exports --> | ||
| 29 | <script> | ||
| 30 | var link = document.createElement('link'); | ||
| 31 | link.rel = 'stylesheet'; | ||
| 32 | link.type = 'text/css'; | ||
| 33 | link.href = | ||
| 34 | window.location.search.match(/print-pdf/gi) ? | ||
| 35 | '../css/print/pdf.css' : | ||
| 36 | '../css/print/paper.css'; | ||
| 37 | document.getElementsByTagName('head')[0].appendChild(link); | ||
| 38 | </script> | ||
| 39 | |||
| 40 | <!--[if lt IE 9]> | ||
| 41 | <script src="../lib/js/html5shiv.js"></script> | ||
| 42 | <![endif]--> | ||
| 43 | </head> | ||
| 44 | |||
| 45 | <body> | ||
| 46 | |||
| 47 | <div class="reveal" data-transition="slide"> | ||
| 48 | |||
| 49 | <div class="slides"> | ||
| 50 | <section> | ||
| 51 | <h1>{{presentation.title}}</h1> | ||
| 52 | |||
| 53 | <h3>{{presentation.description}}</h3> | ||
| 54 | |||
| 55 | <p>by {{author.name}}</p> | ||
| 56 | </section> | ||
| 57 | </div> | ||
| 58 | |||
| 59 | <script src="../lib/js/head.min.js"></script> | ||
| 60 | <script src="../js/reveal.js"></script> | ||
| 61 | |||
| 62 | <script> | ||
| 63 | |||
| 64 | // Full list of configuration options available at: | ||
| 65 | // https://github.com/hakimel/reveal.js#configuration | ||
| 66 | Reveal.initialize({ | ||
| 67 | controls: true, | ||
| 68 | progress: true, | ||
| 69 | history: true, | ||
| 70 | center: true, | ||
| 71 | |||
| 72 | transition: 'slide', // none/fade/slide/convex/concave/zoom | ||
| 73 | |||
| 74 | // Optional reveal.js plugins | ||
| 75 | dependencies: [ | ||
| 76 | { | ||
| 77 | src: '../lib/js/classList.js', condition: function () { | ||
| 78 | return !document.body.classList; | ||
| 79 | } | ||
| 80 | }, | ||
| 81 | { | ||
| 82 | src: '../plugin/markdown/marked.js', | ||
| 83 | condition: function () { | ||
| 84 | return !!document.querySelector('[data-markdown]'); | ||
| 85 | } | ||
| 86 | }, | ||
| 87 | { | ||
| 88 | src: '../plugin/markdown/markdown.js', | ||
| 89 | condition: function () { | ||
| 90 | return !!document.querySelector('[data-markdown]'); | ||
| 91 | } | ||
| 92 | }, | ||
| 93 | { | ||
| 94 | src: '../plugin/highlight/highlight.js', | ||
| 95 | async: true, | ||
| 96 | condition: function () { | ||
| 97 | return !!document.querySelector('pre code'); | ||
| 98 | }, | ||
| 99 | callback: function () { | ||
| 100 | hljs.initHighlightingOnLoad(); | ||
| 101 | } | ||
| 102 | }, | ||
| 103 | {src: '../plugin/zoom-js/zoom.js', async: true}, | ||
| 104 | {src: '../plugin/notes/notes.js', async: true} | ||
| 105 | ] | ||
| 106 | }); | ||
| 107 | |||
| 108 | </script> | ||
| 109 | </div> | ||
| 110 | </body> | ||
| 111 | </html> | ||
