rails-reveal-js 2.6.1.2 → 3.1.0

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 (33) hide show
  1. checksums.yaml +4 -4
  2. data/lib/rails/reveal/js/version.rb +1 -1
  3. data/rails-reveal-js.gemspec +2 -2
  4. data/vendor/assets/javascripts/reveal.js +4 -4
  5. data/vendor/assets/stylesheets/reveal-theme/README.md +2 -4
  6. data/vendor/assets/stylesheets/reveal-theme/beige.css +183 -60
  7. data/vendor/assets/stylesheets/reveal-theme/black.css +267 -0
  8. data/vendor/assets/stylesheets/reveal-theme/blood.css +190 -80
  9. data/vendor/assets/stylesheets/reveal-theme/league.css +273 -0
  10. data/vendor/assets/stylesheets/reveal-theme/moon.css +174 -51
  11. data/vendor/assets/stylesheets/reveal-theme/night.css +171 -42
  12. data/vendor/assets/stylesheets/reveal-theme/serif.css +187 -58
  13. data/vendor/assets/stylesheets/reveal-theme/simple.css +179 -50
  14. data/vendor/assets/stylesheets/reveal-theme/sky.css +176 -47
  15. data/vendor/assets/stylesheets/reveal-theme/solarized.css +174 -51
  16. data/vendor/assets/stylesheets/reveal-theme/source/beige.scss +1 -12
  17. data/vendor/assets/stylesheets/reveal-theme/source/black.scss +49 -0
  18. data/vendor/assets/stylesheets/reveal-theme/source/blood.scss +3 -15
  19. data/vendor/assets/stylesheets/reveal-theme/source/{default.scss → league.scss} +5 -13
  20. data/vendor/assets/stylesheets/reveal-theme/source/moon.scss +1 -12
  21. data/vendor/assets/stylesheets/reveal-theme/source/night.scss +0 -0
  22. data/vendor/assets/stylesheets/reveal-theme/source/serif.scss +1 -1
  23. data/vendor/assets/stylesheets/reveal-theme/source/simple.scss +0 -0
  24. data/vendor/assets/stylesheets/reveal-theme/source/sky.scss +1 -1
  25. data/vendor/assets/stylesheets/reveal-theme/source/solarized.scss +1 -12
  26. data/vendor/assets/stylesheets/reveal-theme/source/white.scss +49 -0
  27. data/vendor/assets/stylesheets/reveal-theme/template/mixins.scss +0 -0
  28. data/vendor/assets/stylesheets/reveal-theme/template/settings.scss +13 -4
  29. data/vendor/assets/stylesheets/reveal-theme/template/theme.scss +193 -14
  30. data/vendor/assets/stylesheets/reveal-theme/white.css +267 -0
  31. data/vendor/assets/stylesheets/reveal.css +1171 -3
  32. metadata +21 -11
  33. data/vendor/assets/stylesheets/reveal-theme/default.css +0 -148
@@ -13,18 +13,7 @@
13
13
 
14
14
 
15
15
  // Include theme-specific fonts
16
- @font-face {
17
- font-family: 'League Gothic';
18
- src: url('../../lib/font/league_gothic-webfont.eot');
19
- src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
20
- url('../../lib/font/league_gothic-webfont.woff') format('woff'),
21
- url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
22
- url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
23
-
24
- font-weight: normal;
25
- font-style: normal;
26
- }
27
-
16
+ @import url(../../lib/font/league-gothic/league-gothic.css);
28
17
  @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
29
18
 
30
19
 
