hyla 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. checksums.yaml +8 -8
  2. data/README.adoc +44 -84
  3. data/bin/hyla +23 -7
  4. data/data/chm-status-weeks-0601-1001.html +913 -0
  5. data/documentation/image/access_local_file.png +0 -0
  6. data/documentation/image/email_send.png +0 -0
  7. data/{hyla_frog.jpg → documentation/image/hyla_frog.jpg} +0 -0
  8. data/documentation/introduction.adoc +433 -0
  9. data/hyla.gemspec +7 -5
  10. data/lib/hyla.rb +4 -2
  11. data/lib/hyla/commands/generate.rb +102 -76
  12. data/lib/hyla/commands/sendmail.rb +97 -0
  13. data/lib/hyla/commands/watch.rb +6 -4
  14. data/lib/hyla/configuration.rb +49 -26
  15. data/lib/hyla/project.rb +1 -1
  16. data/lib/resources/backends/slim/revealjs/document.html.slim +1 -1
  17. data/lib/resources/backends/slim/revealjs/section.html.slim +3 -3
  18. data/lib/resources/revealjs/plugin/notes/notes.html +252 -248
  19. data/lib/resources/styles/asciidoctor.css +1 -1
  20. data/lib/resources/styles/colony.css +1 -1
  21. data/lib/resources/styles/foundation-lime.css +1 -1
  22. data/lib/resources/styles/foundation-potion.css +1 -1
  23. data/lib/resources/styles/foundation.css +1 -1
  24. data/lib/resources/styles/github.css +3 -3
  25. data/lib/resources/styles/golo.css +3 -3
  26. data/lib/resources/styles/iconic.css +1 -1
  27. data/lib/resources/styles/maker.css +2 -2
  28. data/lib/resources/styles/readthedocs.css +1 -1
  29. data/lib/resources/styles/redhat.css +1 -654
  30. data/lib/resources/styles/riak.css +1 -1
  31. data/lib/resources/styles/rocket-panda.css +1 -1
  32. data/lib/resources/styles/rubygems.css +1 -1
  33. data/lib/templates/_config.yml +2 -2
  34. data/lib/templates/sample/slideshow_revealjs.adoc +240 -6
  35. metadata +79 -18
  36. data/Gemfile.lock +0 -77
  37. data/data/generated/A_Introduction_module/1_Chapter.adoc +0 -42
  38. data/data/generated/A_Introduction_module/2_Chapter.adoc +0 -31
  39. data/data/generated/A_Introduction_module/3_Chapter.adoc +0 -23
  40. data/data/generated/A_Introduction_module/A_Introduction_module_AllSlides.index +0 -9
  41. data/data/generated/B_Instruction_module/1_Chapter.adoc +0 -27
  42. data/data/generated/B_Instruction_module/B_Instruction_module_AllSlides.index +0 -7
  43. data/data/generated/C_Installation_module/1_Chapter.adoc +0 -14
  44. data/data/generated/C_Installation_module/2_Chapter.adoc +0 -17
  45. data/data/generated/C_Installation_module/C_Installation_module_AllSlides.index +0 -8
  46. data/data/generated/camel_AllSlides.index +0 -9
  47. data/lib/templates/book/GemFile +0 -5
  48. data/scenario.adoc +0 -152
data/lib/hyla/project.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module Hyla
2
- VERSION = '1.0.1'
2
+ VERSION = '1.0.2'
3
3
  DESCRIPTION = 'Asciidoctor Hyla - Command Line tool to create new project, watch modifications, generate content, publish or consult it live !'
4
4
  SUMMARY = 'Asciidoctor Hyla - builder/generator of HTML5, slideshow. Watch modifications, generate content, publish or consult it live !'
5
5
  end
data/lib/resources/backends/slim/revealjs/document.html.slim CHANGED
@@ -14,7 +14,7 @@ html lang=(attr :lang, 'en' unless attr? :nolang)
14
14
  link href="revealjs/css/reveal.min.css" rel="stylesheet"
