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> | ||