slide_hero 0.0.3 → 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (93) hide show
  1. checksums.yaml +4 -4
  2. data/lib/slide_hero/code.rb +1 -1
  3. data/lib/slide_hero/grouped_slides.rb +1 -1
  4. data/lib/slide_hero/list.rb +6 -3
  5. data/lib/slide_hero/list_point.rb +1 -1
  6. data/lib/slide_hero/presentation.rb +1 -2
  7. data/lib/slide_hero/slide.rb +1 -2
  8. data/lib/slide_hero/version.rb +1 -1
  9. data/lib/slide_hero/views/ordered_list.html.erb +1 -1
  10. data/lib/slide_hero/views/unordered_list.html.erb +1 -1
  11. data/lib/slide_hero.rb +9 -0
  12. data/slide_hero.gemspec +7 -7
  13. data/test/slide_hero/list_spec.rb +31 -9
  14. data/vendor/reveal.js/.gitignore +0 -0
  15. data/vendor/reveal.js/.travis.yml +0 -0
  16. data/vendor/reveal.js/Gruntfile.js +12 -7
  17. data/vendor/reveal.js/LICENSE +0 -0
  18. data/vendor/reveal.js/README.md +168 -33
  19. data/vendor/reveal.js/css/print/paper.css +0 -0
  20. data/vendor/reveal.js/css/print/pdf.css +1 -1
  21. data/vendor/reveal.js/css/reveal.css +248 -17
  22. data/vendor/reveal.js/css/reveal.min.css +1 -1
  23. data/vendor/reveal.js/css/theme/README.md +3 -1
  24. data/vendor/reveal.js/css/theme/beige.css +7 -1
  25. data/vendor/reveal.js/css/theme/blood.css +175 -0
  26. data/vendor/reveal.js/css/theme/default.css +7 -1
  27. data/vendor/reveal.js/css/theme/moon.css +7 -1
  28. data/vendor/reveal.js/css/theme/night.css +7 -1
  29. data/vendor/reveal.js/css/theme/serif.css +7 -1
  30. data/vendor/reveal.js/css/theme/simple.css +7 -1
  31. data/vendor/reveal.js/css/theme/sky.css +7 -1
  32. data/vendor/reveal.js/css/theme/solarized.css +7 -1
  33. data/vendor/reveal.js/css/theme/source/beige.scss +0 -0
  34. data/vendor/reveal.js/css/theme/source/blood.scss +91 -0
  35. data/vendor/reveal.js/css/theme/source/default.scss +0 -0
  36. data/vendor/reveal.js/css/theme/source/moon.scss +0 -0
  37. data/vendor/reveal.js/css/theme/source/night.scss +0 -0
  38. data/vendor/reveal.js/css/theme/source/serif.scss +0 -0
  39. data/vendor/reveal.js/css/theme/source/simple.scss +0 -0
  40. data/vendor/reveal.js/css/theme/source/sky.scss +0 -0
  41. data/vendor/reveal.js/css/theme/source/solarized.scss +0 -0
  42. data/vendor/reveal.js/css/theme/template/mixins.scss +0 -0
  43. data/vendor/reveal.js/css/theme/template/settings.scss +0 -0
  44. data/vendor/reveal.js/css/theme/template/theme.scss +8 -1
  45. data/vendor/reveal.js/index.html +388 -0
  46. data/vendor/reveal.js/js/reveal.js +887 -293
  47. data/vendor/reveal.js/js/reveal.min.js +3 -2
  48. data/vendor/reveal.js/lib/css/zenburn.css +16 -17
  49. data/vendor/reveal.js/lib/font/league_gothic-webfont.svg +0 -0
  50. data/vendor/reveal.js/lib/font/league_gothic-webfont.ttf +0 -0
  51. data/vendor/reveal.js/lib/font/league_gothic-webfont.woff +0 -0
  52. data/vendor/reveal.js/lib/font/league_gothic_license +0 -0
  53. data/vendor/reveal.js/lib/js/classList.js +0 -0
  54. data/vendor/reveal.js/lib/js/head.min.js +0 -0
  55. data/vendor/reveal.js/lib/js/html5shiv.js +0 -0
  56. data/vendor/reveal.js/package.json +10 -9
  57. data/vendor/reveal.js/plugin/highlight/highlight.js +3 -2
  58. data/vendor/reveal.js/plugin/leap/leap.js +0 -0
  59. data/vendor/reveal.js/plugin/markdown/example.html +34 -3
  60. data/vendor/reveal.js/plugin/markdown/example.md +0 -0
  61. data/vendor/reveal.js/plugin/markdown/markdown.js +373 -201
  62. data/vendor/reveal.js/plugin/markdown/marked.js +0 -0
  63. data/vendor/reveal.js/plugin/multiplex/client.js +0 -0
  64. data/vendor/reveal.js/plugin/multiplex/index.js +0 -0
  65. data/vendor/reveal.js/plugin/multiplex/master.js +2 -1
  66. data/vendor/reveal.js/plugin/notes/notes.html +10 -2
  67. data/vendor/reveal.js/plugin/notes/notes.js +0 -0
  68. data/vendor/reveal.js/plugin/notes-server/client.js +0 -0
  69. data/vendor/reveal.js/plugin/notes-server/index.js +0 -0
  70. data/vendor/reveal.js/plugin/notes-server/notes.html +0 -0
  71. data/vendor/reveal.js/plugin/postmessage/example.html +0 -0
  72. data/vendor/reveal.js/plugin/postmessage/postmessage.js +0 -0
  73. data/vendor/reveal.js/plugin/print-pdf/print-pdf.js +0 -0
  74. data/vendor/reveal.js/plugin/remotes/remotes.js +4 -4
  75. data/vendor/reveal.js/plugin/search/search.js +0 -0
  76. data/vendor/reveal.js/plugin/zoom-js/zoom.js +3 -1
  77. data/vendor/reveal.js/{examples → test/examples}/assets/image1.png +0 -0
  78. data/vendor/reveal.js/{examples → test/examples}/assets/image2.png +0 -0
  79. data/vendor/reveal.js/{examples → test/examples}/barebones.html +2 -3
  80. data/vendor/reveal.js/{examples → test/examples}/embedded-media.html +4 -4
  81. data/vendor/reveal.js/{examples → test/examples}/math.html +6 -6
  82. data/vendor/reveal.js/{examples → test/examples}/slide-backgrounds.html +26 -5
  83. data/vendor/reveal.js/test/qunit-1.12.0.css +244 -0
  84. data/vendor/reveal.js/test/qunit-1.12.0.js +2212 -0
  85. data/vendor/reveal.js/test/test-markdown-element-attributes.html +134 -0
  86. data/vendor/reveal.js/test/test-markdown-element-attributes.js +46 -0
  87. data/vendor/reveal.js/test/test-markdown-slide-attributes.html +128 -0
  88. data/vendor/reveal.js/test/test-markdown-slide-attributes.js +47 -0
  89. data/vendor/reveal.js/test/test-markdown.html +52 -0
  90. data/vendor/reveal.js/test/test-markdown.js +15 -0
  91. data/vendor/reveal.js/test/test.html +81 -0
  92. data/vendor/reveal.js/test/test.js +438 -0
  93. metadata +58 -45
