slider 0.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 (44) hide show
  1. data/lib/slider/version.rb +1 -1
  2. data/templates/basic.erb +50 -0
  3. data/templates/basic/deck.js/core/deck.core.css +404 -0
  4. data/templates/basic/deck.js/core/deck.core.html +39 -0
  5. data/templates/basic/deck.js/core/deck.core.js +498 -0
  6. data/templates/basic/deck.js/core/deck.core.scss +447 -0
  7. data/templates/basic/deck.js/goto/deck.goto.css +41 -0
  8. data/templates/basic/deck.js/goto/deck.goto.html +7 -0
  9. data/templates/basic/deck.js/goto/deck.goto.js +134 -0
  10. data/templates/basic/deck.js/goto/deck.goto.scss +46 -0
  11. data/templates/basic/deck.js/hash/deck.hash.css +13 -0
  12. data/templates/basic/deck.js/hash/deck.hash.html +2 -0
  13. data/templates/basic/deck.js/hash/deck.hash.js +129 -0
  14. data/templates/basic/deck.js/hash/deck.hash.scss +15 -0
  15. data/templates/basic/deck.js/menu/deck.menu.css +47 -0
  16. data/templates/basic/deck.js/menu/deck.menu.js +183 -0
  17. data/templates/basic/deck.js/menu/deck.menu.scss +58 -0
  18. data/templates/basic/deck.js/navigation/deck.navigation.css +43 -0
  19. data/templates/basic/deck.js/navigation/deck.navigation.html +3 -0
  20. data/templates/basic/deck.js/navigation/deck.navigation.js +83 -0
  21. data/templates/basic/deck.js/navigation/deck.navigation.scss +56 -0
  22. data/templates/basic/deck.js/scale/deck.scale.css +16 -0
  23. data/templates/basic/deck.js/scale/deck.scale.js +155 -0
  24. data/templates/basic/deck.js/scale/deck.scale.scss +17 -0
  25. data/templates/basic/deck.js/status/deck.status.css +18 -0
  26. data/templates/basic/deck.js/status/deck.status.html +6 -0
  27. data/templates/basic/deck.js/status/deck.status.js +83 -0
  28. data/templates/basic/deck.js/status/deck.status.scss +22 -0
  29. data/templates/basic/deck.js/style/neon.css +114 -0
  30. data/templates/basic/deck.js/style/neon.scss +139 -0
  31. data/templates/basic/deck.js/style/swiss.css +76 -0
  32. data/templates/basic/deck.js/style/swiss.scss +91 -0
  33. data/templates/basic/deck.js/style/web-2.0.css +205 -0
  34. data/templates/basic/deck.js/style/web-2.0.scss +236 -0
  35. data/templates/basic/deck.js/transition/fade.css +44 -0
  36. data/templates/basic/deck.js/transition/fade.scss +70 -0
  37. data/templates/basic/deck.js/transition/horizontal-slide.css +79 -0
  38. data/templates/basic/deck.js/transition/horizontal-slide.scss +94 -0
  39. data/templates/basic/deck.js/transition/vertical-slide.css +97 -0
  40. data/templates/basic/deck.js/transition/vertical-slide.scss +116 -0
  41. data/templates/basic/jquery.min.js +4 -0
  42. data/templates/basic/modernizr.custom.js +4 -0
  43. data/templates/basic/railscasts.css +64 -0
  44. metadata +43 -1
@@ -1,5 +1,5 @@
1
1
  module Slider
2
2
 
3
- VERSION = '0.1' unless const_defined?(:VERSION)
3
+ VERSION = '0.2' unless const_defined?(:VERSION)
4
4
 
5
5
  end