15
15
 
16
16
  - if attr? :revealjs_theme
17
- link rel='stylesheet' href='revealjs/css/theme/#{attr :revealjs_theme}.css' id='custom_theme'
17
+ link rel='stylesheet' href='revealjs/css/theme/#{attr :revealjs_theme}.css' id='theme'
18
18
  - else
19
19
  link rel='stylesheet' href='revealjs/css/theme/default.css' id='default_theme'
20
20
 
data/lib/resources/backends/slim/revealjs/section.html.slim CHANGED
@@ -1,3 +1,3 @@
1
- section
2
- h2 =title
3
- =content.chomp
1
+ section id=@id data-transition=(attr 'data-transition') data-transition-speed=(attr 'data-transition-speed') data-background=(attr 'data-background') data-background-size=(attr 'data-background-size') data-background-repeat=(attr 'data-background-repeat') data-background-transition=(attr 'data-background-transition')
2
+ h2=title
3
+ =content.chomp
data/lib/resources/revealjs/plugin/notes/notes.html CHANGED
@@ -1,267 +1,271 @@
1
1
  <!doctype html>
2
2
  <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
-
6
- <title>reveal.js - Slide Notes</title>
7
-
8
- <style>
9
- body {
10
- font-family: Helvetica;
11
- }
12
-
13
- #notes {
14
- font-size: 24px;
15
- width: 640px;
16
- margin-top: 5px;
17
- clear: left;
18
- }
19
-
20
- #wrap-current-slide {
21
- width: 640px;
22
- height: 512px;
23
- float: left;
24
- overflow: hidden;
25
- }
26
-
27
- #current-slide {
28
- width: 1280px;
29
- height: 1024px;
30
- border: none;
31
-
32
- -webkit-transform-origin: 0 0;
33
- -moz-transform-origin: 0 0;
34
- -ms-transform-origin: 0 0;
35
- -o-transform-origin: 0 0;
36
- transform-origin: 0 0;
37
-
38
- -webkit-transform: scale(0.5);
39
- -moz-transform: scale(0.5);
40
- -ms-transform: scale(0.5);
41
- -o-transform: scale(0.5);
42
- transform: scale(0.5);
43
- }
44
-
45
- #wrap-next-slide {
46
- width: 448px;
47
- height: 358px;
48
- float: left;
49
- margin: 0 0 0 10px;
50
- overflow: hidden;
51
- }
52
-
53
- #next-slide {
54
- width: 1280px;
55
- height: 1024px;
56
- border: none;
57
-
58
- -webkit-transform-origin: 0 0;
59
- -moz-transform-origin: 0 0;
60
- -ms-transform-origin: 0 0;
61
- -o-transform-origin: 0 0;
62
- transform-origin: 0 0;
63
-
64
- -webkit-transform: scale(0.35);
65
- -moz-transform: scale(0.35);
66
- -ms-transform: scale(0.35);
67
- -o-transform: scale(0.35);
68
- transform: scale(0.35);
69
- }
70
-
71
- .slides {
72
- position: relative;
73
- margin-bottom: 10px;
74
- border: 1px solid black;
75
- border-radius: 2px;
76
- background: rgb(28, 30, 32);
77
- }
78
-
79
- .slides span {
80
- position: absolute;
81
- top: 3px;
82
- left: 3px;
83
- font-weight: bold;
84
- font-size: 14px;
85
- color: rgba( 255, 255, 255, 0.9 );
86
- }
87
-
88
- .error {
89
- font-weight: bold;
90
- color: red;
91
- font-size: 1.5em;
92
- text-align: center;
93
- margin-top: 10%;
94
- }
95
-
96
- .error code {
97
- font-family: monospace;
98
- }
99
-
100
- .time {
101
- width: 448px;
102
- margin: 30px 0 0 10px;
103
- float: left;
104
- text-align: center;
105
- opacity: 0;
106
-
107
- -webkit-transition: opacity 0.4s;
108
- -moz-transition: opacity 0.4s;
109
- -o-transition: opacity 0.4s;
110
- transition: opacity 0.4s;
111
- }
112
-
113
- .elapsed,
114
- .clock {
115
- color: #333;
116
- font-size: 2em;
117
- text-align: center;
118
- display: inline-block;
119
- padding: 0.5em;
120
- background-color: #eee;
121
- border-radius: 10px;
122
- }
123
-
124
- .elapsed h2,
125
- .clock h2 {
126
- font-size: 0.8em;
127
- line-height: 100%;
128
- margin: 0;
129
- color: #aaa;
130
- }
131
-
132
- .elapsed .mute {
133
- color: #ddd;
134
- }
135
-
136
- </style>
137
- </head>
138
-
139
- <body>
140
-
141
- <script>
142
- function getNotesURL( controls ) {
143
- return window.opener.location.protocol + '//' + window.opener.location.host + window.opener.location.pathname + '?receiver&controls='+ ( controls || 'false' ) +'&progress=false&overview=false' + window.opener.location.hash;
144
- }
145
- var notesCurrentSlideURL = getNotesURL( true );
146
- var notesNextSlideURL = getNotesURL( false );
147
- </script>
148
-
149
- <div id="wrap-current-slide" class="slides">
150
- <script>document.write( '<iframe width="1280" height="1024" id="current-slide" src="'+ notesCurrentSlideURL +'"></iframe>' );</script>
151
- </div>
152
-
153
- <div id="wrap-next-slide" class="slides">
154
- <script>document.write( '<iframe width="640" height="512" id="next-slide" src="'+ notesNextSlideURL +'"></iframe>' );</script>
155
- <span>UPCOMING:</span>
156
- </div>
157
-
158
- <div class="time">
159
- <div class="clock">
160
- <h2>Time</h2>
161
- <span id="clock">0:00:00 AM</span>
162
- </div>
163
- <div class="elapsed">
164
- <h2>Elapsed</h2>
165
- <span id="hours">00</span><span id="minutes">:00</span><span id="seconds">:00</span>
166
- </div>
167
- </div>
168
-
169
- <div id="notes"></div>
170
-
171
- <script src="../../plugin/markdown/marked.js"></script>
172
- <script>
173
-
174
- window.addEventListener( 'load', function() {
175
-
176
- if( window.opener && window.opener.location && window.opener.location.href ) {
177
-
178
- var notes = document.getElementById( 'notes' ),
179
- currentSlide = document.getElementById( 'current-slide' ),
180
- nextSlide = document.getElementById( 'next-slide' ),
181
- silenced = false;
182
-
183
- window.addEventListener( 'message', function( event ) {
184
- var data = JSON.parse( event.data );
185
-
186
- // No need for updating the notes in case of fragment changes
187
- if ( data.notes !== undefined) {
188
- if( data.markdown ) {
189
- notes.innerHTML = marked( data.notes );
190
- }
191
- else {
192
- notes.innerHTML = data.notes;
193
- }
194
- }
195
-
196
- silenced = true;
197
-
198
- // Update the note slides
199
- currentSlide.contentWindow.Reveal.slide( data.indexh, data.indexv, data.indexf );
200
- nextSlide.contentWindow.Reveal.slide( data.nextindexh, data.nextindexv );
201
-
202
- silenced = false;
203
-
204
- }, false );
205
-
206
- var start = new Date(),
207
- timeEl = document.querySelector( '.time' ),
208
- clockEl = document.getElementById( 'clock' ),
209
- hoursEl = document.getElementById( 'hours' ),
210
- minutesEl = document.getElementById( 'minutes' ),
211
- secondsEl = document.getElementById( 'seconds' );
3
+ <head>
4
+ <meta charset="utf-8">
5
+
6
+ <title>reveal.js - Slide Notes</title>
7
+
8
+ <style>
9
+ body {
10
+ font-family: Helvetica;
11
+ }
12
+
13
+ #notes {
14
+ font-size: 18px;
15
+ width: 640px;
16
+ margin-top: 5px;
17
+ clear: left;
18
+ color: rgb(139,137,137);
19
+ }
20
+
21
+ #wrap-current-slide {
22
+ width: 640px;
23
+ height: 512px;
24
+ float: left;
25
+ overflow: hidden;
26
+ }
27
+
28
+ #current-slide {
29
+ width: 1280px;
30
+ height: 1024px;
31
+ border: none;
32
+
33
+ -webkit-transform-origin: 0 0;
34
+ -moz-transform-origin: 0 0;
35
+ -ms-transform-origin: 0 0;
36
+ -o-transform-origin: 0 0;
37
+ transform-origin: 0 0;
38
+
39
+ -webkit-transform: scale(0.5);
40
+ -moz-transform: scale(0.5);
41
+ -ms-transform: scale(0.5);
42
+ -o-transform: scale(0.5);
43
+ transform: scale(0.5);
44
+ }
45
+
46
+ #wrap-next-slide {
47
+ width: 448px;
48
+ height: 358px;
49
+ float: left;
50
+ margin: 0 0 0 10px;
51
+ overflow: hidden;
52
+ }
53
+
54
+ #next-slide {
55
+ width: 1280px;
56
+ height: 1024px;
57
+ border: none;
58
+
59
+ -webkit-transform-origin: 0 0;
60
+ -moz-transform-origin: 0 0;
61
+ -ms-transform-origin: 0 0;
62
+ -o-transform-origin: 0 0;
63
+ transform-origin: 0 0;
64
+
65
+ -webkit-transform: scale(0.35);
66
+ -moz-transform: scale(0.35);
67
+ -ms-transform: scale(0.35);
68
+ -o-transform: scale(0.35);
69
+ transform: scale(0.35);
70
+ }
71
+
72
+ .slides {
73
+ position: relative;
74
+ margin-bottom: 10px;
75
+ border: 1px solid black;
76
+ border-radius: 2px;
77
+ background: rgb(28, 30, 32);
78
+ }
79
+
80
+ .slides span {
81
+ position: absolute;
82
+ top: 3px;
83
+ left: 3px;
84
+ font-weight: bold;
85
+ font-size: 14px;
86
+ color: rgba( 255, 255, 255, 0.9 );
87
+ }
88
+
89
+ .error {
90
+ font-weight: bold;
91
+ color: red;
92
+ font-size: 1.5em;
93
+ text-align: center;
94
+ margin-top: 10%;
95
+ }
96
+
97
+ .error code {
98
+ font-family: monospace;
99
+ }
100
+
101
+ .time {
102
+ width: 525px;
103
+ margin: 3px 0 0 10px;
104
+ float: left;
105
+ text-align: center;
106
+ opacity: 0;
107
+
108
+ -webkit-transition: opacity 0.4s;
109
+ -moz-transition: opacity 0.4s;
110
+ -o-transition: opacity 0.4s;
111
+ transition: opacity 0.4s;
112
+ }
113
+
114
+ .elapsed, .clock {
115
+ color: #333;
116
+ margin: 3px 0 0 20px;
117
+ font-size: 2em;
118
+ text-align: center;
119
+ display: inline-block;
120
+ padding: 0.5em;
121
+ background-color: #eee;
122
+ border-radius: 10px;
123
+ }
124
+
125
+ .elapsed h2, .clock h2 {
126
+ font-size: 0.8em;
127
+ line-height: 100%;
128
+ margin: 0;
129
+ color: #aaa;
130
+ }
131
+
132
+ .elapsed .mute {
133
+ color: #ddd;
134
+ }
135
+
136
+ </style>
137
+ </head>
138
+
139
+ <body>
140
+
141
+ <script>
142
+ function getNotesURL( controls ) {
143
+ return window.opener.location.protocol + '//' + window.opener.location.host + window.opener.location.pathname + '?receiver&controls='+ ( controls || 'false' ) +'&progress=false&overview=false' + window.opener.location.hash;
144
+ }
145
+ var notesCurrentSlideURL = getNotesURL( true );
146
+ var notesNextSlideURL = getNotesURL( false );
147
+ </script>
148
+
149
+ <div id="wrap-current-slide" class="slides">
150
+ <script>document.write( '<iframe width="1280" height="1024" id="current-slide" src="'+ notesCurrentSlideURL +'"></iframe>' );</script>
151
+ <span style="color: rgb(255,218,185);">CURRENT:</span>
152
+ </div>
153
+
154
+ <div class="elapsed">
155
+ <h2>Elapsed</h2>
156
+ <span id="hours">00</span><span id="minutes">:00</span><span id="seconds">:00</span>
157
+ </div>
158
+
159
+ <div id="notes"></div>
160
+ <p></p>
161
+ <hr style="border-color: rgb(139,119,101);"/>
162
+
163
+ <div id="wrap-next-slide" class="slides">
164
+ <script>document.write( '<iframe width="640" height="512" id="next-slide" src="'+ notesNextSlideURL +'"></iframe>' );</script>
165
+ <span style="color: rgb(210,105,30);">UPCOMING:</span>
166
+ </div>
167
+
168
+ <div class="time">
169
+ <div class="clock">
170
+ <h2>Time</h2>
171
+ <span id="clock">0:00:00 AM</span>
172
+ </div>
173
+ </div>
174
+
175
+ <script src="../../plugin/markdown/marked.js"></script>
176
+ <script>
177
+
178
+ window.addEventListener( 'load', function() {
179
+
180
+ if( window.opener && window.opener.location && window.opener.location.href ) {
181
+
182
+ var notes = document.getElementById( 'notes' ),
183
+ currentSlide = document.getElementById( 'current-slide' ),
184
+ nextSlide = document.getElementById( 'next-slide' ),
185
+ silenced = false;
186
+
187
+ window.addEventListener( 'message', function( event ) {
188
+ var data = JSON.parse( event.data );
189
+
190
+ // No need for updating the notes in case of fragment changes
191
+ if ( data.notes !== undefined) {
192
+ if( data.markdown ) {
193
+ notes.innerHTML = marked( data.notes );
194
+ }
195
+ else {
196
+ notes.innerHTML = data.notes;
197
+ }
198
+ }
199
+
200
+ silenced = true;
201
+
202
+ // Update the note slides
203
+ currentSlide.contentWindow.Reveal.slide( data.indexh, data.indexv, data.indexf );
204
+ nextSlide.contentWindow.Reveal.slide( data.nextindexh, data.nextindexv );
205
+
206
+ silenced = false;
207
+
208
+ }, false );
209
+
210
+ var start = new Date(),
211
+ timeEl = document.querySelector( '.time' ),
212
+ clockEl = document.getElementById( 'clock' ),
213
+ hoursEl = document.getElementById( 'hours' ),
214
+ minutesEl = document.getElementById( 'minutes' ),
215
+ secondsEl = document.getElementById( 'seconds' );
212
216
 
213
- setInterval( function() {
214
-
215
- timeEl.style.opacity = 1;
217
+ setInterval( function() {
216
218
 
217
- var diff, hours, minutes, seconds,
218
- now = new Date();
219
+ timeEl.style.opacity = 1;
219
220
 
220
- diff = now.getTime() - start.getTime();
221
- hours = Math.floor( diff / ( 1000 * 60 * 60 ) );
222
- minutes = Math.floor( ( diff / ( 1000 * 60 ) ) % 60 );
223
- seconds = Math.floor( ( diff / 1000 ) % 60 );
221
+ var diff, hours, minutes, seconds,
222
+ now = new Date();
224
223
 
225
- clockEl.innerHTML = now.toLocaleTimeString();
226
- hoursEl.innerHTML = zeroPadInteger( hours );
227
- hoursEl.className = hours > 0 ? "" : "mute";
228
- minutesEl.innerHTML = ":" + zeroPadInteger( minutes );
229
- minutesEl.className = minutes > 0 ? "" : "mute";
230
- secondsEl.innerHTML = ":" + zeroPadInteger( seconds );
224
+ diff = now.getTime() - start.getTime();
225
+ hours = Math.floor( diff / ( 1000 * 60 * 60 ) );
226
+ minutes = Math.floor( ( diff / ( 1000 * 60 ) ) % 60 );
227
+ seconds = Math.floor( ( diff / 1000 ) % 60 );
231
228
 
232
- }, 1000 );
229
+ clockEl.innerHTML = now.toLocaleTimeString();
230
+ hoursEl.innerHTML = zeroPadInteger( hours );
231
+ hoursEl.className = hours > 0 ? "" : "mute";
232
+ minutesEl.innerHTML = ":" + zeroPadInteger( minutes );
233
+ minutesEl.className = minutes > 0 ? "" : "mute";
234
+ secondsEl.innerHTML = ":" + zeroPadInteger( seconds );
233
235
 
234
- // Broadcasts the state of the notes window to synchronize
235
- // the main window
236
- function synchronizeMainWindow() {
236
+ }, 1000 );
237
237
 
238
- if( !silenced ) {
239
- var indices = currentSlide.contentWindow.Reveal.getIndices();
240
- window.opener.Reveal.slide( indices.h, indices.v, indices.f );
241
- }
238
+ // Broadcasts the state of the notes window to synchronize
239
+ // the main window
240
+ function synchronizeMainWindow() {
242
241
 
243
- }
242
+ if( !silenced ) {
243
+ var indices = currentSlide.contentWindow.Reveal.getIndices();
244
+ window.opener.Reveal.slide( indices.h, indices.v, indices.f );
245
+ }
244
246
 
245
- // Navigate the main window when the notes slide changes
246
- currentSlide.contentWindow.Reveal.addEventListener( 'slidechanged', synchronizeMainWindow );
247
- currentSlide.contentWindow.Reveal.addEventListener( 'fragmentshown', synchronizeMainWindow );
248
- currentSlide.contentWindow.Reveal.addEventListener( 'fragmenthidden', synchronizeMainWindow );
247
+ }
249
248
 
250
- }
251
- else {
249
+ // Navigate the main window when the notes slide changes
250
+ currentSlide.contentWindow.Reveal.addEventListener( 'slidechanged', synchronizeMainWindow );
251
+ currentSlide.contentWindow.Reveal.addEventListener( 'fragmentshown', synchronizeMainWindow );
252
+ currentSlide.contentWindow.Reveal.addEventListener( 'fragmenthidden', synchronizeMainWindow );
252
253
 
253
- document.body.innerHTML = '<p class="error">Unable to access <code>window.opener.location</code>.<br>Make sure the presentation is running on a web server.</p>';
254
+ }
255
+ else {
254
256
 
255
- }
257
+ document.body.innerHTML = '<p class="error">Unable to access <code>window.opener.location</code>.<br>Make sure the presentation is running on a web server.</p>';
256
258
 
259
+ }
257
260
 
258
- }, false );
259
261
 
260
- function zeroPadInteger( num ) {
261
- var str = "00" + parseInt( num );
262
- return str.substring( str.length - 2 );
263
- }
262
+ }, false );
264
263
 
265
- </script>
266
- </body>
264
+ function zeroPadInteger( num ) {
265
+ var str = "00" + parseInt( num );
266
+ return str.substring( str.length - 2 );
267
+ }
268
+
269
+ </script>
270
+ </body>
267
271
  </html>