@@ -0,0 +1,49 @@
1
+ /**
2
+ * Black theme for reveal.js. This is the opposite of the 'white' theme.
3
+ *
4
+ * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
5
+ */
6
+
7
+
8
+ // Default mixins and settings -----------------
9
+ @import "../template/mixins";
10
+ @import "../template/settings";
11
+ // ---------------------------------------------
12
+
13
+
14
+ // Include theme-specific fonts
15
+ @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
16
+
17
+
18
+ // Override theme settings (see ../template/settings.scss)
19
+ $backgroundColor: #222;
20
+
21
+ $mainColor: #fff;
22
+ $headingColor: #fff;
23
+
24
+ $mainFontSize: 38px;
25
+ $mainFont: 'Source Sans Pro', Helvetica, sans-serif;
26
+ $headingFont: 'Source Sans Pro', Helvetica, sans-serif;
27
+ $headingTextShadow: none;
28
+ $headingLetterSpacing: normal;
29
+ $headingTextTransform: uppercase;
30
+ $headingFontWeight: 600;
31
+ $linkColor: #42affa;
32
+ $linkColorHover: lighten( $linkColor, 15% );
33
+ $selectionBackgroundColor: lighten( $linkColor, 25% );
34
+
35
+ $heading1Size: 2.5em;
36
+ $heading2Size: 1.6em;
37
+ $heading3Size: 1.3em;
38
+ $heading4Size: 1.0em;
39
+
40
+ section.has-light-background {
41
+ &, h1, h2, h3, h4, h5, h6 {
42
+ color: #222;
43
+ }
44
+ }
45
+
46
+
47
+ // Theme template ------------------------------
48
+ @import "../template/theme";
49
+ // ---------------------------------------------
@@ -24,6 +24,8 @@ $blood: #a23;
24
24
  $coal: #222;
25
25
  $codeBackground: #23241f;
26
26
 
27
+ $backgroundColor: $coal;
28
+
27
29
  // Main text
28
30
  $mainFont: Ubuntu, 'sans-serif';
29
31
  $mainFontSize: 36px;
@@ -45,10 +47,6 @@ $linkColorHover: lighten( $linkColor, 20% );
45
47
  $selectionBackgroundColor: $blood;
46
48
  $selectionColor: #fff;
47
49
 
48
- // Background generator
49
- @mixin bodyBackground() {
50
- @include radial-gradient( $coal, lighten( $coal, 25% ) );
51
- }
52
50
 
53
51
  // Theme template ------------------------------
54
52
  @import "../template/theme";
@@ -61,7 +59,7 @@ $selectionColor: #fff;
61
59
  text-shadow: 1px 1px $coal;
62
60
  }
63
61
 
64
- .reveal h1,
62
+ .reveal h1,
65
63
  .reveal h2,
66
64
  .reveal h3,
67
65
  .reveal h4,
@@ -70,16 +68,6 @@ $selectionColor: #fff;
70
68
  font-weight: 700;
71
69
  }
72
70
 
73
- .reveal a:not(.image),
74
- .reveal a:not(.image):hover {
75
- text-shadow: 2px 2px 2px #000;
76
- }
77
-
78
- .reveal small a:not(.image),
79
- .reveal small a:not(.image):hover {
80
- text-shadow: 1px 1px 1px #000;
81
- }
82
-
83
71
  .reveal p code {
84
72
  background-color: $codeBackground;
85
73
  display: inline-block;
@@ -1,5 +1,7 @@
1
1
  /**
2
- * Default theme for reveal.js.
2
+ * League theme for reveal.js.
3
+ *
4
+ * This was the default theme pre-3.0.0.
3
5
  *
4
6
  * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
5
7
  */
@@ -13,21 +15,11 @@
13
15
 
14
16
 
15
17
  // Include theme-specific fonts
16
- @font-face {
17
- font-family: 'League Gothic';
18
- src: url('../../lib/font/league_gothic-webfont.eot');
19
- src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
20
- url('../../lib/font/league_gothic-webfont.woff') format('woff'),
21
- url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
22
- url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
23
-
24
- font-weight: normal;
25
- font-style: normal;
26
- }
27
-
18
+ @import url(../../lib/font/league-gothic/league-gothic.css);
28
19
  @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
29
20
 
30
21
  // Override theme settings (see ../template/settings.scss)
22
+ $headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2);
31
23
  $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
32
24
 
33
25
  // Background generator
@@ -12,18 +12,7 @@
12
12
 
13
13
 
14
14
  // Include theme-specific fonts
15
- @font-face {
16
- font-family: 'League Gothic';
17
- src: url('../../lib/font/league_gothic-webfont.eot');
18
- src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
19
- url('../../lib/font/league_gothic-webfont.woff') format('woff'),
20
- url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
21
- url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
22
-
23
- font-weight: normal;
24
- font-style: normal;
25
- }
26
-
15
+ @import url(../../lib/font/league-gothic/league-gothic.css);
27
16
  @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