data/vendor/reveal.js/index.html ADDED
@@ -0,0 +1,388 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="utf-8">
6
+
7
+ <title>reveal.js - The HTML Presentation Framework</title>
8
+
9
+ <meta name="description" content="A framework for easily creating beautiful presentations using HTML">
10
+ <meta name="author" content="Hakim El Hattab">
11
+
12
+ <meta name="apple-mobile-web-app-capable" content="yes" />
13
+ <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
14
+
15
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
16
+
17
+ <link rel="stylesheet" href="css/reveal.min.css">
18
+ <link rel="stylesheet" href="css/theme/default.css" id="theme">
19
+
20
+ <!-- For syntax highlighting -->
21
+ <link rel="stylesheet" href="lib/css/zenburn.css">
22
+
23
+ <!-- If the query includes 'print-pdf', use the PDF print sheet -->
24
+ <script>
25
+ document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
26
+ </script>
27
+
28
+ <!--[if lt IE 9]>
29
+ <script src="lib/js/html5shiv.js"></script>
30
+ <![endif]-->
31
+ </head>
32
+
33
+ <body>
34
+
35
+ <div class="reveal">
36
+
37
+ <!-- Any section element inside of this container is displayed as a slide -->
38
+ <div class="slides">
39
+ <section>
40
+ <h1>Reveal.js</h1>
41
+ <h3>HTML Presentations Made Easy</h3>
42
+ <p>
43
+ <small>Created by <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small>
44
+ </p>
45
+ </section>
46
+
47
+ <section>
48
+ <h2>Heads Up</h2>
49
+ <p>
50
+ reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with
51
+ support for CSS 3D transforms to see it in its full glory.
52
+ </p>
53
+
54
+ <aside class="notes">
55
+ Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).
56
+ </aside>
57
+ </section>
58
+
59
+ <!-- Example of nested vertical slides -->
60
+ <section>
61
+ <section>
62
+ <h2>Vertical Slides</h2>
63
+ <p>
64
+ Slides can be nested inside of other slides,
65
+ try pressing <a href="#" class="navigate-down">down</a>.
66
+ </p>
67
+ <a href="#" class="image navigate-down">
68
+ <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
69
+ </a>
70
+ </section>
71
+ <section>
72
+ <h2>Basement Level 1</h2>
73
+ <p>Press down or up to navigate.</p>
74
+ </section>
75
+ <section>
76
+ <h2>Basement Level 2</h2>
77
+ <p>Cornify</p>
78
+ <a class="test" href="http://cornify.com">
79
+ <img width="280" height="326" src="https://s3.amazonaws.com/hakim-static/reveal-js/cornify.gif" alt="Unicorn">
80
+ </a>
81
+ </section>
82
+ <section>
83
+ <h2>Basement Level 3</h2>
84
+ <p>That's it, time to go back up.</p>
85
+ <a href="#/2" class="image">
86
+ <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(180deg);">
87
+ </a>
88
+ </section>
89
+ </section>
90
+
91
+ <section>
92
+ <h2>Slides</h2>
93
+ <p>
94
+ Not a coder? No problem. There's a fully-featured visual editor for authoring these, try it out at <a href="http://slid.es" target="_blank">http://slid.es</a>.
95
+ </p>
96
+ </section>
97
+
98
+ <section>
99
+ <h2>Point of View</h2>
100
+ <p>
101
+ Press <strong>ESC</strong> to enter the slide overview.
102
+ </p>
103
+ <p>
104
+ Hold down alt and click on any element to zoom in on it using <a href="http://lab.hakim.se/zoom-js">zoom.js</a>. Alt + click anywhere to zoom back out.
105
+ </p>
106
+ </section>
107
+
108
+ <section>
109
+ <h2>Works in Mobile Safari</h2>
110
+ <p>
111
+ Try it out! You can swipe through the slides and pinch your way to the overview.
112
+ </p>
113
+ </section>
114
+
115
+ <section>
116
+ <h2>Marvelous Unordered List</h2>
117
+ <ul>
118
+ <li>No order here</li>
119
+ <li>Or here</li>
120
+ <li>Or here</li>
121
+ <li>Or here</li>
122
+ </ul>
123
+ </section>
124
+
125
+ <section>
126
+ <h2>Fantastic Ordered List</h2>
127
+ <ol>
128
+ <li>One is smaller than...</li>
129
+ <li>Two is smaller than...</li>
130
+ <li>Three!</li>
131
+ </ol>
132
+ </section>
133
+
134
+ <section data-markdown>
135
+ <script type="text/template">
136
+ ## Markdown support
137
+
138
+ For those of you who like that sort of thing. Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
139
+
140
+ ```
141
+ <section data-markdown>
142
+ ## Markdown support
143
+
144
+ For those of you who like that sort of thing.
145
+ Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
146
+ </section>
147
+ ```
148
+ </script>
149
+ </section>
150
+
151
+ <section id="transitions">
152
+ <h2>Transition Styles</h2>
153
+ <p>
154
+ You can select from different transitions, like: <br>
155
+ <a href="?transition=cube#/transitions">Cube</a> -
156
+ <a href="?transition=page#/transitions">Page</a> -
157
+ <a href="?transition=concave#/transitions">Concave</a> -
158
+ <a href="?transition=zoom#/transitions">Zoom</a> -
159
+ <a href="?transition=linear#/transitions">Linear</a> -
160
+ <a href="?transition=fade#/transitions">Fade</a> -
161
+ <a href="?transition=none#/transitions">None</a> -
162
+ <a href="?#/transitions">Default</a>
163
+ </p>
164
+ </section>
165
+
166
+ <section id="themes">
167
+ <h2>Themes</h2>
168
+ <p>
169
+ Reveal.js comes with a few themes built in: <br>
170
+ <a href="?#/themes">Default</a> -
171
+ <a href="?theme=sky#/themes">Sky</a> -
172
+ <a href="?theme=beige#/themes">Beige</a> -
173
+ <a href="?theme=simple#/themes">Simple</a> -
174
+ <a href="?theme=serif#/themes">Serif</a> -
175
+ <a href="?theme=night#/themes">Night</a> <br>
176
+ <a href="?theme=moon#/themes">Moon</a> -
177
+ <a href="?theme=solarized#/themes">Solarized</a>
178
+ </p>
179
+ <p>
180
+ <small>
181
+ * Theme demos are loaded after the presentation which leads to flicker. In production you should load your theme in the <code>&lt;head&gt;</code> using a <code>&lt;link&gt;</code>.
182
+ </small>
183
+ </p>
184
+ </section>
185
+
186
+ <section>
187
+ <h2>Global State</h2>
188
+ <p>
189
+ Set <code>data-state="something"</code> on a slide and <code>"something"</code>
190
+ will be added as a class to the document element when the slide is open. This lets you
191
+ apply broader style changes, like switching the background.
192
+ </p>
193
+ </section>
194
+
195
+ <section data-state="customevent">
196
+ <h2>Custom Events</h2>
197
+ <p>
198
+ Additionally custom events can be triggered on a per slide basis by binding to the <code>data-state</code> name.
199
+ </p>
200
+ <pre><code data-trim contenteditable style="font-size: 18px; margin-top: 20px;">
201
+ Reveal.addEventListener( 'customevent', function() {
202
+ console.log( '"customevent" has fired' );
203
+ } );
204
+ </code></pre>
205
+ </section>
206
+
207
+ <section>
208
+ <section data-background="#007777">
209
+ <h2>Slide Backgrounds</h2>
210
+ <p>
211
+ Set <code>data-background="#007777"</code> on a slide to change the full page background to the given color. All CSS color formats are supported.
212
+ </p>
213
+ <a href="#" class="image navigate-down">
214
+ <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
215
+ </a>
216
+ </section>
217
+ <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png">
218
+ <h2>Image Backgrounds</h2>
219
+ <pre><code>&lt;section data-background="image.png"&gt;</code></pre>
220
+ </section>
221
+ <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" data-background-repeat="repeat" data-background-size="100px">
222
+ <h2>Repeated Image Backgrounds</h2>
223
+ <pre><code style="word-wrap: break-word;">&lt;section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"&gt;</code></pre>
224
+ </section>
225
+ </section>
226
+
227
+ <section data-transition="linear" data-background="#4d7e65" data-background-transition="slide">
228
+ <h2>Background Transitions</h2>
229
+ <p>
230
+ Pass reveal.js the <code>backgroundTransition: 'slide'</code> config argument to make backgrounds slide rather than fade.
231
+ </p>
232
+ </section>
233
+
234
+ <section data-transition="linear" data-background="#8c4738" data-background-transition="slide">
235
+ <h2>Background Transition Override</h2>
236
+ <p>
237
+ You can override background transitions per slide by using <code>data-background-transition="slide"</code>.
238
+ </p>
239
+ </section>
240
+
241
+ <section>
242
+ <h2>Clever Quotes</h2>
243
+ <p>
244
+ These guys come in two forms, inline: <q cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
245
+ &ldquo;The nice thing about standards is that there are so many to choose from&rdquo;</q> and block:
246
+ </p>
247
+ <blockquote cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
248
+ &ldquo;For years there has been a theory that millions of monkeys typing at random on millions of typewriters would
249
+ reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue.&rdquo;
250
+ </blockquote>
251
+ </section>
252
+
253
+ <section>
254
+ <h2>Pretty Code</h2>
255
+ <pre><code data-trim contenteditable>
256
+ function linkify( selector ) {
257
+ if( supports3DTransforms ) {
258
+
259
+ var nodes = document.querySelectorAll( selector );
260
+
261
+ for( var i = 0, len = nodes.length; i &lt; len; i++ ) {
262
+ var node = nodes[i];
263
+
264
+ if( !node.className ) {
265
+ node.className += ' roll';
266
+ }
267
+ }
268
+ }
269
+ }
270
+ </code></pre>
271
+ <p>Courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p>
272
+ </section>
273
+
274
+ <section>
275
+ <h2>Intergalactic Interconnections</h2>
276
+ <p>
277
+ You can link between slides internally,
278
+ <a href="#/2/3">like this</a>.
279
+ </p>
280
+ </section>
281
+
282
+ <section>
283
+ <section id="fragments">
284
+ <h2>Fragmented Views</h2>
285
+ <p>Hit the next arrow...</p>
286
+ <p class="fragment">... to step through ...</p>
287
+ <ol>
288
+ <li class="fragment"><code>any type</code></li>
289
+ <li class="fragment"><em>of view</em></li>
290
+ <li class="fragment"><strong>fragments</strong></li>
291
+ </ol>
292
+
293
+ <aside class="notes">
294
+ This slide has fragments which are also stepped through in the notes window.
295
+ </aside>
296
+ </section>
297
+ <section>
298
+ <h2>Fragment Styles</h2>
299
+ <p>There's a few styles of fragments, like:</p>
300
+ <p class="fragment grow">grow</p>
301
+ <p class="fragment shrink">shrink</p>
302
+ <p class="fragment roll-in">roll-in</p>
303
+ <p class="fragment fade-out">fade-out</p>
304
+ <p class="fragment highlight-red">highlight-red</p>
305
+ <p class="fragment highlight-green">highlight-green</p>
306
+ <p class="fragment highlight-blue">highlight-blue</p>
307
+ <p class="fragment current-visible">current-visible</p>
308
+ <p class="fragment highlight-current-blue">highlight-current-blue</p>
309
+ </section>
310
+ </section>
311
+
312
+ <section>
313
+ <h2>Spectacular image!</h2>
314
+ <a class="image" href="http://lab.hakim.se/meny/" target="_blank">
315
+ <img width="320" height="299" src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" alt="Meny">
316
+ </a>
317
+ </section>
318
+
319
+ <section>
320
+ <h2>Export to PDF</h2>
321
+ <p>Presentations can be <a href="https://github.com/hakimel/reveal.js#pdf-export">exported to PDF</a>, below is an example that's been uploaded to SlideShare.</p>
322
+ <iframe id="slideshare" src="http://www.slideshare.net/slideshow/embed_code/13872948" width="455" height="356" style="margin:0;overflow:hidden;border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen> </iframe>
323
+ <script>
324
+ document.getElementById('slideshare').attributeName = 'allowfullscreen';
325
+ </script>
326
+ </section>
327
+
328
+ <section>
329
+ <h2>Take a Moment</h2>
330
+ <p>
331
+ Press b or period on your keyboard to enter the 'paused' mode. This mode is helpful when you want to take distracting slides off the screen
332
+ during a presentation.
333
+ </p>
334
+ </section>
335
+
336
+ <section>
337
+ <h2>Stellar Links</h2>
338
+ <ul>
339
+ <li><a href="http://slid.es">Try the online editor</a></li>
340
+ <li><a href="https://github.com/hakimel/reveal.js">Source code on GitHub</a></li>
341
+ <li><a href="http://twitter.com/hakimel">Follow me on Twitter</a></li>
342
+ </ul>
343
+ </section>
344
+
345
+ <section>
346
+ <h1>THE END</h1>
347
+ <h3>BY Hakim El Hattab / hakim.se</h3>
348
+ </section>
349
+
350
+ </div>
351
+
352
+ </div>
353
+
354
+ <script src="lib/js/head.min.js"></script>
355
+ <script src="js/reveal.min.js"></script>
356
+
357
+ <script>
358
+
359
+ // Full list of configuration options available here:
360
+ // https://github.com/hakimel/reveal.js#configuration
361
+ Reveal.initialize({
362
+ controls: true,
363
+ progress: true,
364
+ history: true,
365
+ center: true,
366
+
367
+ theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
368
+ transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
369
+
370
+ // Parallax scrolling
371
+ // parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg',
372
+ // parallaxBackgroundSize: '2100px 900px',
373
+
374
+ // Optional libraries used to extend on reveal.js
375
+ dependencies: [
376
+ { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
377
+ { src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
378
+ { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
379
+ { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
380
+ { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
381
+ { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
382
+ ]
383
+ });
384
+
385
+ </script>
386
+
387
+ </body>
388
+ </html>