parade 0.9.2 → 0.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. checksums.yaml +15 -0
  2. data/README.md +77 -53
  3. data/bin/parade +3 -2
  4. data/lib/parade/commands/html_output.rb +1 -0
  5. data/lib/parade/commands/static_html.rb +1 -1
  6. data/lib/parade/helpers/template_generator.rb +13 -12
  7. data/lib/parade/parsers/dsl.rb +8 -0
  8. data/lib/parade/renderers/update_image_paths.rb +20 -17
  9. data/lib/parade/section.rb +13 -2
  10. data/lib/parade/server.rb +24 -11
  11. data/lib/parade/slide.rb +2 -3
  12. data/lib/parade/slide_post_renderers.rb +2 -0
  13. data/lib/parade/version.rb +1 -1
  14. data/lib/public/css/960.css +1 -1
  15. data/lib/public/css/fg.menu.css +37 -11
  16. data/lib/public/css/{theme → jquery-ui}/images/ui-bg_diagonals-small_100_f0efea_40x40.png +0 -0
  17. data/lib/public/css/{theme → jquery-ui}/images/ui-bg_flat_35_f0f0f0_40x100.png +0 -0
  18. data/lib/public/css/{theme → jquery-ui}/images/ui-bg_glass_55_fcf0ba_1x400.png +0 -0
  19. data/lib/public/css/{theme → jquery-ui}/images/ui-bg_glow-ball_25_2e2e28_600x600.png +0 -0
  20. data/lib/public/css/{theme → jquery-ui}/images/ui-bg_highlight-soft_100_f0efea_1x100.png +0 -0
  21. data/lib/public/css/{theme → jquery-ui}/images/ui-bg_highlight-soft_25_327E04_1x100.png +0 -0
  22. data/lib/public/css/{theme → jquery-ui}/images/ui-bg_highlight-soft_25_5A9D1A_1x100.png +0 -0
  23. data/lib/public/css/{theme → jquery-ui}/images/ui-bg_highlight-soft_95_ffedad_1x100.png +0 -0
  24. data/lib/public/css/{theme → jquery-ui}/images/ui-bg_inset-soft_22_3b3b35_1x100.png +0 -0
  25. data/lib/public/css/{theme → jquery-ui}/images/ui-icons_808080_256x240.png +0 -0
  26. data/lib/public/css/{theme → jquery-ui}/images/ui-icons_8DC262_256x240.png +0 -0
  27. data/lib/public/css/{theme → jquery-ui}/images/ui-icons_cd0a0a_256x240.png +0 -0
  28. data/lib/public/css/{theme → jquery-ui}/images/ui-icons_e7e6e4_256x240.png +0 -0
  29. data/lib/public/css/{theme → jquery-ui}/images/ui-icons_eeeeee_256x240.png +0 -0
  30. data/lib/public/css/{theme → jquery-ui}/images/ui-icons_ffffff_256x240.png +0 -0
  31. data/lib/public/css/{theme → jquery-ui}/ui.accordion.css +0 -0
  32. data/lib/public/css/{theme → jquery-ui}/ui.all.css +0 -0
  33. data/lib/public/css/{theme → jquery-ui}/ui.base.css +0 -0
  34. data/lib/public/css/{theme → jquery-ui}/ui.core.css +0 -0
  35. data/lib/public/css/{theme → jquery-ui}/ui.datepicker.css +0 -0
  36. data/lib/public/css/{theme → jquery-ui}/ui.dialog.css +0 -0
  37. data/lib/public/css/{theme → jquery-ui}/ui.progressbar.css +0 -0
  38. data/lib/public/css/{theme → jquery-ui}/ui.resizable.css +0 -0
  39. data/lib/public/css/{theme → jquery-ui}/ui.slider.css +0 -0
  40. data/lib/public/css/{theme → jquery-ui}/ui.tabs.css +0 -0
  41. data/lib/public/css/{theme → jquery-ui}/ui.theme.css +0 -0
  42. data/lib/public/css/mobile.css +179 -0
  43. data/lib/public/css/print.css +16 -0
  44. data/lib/public/css/slide_formats.css +188 -0
  45. data/lib/public/css/themes/archetect.css +19 -217
  46. data/lib/public/css/themes/default.css +86 -0
  47. data/lib/public/css/themes/hack.css +51 -277
  48. data/lib/public/css/themes/merlot.css +20 -375
  49. data/lib/public/css/themes/slate.css +19 -184
  50. data/lib/public/js/hammer.js +1330 -0
  51. data/lib/public/js/parade-mobile.js +4 -0
  52. data/lib/public/js/parade.js +32 -34
  53. data/lib/views/footer.erb +5 -0
  54. data/lib/views/header.erb +12 -10
  55. data/lib/views/help.erb +18 -0
  56. data/lib/views/index.erb +6 -33
  57. data/lib/views/navigation.erb +10 -0
  58. data/lib/views/pdf.erb +8 -2
  59. data/lib/views/{onepage.erb → print.erb} +8 -2
  60. metadata +67 -68
  61. data/lib/public/css/onepage.css +0 -62
  62. data/lib/public/css/parade.css +0 -448