28
17
 
29
18
  /**
@@ -25,7 +25,7 @@ $linkColor: #51483D;
25
25
  $linkColorHover: lighten( $linkColor, 20% );
26
26
  $selectionBackgroundColor: #26351C;
27
27
 
28
- .reveal a:not(.image) {
28
+ .reveal a {
29
29
  line-height: 1.3em;
30
30
  }
31
31
 
@@ -30,7 +30,7 @@ $linkColorHover: lighten( $linkColor, 20% );
30
30
  $selectionBackgroundColor: #134674;
31
31
 
32
32
  // Fix links so they are not cut off
33
- .reveal a:not(.image) {
33
+ .reveal a {
34
34
  line-height: 1.3em;
35
35
  }
36
36
 
@@ -12,18 +12,7 @@
12
12
 
13
13
 
14
14
  // Include theme-specific fonts
15
- @font-face {
16
- font-family: 'League Gothic';
17
- src: url('../../lib/font/league_gothic-webfont.eot');
18
- src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
19
- url('../../lib/font/league_gothic-webfont.woff') format('woff'),
20
- url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
21
- url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
22
-
23
- font-weight: normal;
24
- font-style: normal;
25
- }
26
-
15
+ @import url(../../lib/font/league-gothic/league-gothic.css);
27
16
  @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
28
17
 
29
18
 
@@ -0,0 +1,49 @@
1
+ /**
2
+ * White theme for reveal.js. This is the opposite of the 'black' theme.
3
+ *
4
+ * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
5
+ */
6
+
7
+
8
+ // Default mixins and settings -----------------
9
+ @import "../template/mixins";
10
+ @import "../template/settings";
11
+ // ---------------------------------------------
12
+
13
+
14
+ // Include theme-specific fonts
15
+ @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
16
+
17
+
18
+ // Override theme settings (see ../template/settings.scss)
19
+ $backgroundColor: #fff;
20
+
21
+ $mainColor: #222;
22
+ $headingColor: #222;
23
+
24
+ $mainFontSize: 38px;
25
+ $mainFont: 'Source Sans Pro', Helvetica, sans-serif;
26
+ $headingFont: 'Source Sans Pro', Helvetica, sans-serif;
27
+ $headingTextShadow: none;
28
+ $headingLetterSpacing: normal;
29
+ $headingTextTransform: uppercase;
30
+ $headingFontWeight: 600;
31
+ $linkColor: #2a76dd;
32
+ $linkColorHover: lighten( $linkColor, 15% );
33
+ $selectionBackgroundColor: lighten( $linkColor, 25% );
34
+
35
+ $heading1Size: 2.5em;
36
+ $heading2Size: 1.6em;
37
+ $heading3Size: 1.3em;
38
+ $heading4Size: 1.0em;
39
+
40
+ section.has-dark-background {
41
+ &, h1, h2, h3, h4, h5, h6 {
42
+ color: #fff;
43
+ }
44
+ }
45
+
46
+
47
+ // Theme template ------------------------------
48
+ @import "../template/theme";
49
+ // ---------------------------------------------
@@ -9,16 +9,25 @@ $mainFont: 'Lato', sans-serif;
9
9
  $mainFontSize: 36px;
10
10
  $mainColor: #eee;
11
11
 
12
+ // Vertical spacing between blocks of text
13
+ $blockMargin: 20px;
14
+
12
15
  // Headings
13
- $headingMargin: 0 0 20px 0;
16
+ $headingMargin: 0 0 $blockMargin 0;
14
17
  $headingFont: 'League Gothic', Impact, sans-serif;
15
18
  $headingColor: #eee;
16
- $headingLineHeight: 0.9em;
17
- $headingLetterSpacing: 0.02em;
19
+ $headingLineHeight: 1.2;
20
+ $headingLetterSpacing: normal;
18
21
  $headingTextTransform: uppercase;
