rails-reveal-js 2.6.1.2 → 3.1.0

Sign up to get free protection for your applications and to get access to all the features.
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