@@ -1,62 +0,0 @@
1
- /* Screen */
2
- @media screen {
3
- body {
4
- overflow:scroll;
5
- }
6
- .slide {
7
- margin: 10px;
8
- padding: 0;
9
- width: 1020px;
10
- height: 740px;
11
- max-height: 740px !important;
12
- margin-left:auto;
13
- margin-right:auto;
14
- overflow:hidden;
15
- border: 1px solid #333;
16
- page-break-after: always;
17
- }
18
- }
19
-
20
- /* Print */
21
- @media print {
22
- .slide, .preso {
23
- margin: 10px;
24
- padding: 0;
25
- width: 800px;
26
- height: 600px;
27
- overflow:hidden;
28
- border: none;
29
- page-break-before: always;
30
- page-break-after: always;
31
- }
32
- }
33
-
34
- /* iPhone */
35
- /* Portrait */
36
- @media screen and (max-width: 320px)
37
- {
38
- .preso {
39
- margin: 10px;
40
- padding: 0;
41
- width: 320px;
42
- min-height: 480px;
43
- margin-left:auto;
44
- margin-right:auto;
45
- border: 1px solid #333;
46
- page-break-after: always;
47
- }
48
- }
49
- /* Landscape */
50
- @media screen and (min-width: 321px)
51
- {
52
- .preso {
53
- margin: 10px;
54
- padding: 0;
55
- width: 480px;
56
- min-height: 320px;
57
- margin-left:auto;
58
- margin-right:auto;
59
- border: 1px solid #333;
60
- page-break-after: always;
61
- }
62
- }
@@ -1,448 +0,0 @@
1
- @media screen {
2
- body {
3
- font-size: 100%;
4
- font-family: "Gill Sans", Helvetica, Arial, sans-serif;
5
- background:#333;
6
- overflow:hidden;
7
- margin:0;
8
- padding:0;
9
- }
10
-
11
- #preso, .slide {
12
- background: #fff;
13
- width: 1024px;
14
- height: 768px;
15
- margin-left:auto;
16
- margin-right:auto;
17
- overflow:hidden;
18
- -webkit-box-shadow:0 0 25px rgba(0,0,0,0.35);
19
- -moz-box-shadow:0 0 25px rgba(0,0,0,0.35);
20
- box-shadow:0 0 25px rgba(0,0,0,0.35);
21
- }
22
-
23
- #footer {
24
- background: rgba(221,221,221,0.75);
25
- color:#333;
26
- padding: 2px 5px;
27
- width: 1005px;
28
- height: 20px;
29
- line-height:20px;
30
- font-size:14px;
31
- position:relative;
32
- top:-24px;
33
- margin:0 auto;
34
- -webkit-border-top-left-radius: 3px;
35
- -webkit-border-top-right-radius: 3px;
36
- -moz-border-radius-topleft: 3px;
37
- -moz-border-radius-topright: 3px;
38
- border-top-left-radius: 3px;
39
- border-top-right-radius: 3px;
40
- z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
41
- }
42
-
43
- #pauseScreen {
44
- background: rgba(0, 0, 0, 0.85);
45
- width: 100%;
46
- height: 100%;
47
- position: absolute;
48
- top: 0px;
49
- left: 0px;
50
- display: none;
51
- margin: auto;
52
- color: white;
53
- font-size: 2em;
54
- padding: 1em;
55
- z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
56
- text-align: center;
57
- }
58
- }
59
-
60
- /* iPhone */
61
- /* Portrait */
62
- @media screen and (max-width: 320px)
63
- {
64
- #preso {
65
- margin: 0;
66
- padding: 0;
67
- width: 320px;
68
- max-height: 356px;
69
- margin-left:auto;
70
- margin-right:auto;
71
- /* overflow:hidden;*/
72
- }
73
- #footer {
74
- background: #eee;
75
- margin: 0;
76
- padding: 2px;
77
- width: 320px;
78
- height: 20px;
79
- margin-left:auto;
80
- margin-right:auto;
81
- }
82
- }
83
- /* Landscape */
84
- @media screen and (max-width: 480px)
85
- {
86
- #preso {
87
- margin: 0;
88
- padding: 0;
89
- /* min-height: 320px;*/
90
- width: 480px;
91
- margin-left:auto;
92
- margin-right:auto;
93
- }
94
- #footer {
95
- background: #eee;
96
- margin: 0;
97
- padding: 2px;
98
- width: 480px;
99
- height: 20px;
100
- margin-left:auto;
101
- margin-right:auto;
102
- }
103
- }
104
-
105
- /* plain (non-bullet) text */
106
- .content > p {
107
- font-size: 2em;
108
- margin: 1em;
109
- text-align: center;
110
- }
111
-
112
- .content > pre {
113
- font-size: 300%;
114
- }
115
- .content > blockquote {
116
- font-size: 250%;
117
- margin: 2em;
118
- }
119
-
120
- .center img {
121
- display:block;
122
- margin-left:auto;
123
- margin-right:auto;
124
- }
125
-
126
- .slide .center {
127
- height: 740px;
128
- width: 1020px;
129
- display: table-cell;
130
- text-align: center;
131
- vertical-align: middle;
132
- }
133
-
134
- /* Column Layout */
135
-
136
- /* Center the images when they are within a column */
137
- .content.columns img {
138
- margin: 0 auto;
139
- display: block;
140
- }
141
-
142
- .content.columns .grid_12 p {
143
- font-size: 200%;
144
- }
145
-
146
- .content.columns .grid_6 p {
147
- font-size: 150%;
148
- }
149
-
150
- .content.columns .grid_4 p {
151
- font-size: 125%;
152
- }
153
-
154
- .content.columns pre {
155
- margin-left: 0px;
156
- margin-right: 0px;
157
- }
158
-
159
- .content.columns .grid_3 p {
160
- font-size: 100%;
161
- }
162
-
163
- .content.columns h2 {
164
- padding-bottom: 10px;
165
- border-bottom: 1px dotted black;
166
- }
167
-
168
- /* numbered lists are numbered */
169
- .content ol {
170
- margin-left: 40px;
171
- font-size: 3em;
172
- text-align: left;
173
- padding-left: 40px;
174
- }
175
- .content ol > li {
176
- list-style: decimal;
177
- display: list-item;
178
- }
179
-
180
-
181
- /* ironically, normal lists have bullets and 'bullets' lists don't */
182
- .content > ul {
183
- list-style: disc;
184
- }
185
- .content > ul {
186
- font-size: 3em;
187
- text-align: left;
188
- padding-left: 40px;
189
- }
190
- .content > ul > li {
191
- padding: .5em;
192
- margin-left: 40px;
193
- }
194
-
195
- /* ironically, normal lists have bullets and 'bullets' lists don't */
196
- .bullets > ul {
197
- list-style: none;
198
- font-size: 3em;
199
- padding-left: 0px;
200
- }
201
- .bullets > ul > li {
202
- text-align: center;
203
- padding: 25px;
204
- }
205
- .smbullets > ul {
206
- font-size: 2.5em;
207
- }
208
- .smbullets > ul > li {
209
- text-align: center;
210
- padding: 10px;
211
- }
212
-
213
- /* nested lists get their bullets back */
214
- .content ul ul {
215
- list-style: disc;
216
- margin: 10px 10px;
217
- padding-left: 40px;
218
- text-align: left;
219
- }
220
-
221
- .bullets ul ul > li { font-size: 80%; }
222
-
223
- .commandline pre {
224
- font-size: 2em;
225
- }
226
-
227
- .commandline code.command {
228
- color: #000;
229
- }
230
-
231
- .commandline code.result {
232
- color: #444;
233
- }
234
-
235
- .command h1 {
236
- white-space: pre;
237
- font-family: monospace;
238
- font-size: 3em;
239
- }
240
-
241
- .code {
242
- white-space: pre;
243
- font-family: monospace;
244
- }
245
-
246
- .subsection h1 {
247
- background: #008;
248
- color: #fff;
249
- padding: .25em;
250
- }
251
-
252
- .small {
253
- font-size: 80%;
254
- }
255
-
256
- .smaller {
257
- font-size: 70%;
258
- }
259
-
260
- h1,h2,h3 { font-weight: normal; text-align: center; margin: 0.5em 0; }
261
- h1 { font-size: 5em; }
262
- h2 { font-size: 3em; }
263
- h3 { font-size: 2em; }
264
-
265
- pre { margin: 1em 40px; padding: .25em; }
266
-
267
- .notes { display: none }
268
- .hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
269
- .buttonNav { display: none }
270
- .offscreen { position:absolute; top:0; left:-9999px; overflow:hidden; }
271
- #debugInfo { margin-left: 30px; }
272
- #notesInfo { margin-left: 30px; display: none }
273
-
274
- #help {
275
- background: #9f9;
276
- position: absolute;
277
- right: 80px;
278
- display: none;
279
- z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
280
- }
281
- #help table tr td.key {
282
- text-align: right;
283
- border-right: 2px solid #8b8;
284
- padding-right: 4px;
285
- font-weight: bold;
286
- }
287
-
288
- .fg-menu-container {
289
- z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
290
- }
291
-
292
- .fg-button { clear:left; margin:0 4px 40px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
293
- .fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
294
- a.fg-button { float:left; }
295
- .fg-button-icon-right { padding-right: 2.1em; }
296
- .fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
297
-
298
- .fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }
299
-
300
- #navmenu {
301
- position: absolute;
302
- top: 10px;
303
- left: 10px;
304
- width: 50px;
305
- z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
306
- }
307
-
308
- .code .c { color: #999988; font-style: italic } /* Comment */
309
- .code .err { color: #a61717; background-color: #e3d2d2 } /* Error */
310
- .code .k { font-weight: bold } /* Keyword */
311
- .code .o { font-weight: bold } /* Operator */
312
- .code .cm { color: #999988; font-style: italic } /* Comment.Multiline */
313
- .code .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
314
- .code .c1 { color: #999988; font-style: italic } /* Comment.Single */
315
- .code .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
316
- .code .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
317
- .code .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
318
- .code .ge { font-style: italic } /* Generic.Emph */
319
- .code .gr { color: #aa0000 } /* Generic.Error */
320
- .code .gh { color: #999999 } /* Generic.Heading */
321
- .code .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
322
- .code .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
323
- .code .go { color: #888888 } /* Generic.Output */
324
- .code .gp { color: #555555 } /* Generic.Prompt */
325
- .code .gs { font-weight: bold } /* Generic.Strong */
326
- .code .gu { color: #aaaaaa } /* Generic.Subheading */
327
- .code .gt { color: #aa0000 } /* Generic.Traceback */
328
- .code .kc { font-weight: bold } /* Keyword.Constant */
329
- .code .kd { font-weight: bold } /* Keyword.Declaration */
330
- .code .kp { font-weight: bold } /* Keyword.Pseudo */
331
- .code .kr { font-weight: bold } /* Keyword.Reserved */
332
- .code .kt { color: #445588; font-weight: bold } /* Keyword.Type */
333
- .code .m { color: #009999 } /* Literal.Number */
334
- .code .s { color: #d14 } /* Literal.String */
335
- .code .na { color: #008080 } /* Name.Attribute */
336
- .code .nb { color: #0086B3 } /* Name.Builtin */
337
- .code .nc { color: #445588; font-weight: bold } /* Name.Class */
338
- .code .no { color: #008080 } /* Name.Constant */
339
- .code .ni { color: #800080 } /* Name.Entity */
340
- .code .ne { color: #990000; font-weight: bold } /* Name.Exception */
341
- .code .nf { color: #990000; font-weight: bold } /* Name.Function */
342
- .code .nn { color: #555555 } /* Name.Namespace */
343
- .code .nt { color: #000080 } /* Name.Tag */
344
- .code .nv { color: #008080 } /* Name.Variable */
345
- .code .ow { font-weight: bold } /* Operator.Word */
346
- .code .w { color: #bbbbbb } /* Text.Whitespace */
347
- .code .mf { color: #009999 } /* Literal.Number.Float */
348
- .code .mh { color: #009999 } /* Literal.Number.Hex */
349
- .code .mi { color: #009999 } /* Literal.Number.Integer */
350
- .code .mo { color: #009999 } /* Literal.Number.Oct */
351
- .code .sb { color: #d14 } /* Literal.String.Backtick */
352
- .code .sc { color: #d14 } /* Literal.String.Char */
353
- .code .sd { color: #d14 } /* Literal.String.Doc */
354
- .code .s2 { color: #d14 } /* Literal.String.Double */
355
- .code .se { color: #d14 } /* Literal.String.Escape */
356
- .code .sh { color: #d14 } /* Literal.String.Heredoc */
357
- .code .si { color: #d14 } /* Literal.String.Interpol */
358
- .code .sx { color: #d14 } /* Literal.String.Other */
359
- .code .sr { color: #009926 } /* Literal.String.Regex */
360
- .code .s1 { color: #d14 } /* Literal.String.Single */
361
- .code .ss { color: #990073 } /* Literal.String.Symbol */
362
- .code .bp { color: #999999 } /* Name.Builtin.Pseudo */
363
- .code .vc { color: #008080 } /* Name.Variable.Class */
364
- .code .vg { color: #008080 } /* Name.Variable.Global */
365
- .code .vi { color: #008080 } /* Name.Variable.Instance */
366
- .code .il { color: #009999 } /* Literal.Number.Integer.Long */
367
-
368
- .results {
369
- background-color:#002200;
370
- color:#00AA00;
371
- font-size:2em;
372
- border:2px solid black;
373
- position: fixed;
374
- top:0px;
375
- width:100%;
376
- padding:15px;
377
- margin:0px;
378
- font-family: monospace;
379
- z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
380
- }
381
-
382
- .executing {
383
- color:#0000FF !important;
384
- background-color: yellow;
385
- }
386
-
387
- .executing:hover {
388
- cursor: pointer;
389
- }
390
-
391
- #tips {
392
- display:inline;
393
- background-color:#000;
394
- color:#fff;
395
- font-size:3em;
396
- border:2px solid black;
397
- position: fixed;
398
- padding:25px;
399
- margin:0px;
400
- z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
401
- }
402
-
403
- #tips {
404
- top: 0px;
405
- right: 0px;
406
- text-align:right;
407
- }
408
-
409
- /** Print **/
410
- @media print {
411
- body {
412
- font-size: 70%;
413
- }
414
-
415
- #preso, .slide {
416
- border: 1px solid #999;
417
- }
418
-
419
- .slide .center {
420
- width: 600px;
421
- height: 600px;
422
- display: table-cell;
423
- text-align: center;
424
- vertical-align: middle;
425
- }
426
-
427
- #preso, .slide {
428
- background: #fff;
429
- width: 600px;
430
- height: 600px;
431
- margin-left:auto;
432
- margin-right:auto;
433
- overflow:hidden;
434
- }
435
-
436
- #footer {
437
- background: #eee;
438
- padding: 2px;
439
- width: 590px;
440
- height: 20 px;
441
- margin-left:auto;
442
- margin-right:auto;
443
- }
444
-
445
- pre, code {
446
- font-family: Monaco, monospace;
447
- }
448
- }