19
- $headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2);
22
+ $headingTextShadow: none;
23
+ $headingFontWeight: normal;
20
24
  $heading1TextShadow: $headingTextShadow;
21
25
 
26
+ $heading1Size: 3.77em;
27
+ $heading2Size: 2.11em;
28
+ $heading3Size: 1.55em;
29
+ $heading4Size: 1.00em;
30
+
22
31
  // Links and actions
23
32
  $linkColor: #13DAEC;
24
33
  $linkColorHover: lighten( $linkColor, 20% );
@@ -13,7 +13,6 @@ body {
13
13
  font-family: $mainFont;
14
14
  font-size: $mainFontSize;
15
15
  font-weight: normal;
16
- letter-spacing: -0.02em;
17
16
  color: $mainColor;
18
17
  }
19
18
 
@@ -23,6 +22,12 @@ body {
23
22
  text-shadow: none;
24
23
  }
25
24
 
25
+ .reveal .slides>section,
26
+ .reveal .slides>section>section {
27
+ line-height: 1.3;
28
+ font-weight: inherit;
29
+ }
30
+
26
31
  /*********************************************
27
32
  * HEADERS
28
33
  *********************************************/
@@ -37,33 +42,209 @@ body {
37
42
  color: $headingColor;
38
43
 
39
44
  font-family: $headingFont;
45
+ font-weight: $headingFontWeight;
40
46
  line-height: $headingLineHeight;
41
47
  letter-spacing: $headingLetterSpacing;
42
48
 
43
49
  text-transform: $headingTextTransform;
44
50
  text-shadow: $headingTextShadow;
51
+
52
+ word-wrap: break-word;
45
53
  }
46
54
 
55
+ .reveal h1 {font-size: $heading1Size; }
56
+ .reveal h2 {font-size: $heading2Size; }
57
+ .reveal h3 {font-size: $heading3Size; }
58
+ .reveal h4 {font-size: $heading4Size; }
59
+
47
60
  .reveal h1 {
48
61
  text-shadow: $heading1TextShadow;
49
62
  }
50
63
 
51
64
 
