reveal-ck 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (92) hide show
  1. data/.gitmodules +3 -0
  2. data/.rspec +2 -0
  3. data/.rvmrc +16 -0
  4. data/.travis.yml +4 -0
  5. data/Gemfile +15 -0
  6. data/Gemfile.lock +52 -0
  7. data/LICENSE +20 -0
  8. data/README.md +103 -0
  9. data/Rakefile +16 -0
  10. data/VERSION +1 -0
  11. data/bin/reveal-ck +46 -0
  12. data/features/data/images/ruby100.png +0 -0
  13. data/features/generate.feature +63 -0
  14. data/features/help.feature +18 -0
  15. data/features/step_definitions/file_management_steps.rb +3 -0
  16. data/features/support/env.rb +15 -0
  17. data/features/support/file_management.rb +16 -0
  18. data/lib/reveal-ck.rb +4 -0
  19. data/lib/reveal-ck/file_slicer.rb +23 -0
  20. data/lib/reveal-ck/file_splicer.rb +39 -0
  21. data/lib/reveal-ck/haml_processor.rb +24 -0
  22. data/lib/reveal-ck/version.rb +4 -0
  23. data/rakelib/cucumber.rake +2 -0
  24. data/rakelib/jeweler.rake +12 -0
  25. data/rakelib/presentation.rake +40 -0
  26. data/rakelib/reveal.rake +15 -0
  27. data/rakelib/rspec.rake +5 -0
  28. data/reveal-ck.gemspec +152 -0
  29. data/reveal.js/LICENSE +19 -0
  30. data/reveal.js/README.md +374 -0
  31. data/reveal.js/css/print/paper.css +176 -0
  32. data/reveal.js/css/print/pdf.css +160 -0
  33. data/reveal.js/css/reveal.css +1312 -0
  34. data/reveal.js/css/reveal.min.css +7 -0
  35. data/reveal.js/css/shaders/tile-flip.fs +64 -0
  36. data/reveal.js/css/shaders/tile-flip.vs +141 -0
  37. data/reveal.js/css/theme/README.md +25 -0
  38. data/reveal.js/css/theme/beige.css +163 -0
  39. data/reveal.js/css/theme/default.css +163 -0
  40. data/reveal.js/css/theme/night.css +150 -0
  41. data/reveal.js/css/theme/serif.css +150 -0
  42. data/reveal.js/css/theme/simple.css +152 -0
  43. data/reveal.js/css/theme/sky.css +156 -0
  44. data/reveal.js/css/theme/source/beige.scss +50 -0
  45. data/reveal.js/css/theme/source/default.scss +42 -0
  46. data/reveal.js/css/theme/source/night.scss +35 -0
  47. data/reveal.js/css/theme/source/serif.scss +33 -0
  48. data/reveal.js/css/theme/source/simple.scss +38 -0
  49. data/reveal.js/css/theme/source/sky.scss +41 -0
  50. data/reveal.js/css/theme/template/mixins.scss +29 -0
  51. data/reveal.js/css/theme/template/settings.scss +33 -0
  52. data/reveal.js/css/theme/template/theme.scss +163 -0
  53. data/reveal.js/grunt.js +84 -0
  54. data/reveal.js/index.html +375 -0
  55. data/reveal.js/js/reveal.js +1796 -0
  56. data/reveal.js/js/reveal.min.js +8 -0
  57. data/reveal.js/lib/css/zenburn.css +115 -0
  58. data/reveal.js/lib/font/league_gothic-webfont.eot +0 -0
  59. data/reveal.js/lib/font/league_gothic-webfont.svg +230 -0
  60. data/reveal.js/lib/font/league_gothic-webfont.ttf +0 -0
  61. data/reveal.js/lib/font/league_gothic-webfont.woff +0 -0
  62. data/reveal.js/lib/font/league_gothic_license +2 -0
  63. data/reveal.js/lib/js/classList.js +2 -0
  64. data/reveal.js/lib/js/head.min.js +8 -0
  65. data/reveal.js/lib/js/html5shiv.js +7 -0
  66. data/reveal.js/package.json +31 -0
  67. data/reveal.js/plugin/highlight/highlight.js +9 -0
  68. data/reveal.js/plugin/markdown/markdown.js +37 -0
  69. data/reveal.js/plugin/markdown/showdown.js +62 -0
  70. data/reveal.js/plugin/notes-server/client.js +57 -0
  71. data/reveal.js/plugin/notes-server/index.js +58 -0
  72. data/reveal.js/plugin/notes-server/notes.html +139 -0
  73. data/reveal.js/plugin/notes/notes.html +164 -0
  74. data/reveal.js/plugin/notes/notes.js +98 -0
  75. data/reveal.js/plugin/postmessage/example.html +39 -0
  76. data/reveal.js/plugin/postmessage/postmessage.js +42 -0
  77. data/reveal.js/plugin/print-pdf/print-pdf.js +39 -0
  78. data/reveal.js/plugin/remotes/remotes.js +30 -0
  79. data/reveal.js/plugin/zoom-js/zoom.js +251 -0
  80. data/spec/data/haml/basic.haml +7 -0
  81. data/spec/data/html/converted_basic_haml.html +10 -0
  82. data/spec/data/html/reveal-js-index.html +375 -0
  83. data/spec/data/slicer/after_remove +6 -0
  84. data/spec/data/slicer/before_remove +10 -0
  85. data/spec/data/splicer/abcd +4 -0
  86. data/spec/data/splicer/after_insert +14 -0
  87. data/spec/data/splicer/before_insert +10 -0
  88. data/spec/lib/reveal-ck/file_slicer_spec.rb +42 -0
  89. data/spec/lib/reveal-ck/file_splicer_spec.rb +41 -0
  90. data/spec/lib/reveal-ck/haml_processor_spec.rb +38 -0
  91. data/spec/spec_helper.rb +27 -0
  92. metadata +271 -0