@@ -0,0 +1,50 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Presentation</title>
6
+ <meta name="viewport" content="width=1024, user-scalable=no">
7
+ <link rel="stylesheet" href="<%= @name %>-artefacts/deck.js/core/deck.core.css" type="text/css">
8
+ <link rel="stylesheet" href="<%= @name %>-artefacts/deck.js/status/deck.status.css" type="text/css">
9
+ <link rel="stylesheet" href="<%= @name %>-artefacts/deck.js/menu/deck.menu.css" type="text/css">
10
+ <link rel="stylesheet" href="<%= @name %>-artefacts/deck.js/navigation/deck.navigation.css" type="text/css">
11
+ <link rel="stylesheet" href="<%= @name %>-artefacts/deck.js/style/swiss.css" type="text/css">
12
+ <link rel="stylesheet" href="<%= @name %>-artefacts/deck.js/transition/horizontal-slide.css" type="text/css">
13
+ <link rel="stylesheet" href="<%= @name %>-artefacts/railscasts.css" type="text/css">
14
+ <script src="<%= @name %>-artefacts/modernizr.custom.js"></script>
15
+ <script src="<%= @name %>-artefacts/jquery.min.js"></script>
16
+ </head>
17
+
18
+ <body class="deck-container">
19
+
20
+ <section class="slide">
21
+ <%= @content %>
22
+ </section>
23
+
24
+ <p class="deck-status">
25
+ <span class="deck-status-current"></span>
26
+ /
27
+ <span class="deck-status-total"></span>
28
+ </p>
29
+
30
+ <script src="<%= @name %>-artefacts/deck.js/core/deck.core.js"></script>
31
+ <script src="<%= @name %>-artefacts/deck.js/status/deck.status.js"></script>
32
+ <script src="<%= @name %>-artefacts/deck.js/navigation/deck.navigation.js"></script>
33
+ <script src="<%= @name %>-artefacts/deck.js/menu/deck.menu.js"></script>
34
+
35
+ <script>
36
+ $(function() {
37
+ $.deck('.slide');
38
+ $.extend(true, $.deck.defaults, {
39
+ classes: {
40
+ menu: 'deck-menu'
41
+ },
42
+
43
+ keys: {
44
+ menu: 77 // 'm'
45
+ }
46
+ });
47
+ });
48
+ </script>
49
+ </body>
50
+ </html>
@@ -0,0 +1,404 @@
1
+ html {
2
+ height: 100%;
3
+ }
4
+
5
+ .deck-container {
6
+ position: relative;
7
+ height: 100%;
8
+ width: 70%;
9
+ margin: 0 auto;
10
+ padding: 0 48px;
11
+ font-size: 16px;
12
+ line-height: 1.25;
13
+ overflow: hidden;
14
+ /* Resets and base styles from HTML5 Boilerplate */
15
+ /* End HTML5 Boilerplate adaptations */
16
+ }
17
+ .js .deck-container {
18
+ visibility: hidden;
19
+ }
20
+ .ready .deck-container {
21
+ visibility: visible;
22
+ }
23
+ .touch .deck-container {
24
+ -webkit-text-size-adjust: none;
25
+ }
26
+ .deck-container div, .deck-container span, .deck-container object, .deck-container iframe,
27
+ .deck-container h1, .deck-container h2, .deck-container h3, .deck-container h4, .deck-container h5, .deck-container h6, .deck-container p, .deck-container blockquote, .deck-container pre,
28
+ .deck-container abbr, .deck-container address, .deck-container cite, .deck-container code, .deck-container del, .deck-container dfn, .deck-container em, .deck-container img, .deck-container ins, .deck-container kbd, .deck-container q, .deck-container samp,
29
+ .deck-container small, .deck-container strong, .deck-container sub, .deck-container sup, .deck-container var, .deck-container b, .deck-container i, .deck-container dl, .deck-container dt, .deck-container dd, .deck-container ol, .deck-container ul, .deck-container li,
30
+ .deck-container fieldset, .deck-container form, .deck-container label, .deck-container legend,
31
+ .deck-container table, .deck-container caption, .deck-container tbody, .deck-container tfoot, .deck-container thead, .deck-container tr, .deck-container th, .deck-container td,
32
+ .deck-container article, .deck-container aside, .deck-container canvas, .deck-container details, .deck-container figcaption, .deck-container figure,
33
+ .deck-container footer, .deck-container header, .deck-container hgroup, .deck-container menu, .deck-container nav, .deck-container section, .deck-container summary,
34
+ .deck-container time, .deck-container mark, .deck-container audio, .deck-container video {
35
+ margin: 0;
36
+ padding: 0;
37
+ border: 0;
38
+ font-size: 100%;
39
+ font: inherit;
40
+ vertical-align: baseline;
41
+ }
42
+ .deck-container article, .deck-container aside, .deck-container details, .deck-container figcaption, .deck-container figure,
43
+ .deck-container footer, .deck-container header, .deck-container hgroup, .deck-container menu, .deck-container nav, .deck-container section {
44
+ display: block;
45
+ }
46
+ .deck-container blockquote, .deck-container q {
47
+ quotes: none;
48
+ }
49
+ .deck-container blockquote:before, .deck-container blockquote:after, .deck-container q:before, .deck-container q:after {
50
+ content: "";
51
+ content: none;
52
+ }
53
+ .deck-container ins {
54
+ background-color: #ff9;
55
+ color: #000;
56
+ text-decoration: none;
57
+ }
58
+ .deck-container mark {
59
+ background-color: #ff9;
60
+ color: #000;
61
+ font-style: italic;
62
+ font-weight: bold;
63
+ }
64
+ .deck-container del {
65
+ text-decoration: line-through;
66
+ }
67
+ .deck-container abbr[title], .deck-container dfn[title] {
68
+ border-bottom: 1px dotted;
69
+ cursor: help;
70
+ }
71
+ .deck-container table {
72
+ border-collapse: collapse;
73
+ border-spacing: 0;
74
+ }
75
+ .deck-container hr {
76
+ display: block;
77
+ height: 1px;
78
+ border: 0;
79
+ border-top: 1px solid #ccc;
80
+ margin: 1em 0;
81
+ padding: 0;
82
+ }
83
+ .deck-container input, .deck-container select {
84
+ vertical-align: middle;
85
+ }
86
+ .deck-container select, .deck-container input, .deck-container textarea, .deck-container button {
87
+ font: 99% sans-serif;
88
+ }
89
+ .deck-container pre, .deck-container code, .deck-container kbd, .deck-container samp {
90
+ font-family: monospace, sans-serif;
91
+ }
92
+ .deck-container a {
93
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
94
+ }
95
+ .deck-container a:hover, .deck-container a:active {
96
+ outline: none;
97
+ }
98
+ .deck-container ul, .deck-container ol {
99
+ margin-left: 2em;
100
+ vertical-align: top;
101
+ }
102
+ .deck-container ol {
103
+ list-style-type: decimal;
104
+ }
105
+ .deck-container nav ul, .deck-container nav li {
106
+ margin: 0;
107
+ list-style: none;
108
+ list-style-image: none;
109
+ }
110
+ .deck-container small {
111
+ font-size: 85%;
112
+ }
113
+ .deck-container strong, .deck-container th {
114
+ font-weight: bold;
115
+ }
116
+ .deck-container td {
117
+ vertical-align: top;
118
+ }
119
+ .deck-container sub, .deck-container sup {
120
+ font-size: 75%;
121
+ line-height: 0;
122
+ position: relative;
123
+ }
124
+ .deck-container sup {
125
+ top: -0.5em;
126
+ }
127
+ .deck-container sub {
128
+ bottom: -0.25em;
129
+ }
130
+ .deck-container textarea {
131
+ overflow: auto;
132
+ }
133
+ .ie6 .deck-container legend, .ie7 .deck-container legend {
134
+ margin-left: -7px;
135
+ }
136
+ .deck-container input[type="radio"] {
137
+ vertical-align: text-bottom;
138
+ }
139
+ .deck-container input[type="checkbox"] {
140
+ vertical-align: bottom;
141
+ }
142
+ .ie7 .deck-container input[type="checkbox"] {
143
+ vertical-align: baseline;
144
+ }
145
+ .ie6 .deck-container input {
146
+ vertical-align: text-bottom;
147
+ }
148
+ .deck-container label, .deck-container input[type="button"], .deck-container input[type="submit"], .deck-container input[type="image"], .deck-container button {
149
+ cursor: pointer;
150
+ }
151
+ .deck-container button, .deck-container input, .deck-container select, .deck-container textarea {
152
+ margin: 0;
153
+ }
154
+ .deck-container input:invalid, .deck-container textarea:invalid {
155
+ border-radius: 1px;
156
+ -moz-box-shadow: 0px 0px 5px red;
157
+ -webkit-box-shadow: 0px 0px 5px red;
158
+ box-shadow: 0px 0px 5px red;
159
+ }
160
+ .deck-container input:invalid .no-boxshadow, .deck-container textarea:invalid .no-boxshadow {
161
+ background-color: #f0dddd;
162
+ }
163
+ .deck-container button {
164
+ width: auto;
165
+ overflow: visible;
166
+ }
167
+ .ie7 .deck-container img {
168
+ -ms-interpolation-mode: bicubic;
169
+ }
170
+ .deck-container, .deck-container select, .deck-container input, .deck-container textarea {
171
+ color: #444;
172
+ }
173
+ .deck-container a {
174
+ color: #607890;
175
+ }
176
+ .deck-container a:hover, .deck-container a:focus {
177
+ color: #036;
178
+ }
179
+ .deck-container a:link {
180
+ -webkit-tap-highlight-color: #fff;
181
+ }
182
+ .deck-container.deck-loading {
183
+ display: none;
184
+ }
185
+
186
+ .slide {
187
+ width: auto;
188
+ min-height: 100%;
189
+ position: relative;
190
+ }
191
+ .slide h1 {
192
+ font-size: 3.5em;
193
+ }
194
+ .slide h1, .slide .vcenter {
195
+ font-weight: bold;
196
+ text-align: center;
197
+ padding-top: 1em;
198
+ max-height: 100%;
199
+ }
200
+ .csstransforms .slide h1, .csstransforms .slide .vcenter {
201
+ padding: 0 48px;
202
+ position: absolute;
203
+ left: 0;
204
+ right: 0;
205
+ top: 50%;
206
+ -webkit-transform: translate(0, -50%);
207
+ -moz-transform: translate(0, -50%);
208
+ -ms-transform: translate(0, -50%);
209
+ -o-transform: translate(0, -50%);
210
+ transform: translate(0, -50%);
211
+ }
212
+ .slide .vcenter h1 {
213
+ position: relative;
214
+ top: auto;
215
+ padding: 0;
216
+ -webkit-transform: none;
217
+ -moz-transform: none;
218
+ -ms-transform: none;
219
+ -o-transform: none;
220
+ transform: none;
221
+ }
222
+ .slide h2 {
223
+ font-size: 2.25em;
224
+ font-weight: bold;
225
+ padding-top: .5em;
226
+ margin: 0 0 .66666em 0;
227
+ border-bottom: 3px solid #888;
228
+ }
229
+ .slide h3 {
230
+ font-size: 1.4375em;
231
+ font-weight: bold;
232
+ margin-bottom: .30435em;
233
+ }
234
+ .slide h4 {
235
+ font-size: 1.25em;
236
+ font-weight: bold;
237
+ margin-bottom: .25em;
238
+ }
239
+ .slide h5 {
240
+ font-size: 1.125em;
241
+ font-weight: bold;
242
+ margin-bottom: .2222em;
243
+ }
244
+ .slide h6 {
245
+ font-size: 1em;
246
+ font-weight: bold;
247
+ }
248
+ .slide img, .slide iframe, .slide video {
249
+ display: block;
250
+ max-width: 100%;
251
+ }
252
+ .slide video, .slide iframe, .slide img {
253
+ display: block;
254
+ margin: 0 auto;
255
+ }
256
+ .slide p, .slide blockquote, .slide iframe, .slide img, .slide ul, .slide ol, .slide pre, .slide video {
257
+ margin-bottom: 1em;
258
+ }
259
+ .slide pre {
260
+ white-space: pre;
261
+ white-space: pre-wrap;
262
+ word-wrap: break-word;
263
+ padding: 1em;
264
+ border: 1px solid #888;
265
+ }
266
+ .slide em {
267
+ font-style: italic;
268
+ }
269
+ .slide li {
270
+ padding: .25em 0;
271
+ vertical-align: middle;
272
+ }
273
+
274
+ .deck-before, .deck-previous, .deck-next, .deck-after {
275
+ position: absolute;
276
+ left: -999em;
277
+ top: -999em;
278
+ }
279
+
280
+ .deck-current {
281
+ z-index: 2;
282
+ }
283
+
284
+ .slide .slide {
285
+ visibility: hidden;
286
+ position: static;
287
+ min-height: 0;
288
+ }
289
+
290
+ .deck-child-current {
291
+ position: static;
292
+ z-index: 2;
293
+ }
294
+ .deck-child-current .slide {
295
+ visibility: hidden;
296
+ }
297
+ .deck-child-current .deck-previous, .deck-child-current .deck-before, .deck-child-current .deck-current {
298
+ visibility: visible;
299
+ }
300
+
301
+ body.deck-container {
302
+ overflow: visible;
303
+ }
304
+
305
+ @media screen and (max-device-width: 480px) {
306
+ /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
307
+ }
308
+ @media print {
309
+ * {
310
+ background: transparent !important;
311
+ color: black !important;
312
+ text-shadow: none !important;
313
+ filter: none !important;
314
+ -ms-filter: none !important;
315
+ -webkit-box-reflect: none !important;
316
+ -moz-box-reflect: none !important;
317
+ -webkit-box-shadow: none !important;
318
+ -moz-box-shadow: none !important;
319
+ box-shadow: none !important;
320
+ }
321
+ * :before, * :after {
322
+ display: none !important;
323
+ }
324
+
325
+ a, a:visited {
326
+ color: #444 !important;
327
+ text-decoration: underline;
328
+ }
329
+
330
+ a[href]:after {
331
+ content: " (" attr(href) ")";
332
+ }
333
+
334
+ abbr[title]:after {
335
+ content: " (" attr(title) ")";
336
+ }
337
+
338
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
339
+ content: "";
340
+ }
341
+
342
+ pre, blockquote {
343
+ border: 1px solid #999;
344
+ page-break-inside: avoid;
345
+ }
346
+
347
+ thead {
348
+ display: table-header-group;
349
+ }
350
+
351
+ tr, img {
352
+ page-break-inside: avoid;
353
+ }
354
+
355
+ @page {
356
+ margin: 0.5cm;
357
+ }
358
+
359
+ p, h2, h3 {
360
+ orphans: 3;
361
+ widows: 3;
362
+ }
363
+
364
+ h2, h3 {
365
+ page-break-after: avoid;
366
+ }
367
+
368
+ .slide {
369
+ position: static !important;
370
+ visibility: visible !important;
371
+ display: block !important;
372
+ -webkit-transform: none !important;
373
+ -moz-transform: none !important;
374
+ -o-transform: none !important;
375
+ -ms-transform: none !important;
376
+ transform: none !important;
377
+ opacity: 1 !important;
378
+ }
379
+
380
+ h1, .vcenter {
381
+ -webkit-transform: none !important;
382
+ -moz-transform: none !important;
383
+ -o-transform: none !important;
384
+ -ms-transform: none !important;
385
+ transform: none !important;
386
+ padding: 0 !important;
387
+ position: static !important;
388
+ }
389
+
390
+ .deck-container > .slide {
391
+ page-break-after: always;
392
+ }
393
+
394
+ .deck-container {
395
+ width: 100% !important;
396
+ height: auto !important;
397
+ padding: 0 !important;
398
+ display: block !important;
399
+ }
400
+
401
+ script {
402
+ display: none;
403
+ }
404
+ }