65
+ /*********************************************
66
+ * OTHER
67
+ *********************************************/
68
+
69
+ .reveal p {
70
+ margin: $blockMargin 0;
71
+ line-height: 1.3;
72
+ }
73
+
74
+ /* Ensure certain elements are never larger than the slide itself */
75
+ .reveal img,
76
+ .reveal video,
77
+ .reveal iframe {
78
+ max-width: 95%;
79
+ max-height: 95%;
80
+ }
81
+ .reveal strong,
82
+ .reveal b {
83
+ font-weight: bold;
84
+ }
85
+
86
+ .reveal em {
87
+ font-style: italic;
88
+ }
89
+
90
+ .reveal ol,
91
+ .reveal dl,
92
+ .reveal ul {
93
+ display: inline-block;
94
+
95
+ text-align: left;
96
+ margin: 0 0 0 1em;
97
+ }
98
+
99
+ .reveal ol {
100
+ list-style-type: decimal;
101
+ }
102
+
103
+ .reveal ul {
104
+ list-style-type: disc;
105
+ }
106
+
107
+ .reveal ul ul {
108
+ list-style-type: square;
109
+ }
110
+
111
+ .reveal ul ul ul {
112
+ list-style-type: circle;
113
+ }
114
+
115
+ .reveal ul ul,
116
+ .reveal ul ol,
117
+ .reveal ol ol,
118
+ .reveal ol ul {
119
+ display: block;
120
+ margin-left: 40px;
121
+ }
122
+
123
+ .reveal dt {
124
+ font-weight: bold;
125
+ }
126
+
127
+ .reveal dd {
128
+ margin-left: 40px;
129
+ }
130
+
131
+ .reveal q,
132
+ .reveal blockquote {
133
+ quotes: none;
134
+ }
135
+
136
+ .reveal blockquote {
137
+ display: block;
138
+ position: relative;
139
+ width: 70%;
140
+ margin: $blockMargin auto;
141
+ padding: 5px;
142
+
143
+ font-style: italic;
144
+ background: rgba(255, 255, 255, 0.05);
145
+ box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
146
+ }
147
+ .reveal blockquote p:first-child,
148
+ .reveal blockquote p:last-child {
149
+ display: inline-block;
150
+ }
151
+
152
+ .reveal q {
153
+ font-style: italic;
154
+ }
155
+
156
+ .reveal pre {
157
+ display: block;
158
+ position: relative;
159
+ width: 90%;
160
+ margin: $blockMargin auto;
161
+
162
+ text-align: left;
163
+ font-size: 0.55em;
164
+ font-family: monospace;
165
+ line-height: 1.2em;
166
+
167
+ word-wrap: break-word;
168
+
169
+ box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
170
+ }
171
+ .reveal code {
172
+ font-family: monospace;
173
+ }
174
+
175
+ .reveal pre code {
176
+ display: block;
177
+ padding: 5px;
178
+ overflow: auto;
179
+ max-height: 400px;
180
+ word-wrap: normal;
181
+ background: #3F3F3F;
182
+ color: #DCDCDC;
183
+ }
184
+
185
+ .reveal table {
186
+ margin: auto;
187
+ border-collapse: collapse;
188
+ border-spacing: 0;
189
+ }
190
+
191
+ .reveal table th {
192
+ font-weight: bold;
193
+ }
194
+
195
+ .reveal table th,
196
+ .reveal table td {
197
+ text-align: left;
198
+ padding: 0.2em 0.5em 0.2em 0.5em;
199
+ border-bottom: 1px solid;
200
+ }
201
+
202
+ .reveal table th[align="center"],
203
+ .reveal table td[align="center"] {
204
+ text-align: center;
205
+ }
206
+
207
+ .reveal table th[align="right"],
208
+ .reveal table td[align="right"] {
209
+ text-align: right;
210
+ }
211
+
212
+ .reveal table tr:last-child td {
213
+ border-bottom: none;
214
+ }
215
+
216
+ .reveal sup {
217
+ vertical-align: super;
218
+ }
219
+ .reveal sub {
220
+ vertical-align: sub;
221
+ }
222
+
223
+ .reveal small {
224
+ display: inline-block;
225
+ font-size: 0.6em;
226
+ line-height: 1.2em;
227
+ vertical-align: top;
228
+ }
229
+
230
+ .reveal small * {
231
+ vertical-align: top;
232
+ }
233
+
234
+
52
235
  /*********************************************
53
236
  * LINKS
54
237
  *********************************************/
55
238
 
56
- .reveal a:not(.image) {
239
+ .reveal a {
57
240
  color: $linkColor;
58
241
  text-decoration: none;
59
242
 
60
243
  -webkit-transition: color .15s ease;
61
244
  -moz-transition: color .15s ease;
62
- -ms-transition: color .15s ease;
63
- -o-transition: color .15s ease;
64
245
  transition: color .15s ease;
65
246
  }
66
- .reveal a:not(.image):hover {
247
+ .reveal a:hover {
67
248
  color: $linkColorHover;
68
249
 
69
250
  text-shadow: none;
@@ -86,14 +267,14 @@ body {
86
267
  border: 4px solid $mainColor;
87
268
 
88
269
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
89
-
90
- -webkit-transition: all .2s linear;
91
- -moz-transition: all .2s linear;
92
- -ms-transition: all .2s linear;
93
- -o-transition: all .2s linear;
94
- transition: all .2s linear;
95
270
  }
96
271
 
272
+ .reveal a img {
273
+ -webkit-transition: all .15s linear;
274
+ -moz-transition: all .15s linear;
275
+ transition: all .15s linear;
276
+ }
277
+
97
278
  .reveal a:hover img {
98
279
  background: rgba(255,255,255,0.2);
99
280
  border-color: $linkColor;
@@ -155,8 +336,6 @@ body {
155
336
 
156
337
  -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
157
338
  -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
158
- -ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
159
- -o-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
160
339
  transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
161
340
  }
162
341
 
@@ -164,7 +343,7 @@ body {
164
343
  * SLIDE NUMBER
165
344
  *********************************************/
166
345
  .reveal .slide-number {
167
- color: $linkColor;
346
+ color: $linkColor;
168
347
  }
169
348
 
170
349