data/spec/data/haml/basic.haml ADDED
@@ -0,0 +1,7 @@
1
+ %section
2
+ %p
3
+ This is basic HAML
4
+
5
+ %section
6
+ %p
7
+ Right?
data/spec/data/html/converted_basic_haml.html ADDED
@@ -0,0 +1,10 @@
1
+ <section>
2
+ <p>
3
+ This is basic HAML
4
+ </p>
5
+ </section>
6
+ <section>
7
+ <p>
8
+ Right?
9
+ </p>
10
+ </section>
data/spec/data/html/reveal-js-index.html ADDED
@@ -0,0 +1,375 @@
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
+ <link rel="stylesheet" href="css/reveal.min.css">
16
+ <link rel="stylesheet" href="css/theme/default.css" id="theme">
17
+
18
+ <!-- For syntax highlighting -->
19
+ <link rel="stylesheet" href="lib/css/zenburn.css">
20
+
21
+ <!-- If the query includes 'print-pdf', use the PDF print sheet -->
22
+ <script>
23
+ document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
24
+ </script>
25
+
26
+ <!--[if lt IE 9]>
27
+ <script src="lib/js/html5shiv.js"></script>
28
+ <![endif]-->
29
+ </head>
30
+
31
+ <body>
32
+
33
+ <div class="reveal">
34
+
35
+ <!-- Any section element inside of this container is displayed as a slide -->
36
+ <div class="slides">
37
+
38
+ <section>
39
+ <h1>Reveal.js</h1>
40
+ <h3>HTML Presentations Made Easy</h3>
41
+ <p>
42
+ <small>Created by <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small>
43
+ </p>
44
+ </section>
45
+
46
+ <section>
47
+ <h2>Heads Up</h2>
48
+ <p>
49
+ reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with
50
+ support for CSS 3D transforms to see it in its full glory.
51
+ </p>
52
+
53
+ <aside class="notes">
54
+ 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).
55
+ </aside>
56
+ </section>
57
+
58
+ <!-- Example of nested vertical slides -->
59
+ <section>
60
+ <section>
61
+ <h2>Vertical Slides</h2>
62
+ <p>
63
+ Slides can be nested inside of other slides,
64
+ try pressing <a href="#" class="navigate-down">down</a>.
65
+ </p>
66
+ <a href="#" class="image navigate-down">
67
+ <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
68
+ </a>
69
+ </section>
70
+ <section>
71
+ <h2>Basement Level 1</h2>
72
+ <p>Press down or up to navigate.</p>
73
+ </section>
74
+ <section>
75
+ <h2>Basement Level 2</h2>
76
+ <p>Cornify</p>
77
+ <a class="test" href="http://cornify.com">
78
+ <img width="280" height="326" src="https://s3.amazonaws.com/hakim-static/reveal-js/cornify.gif" alt="Unicorn">
79
+ </a>
80
+ </section>
81
+ <section>
82
+ <h2>Basement Level 3</h2>
83
+ <p>That's it, time to go back up.</p>
84
+ <a href="#/2" class="image">
85
+ <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(180deg);">
86
+ </a>
87
+ </section>
88
+ </section>
89
+
90
+ <section>
91
+ <h2>Point of View</h2>
92
+ <p>
93
+ Press <strong>ESC</strong> to enter the slide overview. 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.
94
+ </p>
95
+ </section>
96
+
97
+ <section>
98
+ <h2>rvl.io</h2>
99
+ <p>
100
+ If you don't like writing slides in HTML you can use the online editor <a href="http://www.rvl.io" target="_blank">rvl.io</a>.
101
+ </p>
102
+ </section>
103
+
104
+ <section>
105
+ <h2>Works in Mobile Safari</h2>
106
+ <p>
107
+ Try it out! You can swipe through the slides and pinch your way to the overview.
108
+ </p>
109
+ </section>
110
+
111
+ <section>
112
+ <h2>Marvelous Unordered List</h2>
113
+ <ul>
114
+ <li>No order here</li>
115
+ <li>Or here</li>
116
+ <li>Or here</li>
117
+ <li>Or here</li>
118
+ </ul>
119
+ </section>
120
+
121
+ <section>
122
+ <h2>Fantastic Ordered List</h2>
123
+ <ol>
124
+ <li>One is smaller than...</li>
125
+ <li>Two is smaller than...</li>
126
+ <li>Three!</li>
127
+ </ol>
128
+ </section>
129
+
130
+ <section data-markdown>
131
+ <script type="text/template">
132
+ ## Markdown support
133
+
134
+ 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).
135
+
136
+ <section data-markdown>
137
+ ## Markdown support
138
+
139
+ For those of you who like that sort of thing.
140
+ Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
141
+ </section>
142
+ </script>
143
+ </section>
144
+
145
+ <section id="transitions">
146
+ <h2>Transition Styles</h2>
147
+ <p>
148
+ You can select from different transitions, like: <br>
149
+ <a href="?transition=cube#/transitions">Cube</a> -
150
+ <a href="?transition=page#/transitions">Page</a> -
151
+ <a href="?transition=concave#/transitions">Concave</a> -
152
+ <a href="?transition=zoom#/transitions">Zoom</a> -
153
+ <a href="?transition=linear#/transitions">Linear</a> -
154
+ <a href="?transition=fade#/transitions">Fade</a> -
155
+ <a href="?transition=none#/transitions">None</a> -
156
+ <a href="?#/transitions">Default</a>
157
+ </p>
158
+ </section>
159
+
160
+ <section id="themes">
161
+ <h2>Themes</h2>
162
+ <p>
163
+ Reveal.js comes with a few themes built in: <br>
164
+ <a href="?theme=sky#/themes">Sky</a> -
165
+ <a href="?theme=beige#/themes">Beige</a> -
166
+ <a href="?theme=simple#/themes">Simple</a> -
167
+ <a href="?theme=serif#/themes">Serif</a> -
168
+ <a href="?theme=night#/themes">Night</a> -
169
+ <a href="?#/themes">Default</a>
170
+ </p>
171
+ <p>
172
+ <small>
173
+ * 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>.
174
+ </small>
175
+ </p>
176
+ </section>
177
+
178
+ <section>
179
+ <section data-state="alert">
180
+ <h2>Global State</h2>
181
+ <p>
182
+ Set <code>data-state="something"</code> on a slide and <code>"something"</code>
183
+ will be added as a class to the document element when the slide is open. This lets you
184
+ apply broader style changes, like switching the background.
185
+ </p>
186
+ <a href="#" class="image navigate-down">
187
+ <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
188
+ </a>
189
+ </section>
190
+ <section data-state="blackout">
191
+ <h2>"blackout"</h2>
192
+ <a href="#" class="image navigate-down">
193
+ <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
194
+ </a>
195
+ </section>
196
+ <section data-state="soothe">
197
+ <h2>"soothe"</h2>
198
+ <a href="#" class="image navigate-next">
199
+ <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(-90deg);">
200
+ </a>
201
+ </section>
202
+ </section>
203
+
204
+ <section data-state="customevent">
205
+ <h2>Custom Events</h2>
206
+ <p>
207
+ Additionally custom events can be triggered on a per slide basis by binding to the <code>data-state</code> name.
208
+ </p>
209
+ <pre><code contenteditable style="font-size: 18px; margin-top: 20px;">Reveal.addEventListener( 'customevent', function() {
210
+ console.log( '"customevent" has fired' );
211
+ } );
212
+ </code></pre>
213
+ </section>
214
+
215
+ <section>
216
+ <h2>Clever Quotes</h2>
217
+ <p>
218
+ These guys come in two forms, inline: <q cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
219
+ The nice thing about standards is that there are so many to choose from</q> and block:
220
+ </p>
221
+ <blockquote cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
222
+ For years there has been a theory that millions of monkeys typing at random on millions of typewriters would
223
+ reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue.
224
+ </blockquote>
225
+ </section>
226
+
227
+ <section>
228
+ <h2>Pretty Code</h2>
229
+ <pre><code contenteditable>
230
+ function linkify( selector ) {
231
+ if( supports3DTransforms ) {
232
+
233
+ var nodes = document.querySelectorAll( selector );
234
+
235
+ for( var i = 0, len = nodes.length; i &lt; len; i++ ) {
236
+ var node = nodes[i];
237
+
238
+ if( !node.className ) ) {
239
+ node.className += ' roll';
240
+ }
241
+ };
242
+ }
243
+ }
244
+ </code></pre>
245
+ <p>Courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p>
246
+ </section>
247
+
248
+ <section>
249
+ <h2>Intergalactic Interconnections</h2>
250
+ <p>
251
+ You can link between slides internally,
252
+ <a href="#/2/3">like this</a>.
253
+ </p>
254
+ </section>
255
+
256
+ <section>
257
+ <section>
258
+ <h2>Fragmented Views</h2>
259
+ <p>Hit the next arrow...</p>
260
+ <p class="fragment">... to step through ...</p>
261
+ <ol>
262
+ <li class="fragment"><code>any type</code></li>
263
+ <li class="fragment"><em>of view</em></li>
264
+ <li class="fragment"><strong>fragments</strong></li>
265
+ </ol>
266
+
267
+ <aside class="notes">
268
+ This slide has fragments which are also stepped through in the notes window.
269
+ </aside>
270
+ </section>
271
+ <section>
272
+ <h2>Fragment Styles</h2>
273
+ <p>There's a few styles of fragments, like:</p>
274
+ <p class="fragment grow">grow</p>
275
+ <p class="fragment shrink">shrink</p>
276
+ <p class="fragment roll-in">roll-in</p>
277
+ <p class="fragment fade-out">fade-out</p>
278
+ <p class="fragment highlight-red">highlight-red</p>
279
+ <p class="fragment highlight-green">highlight-green</p>
280
+ <p class="fragment highlight-blue">highlight-blue</p>
281
+ </section>
282
+ </section>
283
+
284
+ <section>
285
+ <h2>Spectacular image!</h2>
286
+ <a class="image" href="http://lab.hakim.se/meny/" target="_blank">
287
+ <img width="320" height="299" src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" alt="Meny">
288
+ </a>
289
+ </section>
290
+
291
+ <section>
292
+ <h2>Export to PDF</h2>
293
+ <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>
294
+ <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>
295
+ <script>
296
+ document.getElementById('slideshare').attributeName = 'allowfullscreen';
297
+ </script>
298
+ </section>
299
+
300
+ <section>
301
+ <h2>Take a Moment</h2>
302
+ <p>
303
+ 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
304
+ during a presentation.
305
+ </p>
306
+ </section>
307
+
308
+ <section>
309
+ <h2>Stellar Links</h2>
310
+ <ul>
311
+ <li><a href="https://github.com/hakimel/reveal.js">Source code on GitHub</a></li>
312
+ <li><a href="http://hakim.se/projects/reveal-js">Leave feedback on my site</a></li>
313
+ <li><a href="http://twitter.com/hakimel">Follow me on Twitter</a></li>
314
+ </ul>
315
+ </section>
316
+
317
+ <section>
318
+ <h2>It's free</h2>
319
+ <p>
320
+ reveal.js and <a href="http://www.rvl.io">rvl.io</a> are entirely free but if you'd like to support the projects you can donate below.
321
+ Donations will go towards hosting and domain costs.
322
+ </p>
323
+ <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
324
+ <input type="hidden" name="cmd" value="_donations">
325
+ <input type="hidden" name="business" value="hakim.elhattab@gmail.com">
326
+ <input type="hidden" name="lc" value="US">
327
+ <input type="hidden" name="item_name" value="reveal.js / rvl.io">
328
+ <input type="hidden" name="no_note" value="0">
329
+ <input type="hidden" name="currency_code" value="USD">
330
+ <input type="hidden" name="bn" value="PP-DonationsBF:btn_donate_LG.gif:NonHostedGuest">
331
+ <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
332
+ </form>
333
+ </section>
334
+
335
+ <section>
336
+ <h1>THE END</h1>
337
+ <h3>BY Hakim El Hattab / hakim.se</h3>
338
+ </section>
339
+
340
+ </div>
341
+
342
+ </div>
343
+
344
+ <script src="lib/js/head.min.js"></script>
345
+ <script src="js/reveal.min.js"></script>
346
+
347
+ <script>
348
+
349
+ // Full list of configuration options available here:
350
+ // https://github.com/hakimel/reveal.js#configuration
351
+ Reveal.initialize({
352
+ controls: true,
353
+ progress: true,
354
+ history: true,
355
+ center: true,
356
+
357
+ theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
358
+ transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
359
+
360
+ // Optional libraries used to extend on reveal.js
361
+ dependencies: [
362
+ { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
363
+ { src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
364
+ { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
365
+ { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
366
+ { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
367
+ { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
368
+ // { src: 'plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
369
+ ]
370
+ });
371
+
372
+ </script>
373
+
374
+ </body>
375
+ </html>
data/spec/data/slicer/after_remove ADDED
@@ -0,0 +1,6 @@
1
+ 0
2
+ 1
3
+ 2
4
+ 7
5
+ 8
6
+ 9
data/spec/data/slicer/before_remove ADDED
@@ -0,0 +1,10 @@
1
+ 0
2
+ 1
3
+ 2
4
+ 3
5
+ 4
6
+ 5
7
+ 6
8
+ 7
9
+ 8
10
+ 9
data/spec/data/splicer/abcd ADDED
@@ -0,0 +1,4 @@
1
+ a
2
+ b
3
+ c
4
+ d
data/spec/data/splicer/after_insert ADDED
@@ -0,0 +1,14 @@
1
+ 0
2
+ 1
3
+ 2
4
+ 3
5
+ a
6
+ b
7
+ c
8
+ d
9
+ 4
10
+ 5
11
+ 6
12
+ 7
13
+ 8
14
+ 9
data/spec/data/splicer/before_insert ADDED
@@ -0,0 +1,10 @@
1
+ 0
2
+ 1
3
+ 2
4
+ 3
5
+ 4
6
+ 5
7
+ 6
8
+ 7
9
+ 8
10
+ 9