rails-reveal-js 2.6.1

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 (34) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +29 -0
  6. data/Rakefile +1 -0
  7. data/lib/rails/reveal/js.rb +10 -0
  8. data/lib/rails/reveal/js/version.rb +7 -0
  9. data/rails-reveal-js.gemspec +25 -0
  10. data/vendor/assets/javascripts/reveal.min.js +9 -0
  11. data/vendor/assets/stylesheets/reveal.min.css +7 -0
  12. data/vendor/assets/stylesheets/theme/README.md +25 -0
  13. data/vendor/assets/stylesheets/theme/beige.css +148 -0
  14. data/vendor/assets/stylesheets/theme/blood.css +175 -0
  15. data/vendor/assets/stylesheets/theme/default.css +148 -0
  16. data/vendor/assets/stylesheets/theme/moon.css +148 -0
  17. data/vendor/assets/stylesheets/theme/night.css +136 -0
  18. data/vendor/assets/stylesheets/theme/serif.css +138 -0
  19. data/vendor/assets/stylesheets/theme/simple.css +138 -0
  20. data/vendor/assets/stylesheets/theme/sky.css +145 -0
  21. data/vendor/assets/stylesheets/theme/solarized.css +148 -0
  22. data/vendor/assets/stylesheets/theme/source/beige.scss +50 -0
  23. data/vendor/assets/stylesheets/theme/source/blood.scss +91 -0
  24. data/vendor/assets/stylesheets/theme/source/default.scss +42 -0
  25. data/vendor/assets/stylesheets/theme/source/moon.scss +68 -0
  26. data/vendor/assets/stylesheets/theme/source/night.scss +35 -0
  27. data/vendor/assets/stylesheets/theme/source/serif.scss +35 -0
  28. data/vendor/assets/stylesheets/theme/source/simple.scss +38 -0
  29. data/vendor/assets/stylesheets/theme/source/sky.scss +46 -0
  30. data/vendor/assets/stylesheets/theme/source/solarized.scss +74 -0
  31. data/vendor/assets/stylesheets/theme/template/mixins.scss +29 -0
  32. data/vendor/assets/stylesheets/theme/template/settings.scss +34 -0
  33. data/vendor/assets/stylesheets/theme/template/theme.scss +170 -0
  34. metadata +119 -0
@@ -0,0 +1,138 @@
1
+ @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
2
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
3
+ /**
4
+ * A simple theme for reveal.js presentations, similar
5
+ * to the default theme. The accent color is darkblue.
6
+ *
7
+ * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
8
+ * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
9
+ */
10
+ /*********************************************
11
+ * GLOBAL STYLES
12
+ *********************************************/
13
+ body {
14
+ background: white;
15
+ background-color: white; }
16
+
17
+ .reveal {
18
+ font-family: "Lato", sans-serif;
19
+ font-size: 36px;
20
+ font-weight: normal;
21
+ letter-spacing: -0.02em;
22
+ color: black; }
23
+
24
+ ::selection {
25
+ color: white;
26
+ background: rgba(0, 0, 0, 0.99);
27
+ text-shadow: none; }
28
+
29
+ /*********************************************
30
+ * HEADERS
31
+ *********************************************/
32
+ .reveal h1,
33
+ .reveal h2,
34
+ .reveal h3,
35
+ .reveal h4,
36
+ .reveal h5,
37
+ .reveal h6 {
38
+ margin: 0 0 20px 0;
39
+ color: black;
40
+ font-family: "News Cycle", Impact, sans-serif;
41
+ line-height: 0.9em;
42
+ letter-spacing: 0.02em;
43
+ text-transform: none;
44
+ text-shadow: none; }
45
+
46
+ .reveal h1 {
47
+ text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
48
+
49
+ /*********************************************
50
+ * LINKS
51
+ *********************************************/
52
+ .reveal a:not(.image) {
53
+ color: darkblue;
54
+ text-decoration: none;
55
+ -webkit-transition: color .15s ease;
56
+ -moz-transition: color .15s ease;
57
+ -ms-transition: color .15s ease;
58
+ -o-transition: color .15s ease;
59
+ transition: color .15s ease; }
60
+
61
+ .reveal a:not(.image):hover {
62
+ color: #0000f1;
63
+ text-shadow: none;
64
+ border: none; }
65
+
66
+ .reveal .roll span:after {
67
+ color: #fff;
68
+ background: #00003f; }
69
+
70
+ /*********************************************
71
+ * IMAGES
72
+ *********************************************/
73
+ .reveal section img {
74
+ margin: 15px 0px;
75
+ background: rgba(255, 255, 255, 0.12);
76
+ border: 4px solid black;
77
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
78
+ -webkit-transition: all .2s linear;
79
+ -moz-transition: all .2s linear;
80
+ -ms-transition: all .2s linear;
81
+ -o-transition: all .2s linear;
82
+ transition: all .2s linear; }
83
+
84
+ .reveal a:hover img {
85
+ background: rgba(255, 255, 255, 0.2);
86
+ border-color: darkblue;
87
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
88
+
89
+ /*********************************************
90
+ * NAVIGATION CONTROLS
91
+ *********************************************/
92
+ .reveal .controls div.navigate-left,
93
+ .reveal .controls div.navigate-left.enabled {
94
+ border-right-color: darkblue; }
95
+
96
+ .reveal .controls div.navigate-right,
97
+ .reveal .controls div.navigate-right.enabled {
98
+ border-left-color: darkblue; }
99
+
100
+ .reveal .controls div.navigate-up,
101
+ .reveal .controls div.navigate-up.enabled {
102
+ border-bottom-color: darkblue; }
103
+
104
+ .reveal .controls div.navigate-down,
105
+ .reveal .controls div.navigate-down.enabled {
106
+ border-top-color: darkblue; }
107
+
108
+ .reveal .controls div.navigate-left.enabled:hover {
109
+ border-right-color: #0000f1; }
110
+
111
+ .reveal .controls div.navigate-right.enabled:hover {
112
+ border-left-color: #0000f1; }
113
+
114
+ .reveal .controls div.navigate-up.enabled:hover {
115
+ border-bottom-color: #0000f1; }
116
+
117
+ .reveal .controls div.navigate-down.enabled:hover {
118
+ border-top-color: #0000f1; }
119
+
120
+ /*********************************************
121
+ * PROGRESS BAR
122
+ *********************************************/
123
+ .reveal .progress {
124
+ background: rgba(0, 0, 0, 0.2); }
125
+
126
+ .reveal .progress span {
127
+ background: darkblue;
128
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
129
+ -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
130
+ -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
131
+ -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
132
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
133
+
134
+ /*********************************************
135
+ * SLIDE NUMBER
136
+ *********************************************/
137
+ .reveal .slide-number {
138
+ color: darkblue; }
@@ -0,0 +1,145 @@
1
+ @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
2
+ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
3
+ /**
4
+ * Sky theme for reveal.js.
5
+ *
6
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7
+ */
8
+ .reveal a:not(.image) {
9
+ line-height: 1.3em; }
10
+
11
+ /*********************************************
12
+ * GLOBAL STYLES
13
+ *********************************************/
14
+ body {
15
+ background: #add9e4;
16
+ background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
17
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
18
+ background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
19
+ background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
20
+ background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
21
+ background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
22
+ background-color: #f7fbfc; }
23
+
24
+ .reveal {
25
+ font-family: "Open Sans", sans-serif;
26
+ font-size: 36px;
27
+ font-weight: normal;
28
+ letter-spacing: -0.02em;
29
+ color: #333333; }
30
+
31
+ ::selection {
32
+ color: white;
33
+ background: #134674;
34
+ text-shadow: none; }
35
+
36
+ /*********************************************
37
+ * HEADERS
38
+ *********************************************/
39
+ .reveal h1,
40
+ .reveal h2,
41
+ .reveal h3,
42
+ .reveal h4,
43
+ .reveal h5,
44
+ .reveal h6 {
45
+ margin: 0 0 20px 0;
46
+ color: #333333;
47
+ font-family: "Quicksand", sans-serif;
48
+ line-height: 0.9em;
49
+ letter-spacing: -0.08em;
50
+ text-transform: uppercase;
51
+ text-shadow: none; }
52
+
53
+ .reveal h1 {
54
+ text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
55
+
56
+ /*********************************************
57
+ * LINKS
58
+ *********************************************/
59
+ .reveal a:not(.image) {
60
+ color: #3b759e;
61
+ text-decoration: none;
62
+ -webkit-transition: color .15s ease;
63
+ -moz-transition: color .15s ease;
64
+ -ms-transition: color .15s ease;
65
+ -o-transition: color .15s ease;
66
+ transition: color .15s ease; }
67
+
68
+ .reveal a:not(.image):hover {
69
+ color: #74a7cb;
70
+ text-shadow: none;
71
+ border: none; }
72
+
73
+ .reveal .roll span:after {
74
+ color: #fff;
75
+ background: #264c66; }
76
+
77
+ /*********************************************
78
+ * IMAGES
79
+ *********************************************/
80
+ .reveal section img {
81
+ margin: 15px 0px;
82
+ background: rgba(255, 255, 255, 0.12);
83
+ border: 4px solid #333333;
84
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
85
+ -webkit-transition: all .2s linear;
86
+ -moz-transition: all .2s linear;
87
+ -ms-transition: all .2s linear;
88
+ -o-transition: all .2s linear;
89
+ transition: all .2s linear; }
90
+
91
+ .reveal a:hover img {
92
+ background: rgba(255, 255, 255, 0.2);
93
+ border-color: #3b759e;
94
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
95
+
96
+ /*********************************************
97
+ * NAVIGATION CONTROLS
98
+ *********************************************/
99
+ .reveal .controls div.navigate-left,
100
+ .reveal .controls div.navigate-left.enabled {
101
+ border-right-color: #3b759e; }
102
+
103
+ .reveal .controls div.navigate-right,
104
+ .reveal .controls div.navigate-right.enabled {
105
+ border-left-color: #3b759e; }
106
+
107
+ .reveal .controls div.navigate-up,
108
+ .reveal .controls div.navigate-up.enabled {
109
+ border-bottom-color: #3b759e; }
110
+
111
+ .reveal .controls div.navigate-down,
112
+ .reveal .controls div.navigate-down.enabled {
113
+ border-top-color: #3b759e; }
114
+
115
+ .reveal .controls div.navigate-left.enabled:hover {
116
+ border-right-color: #74a7cb; }
117
+
118
+ .reveal .controls div.navigate-right.enabled:hover {
119
+ border-left-color: #74a7cb; }
120
+
121
+ .reveal .controls div.navigate-up.enabled:hover {
122
+ border-bottom-color: #74a7cb; }
123
+
124
+ .reveal .controls div.navigate-down.enabled:hover {
125
+ border-top-color: #74a7cb; }
126
+
127
+ /*********************************************
128
+ * PROGRESS BAR
129
+ *********************************************/
130
+ .reveal .progress {
131
+ background: rgba(0, 0, 0, 0.2); }
132
+
133
+ .reveal .progress span {
134
+ background: #3b759e;
135
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
136
+ -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
137
+ -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
138
+ -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
139
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
140
+
141
+ /*********************************************
142
+ * SLIDE NUMBER
143
+ *********************************************/
144
+ .reveal .slide-number {
145
+ color: #3b759e; }
@@ -0,0 +1,148 @@
1
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
2
+ /**
3
+ * Solarized Light theme for reveal.js.
4
+ * Author: Achim Staebler
5
+ */
6
+ @font-face {
7
+ font-family: 'League Gothic';
8
+ src: url("../../lib/font/league_gothic-webfont.eot");
9
+ src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
10
+ font-weight: normal;
11
+ font-style: normal; }
12
+
13
+ /**
14
+ * Solarized colors by Ethan Schoonover
15
+ */
16
+ html * {
17
+ color-profile: sRGB;
18
+ rendering-intent: auto; }
19
+
20
+ /*********************************************
21
+ * GLOBAL STYLES
22
+ *********************************************/
23
+ body {
24
+ background: #fdf6e3;
25
+ background-color: #fdf6e3; }
26
+
27
+ .reveal {
28
+ font-family: "Lato", sans-serif;
29
+ font-size: 36px;
30
+ font-weight: normal;
31
+ letter-spacing: -0.02em;
32
+ color: #657b83; }
33
+
34
+ ::selection {
35
+ color: white;
36
+ background: #d33682;
37
+ text-shadow: none; }
38
+
39
+ /*********************************************
40
+ * HEADERS
41
+ *********************************************/
42
+ .reveal h1,
43
+ .reveal h2,
44
+ .reveal h3,
45
+ .reveal h4,
46
+ .reveal h5,
47
+ .reveal h6 {
48
+ margin: 0 0 20px 0;
49
+ color: #586e75;
50
+ font-family: "League Gothic", Impact, sans-serif;
51
+ line-height: 0.9em;
52
+ letter-spacing: 0.02em;
53
+ text-transform: uppercase;
54
+ text-shadow: none; }
55
+
56
+ .reveal h1 {
57
+ text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
58
+
59
+ /*********************************************
60
+ * LINKS
61
+ *********************************************/
62
+ .reveal a:not(.image) {
63
+ color: #268bd2;
64
+ text-decoration: none;
65
+ -webkit-transition: color .15s ease;
66
+ -moz-transition: color .15s ease;
67
+ -ms-transition: color .15s ease;
68
+ -o-transition: color .15s ease;
69
+ transition: color .15s ease; }
70
+
71
+ .reveal a:not(.image):hover {
72
+ color: #78b9e6;
73
+ text-shadow: none;
74
+ border: none; }
75
+
76
+ .reveal .roll span:after {
77
+ color: #fff;
78
+ background: #1a6091; }
79
+
80
+ /*********************************************
81
+ * IMAGES
82
+ *********************************************/
83
+ .reveal section img {
84
+ margin: 15px 0px;
85
+ background: rgba(255, 255, 255, 0.12);
86
+ border: 4px solid #657b83;
87
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
88
+ -webkit-transition: all .2s linear;
89
+ -moz-transition: all .2s linear;
90
+ -ms-transition: all .2s linear;
91
+ -o-transition: all .2s linear;
92
+ transition: all .2s linear; }
93
+
94
+ .reveal a:hover img {
95
+ background: rgba(255, 255, 255, 0.2);
96
+ border-color: #268bd2;
97
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
98
+
99
+ /*********************************************
100
+ * NAVIGATION CONTROLS
101
+ *********************************************/
102
+ .reveal .controls div.navigate-left,
103
+ .reveal .controls div.navigate-left.enabled {
104
+ border-right-color: #268bd2; }
105
+
106
+ .reveal .controls div.navigate-right,
107
+ .reveal .controls div.navigate-right.enabled {
108
+ border-left-color: #268bd2; }
109
+
110
+ .reveal .controls div.navigate-up,
111
+ .reveal .controls div.navigate-up.enabled {
112
+ border-bottom-color: #268bd2; }
113
+
114
+ .reveal .controls div.navigate-down,
115
+ .reveal .controls div.navigate-down.enabled {
116
+ border-top-color: #268bd2; }
117
+
118
+ .reveal .controls div.navigate-left.enabled:hover {
119
+ border-right-color: #78b9e6; }
120
+
121
+ .reveal .controls div.navigate-right.enabled:hover {
122
+ border-left-color: #78b9e6; }
123
+
124
+ .reveal .controls div.navigate-up.enabled:hover {
125
+ border-bottom-color: #78b9e6; }
126
+
127
+ .reveal .controls div.navigate-down.enabled:hover {
128
+ border-top-color: #78b9e6; }
129
+
130
+ /*********************************************
131
+ * PROGRESS BAR
132
+ *********************************************/
133
+ .reveal .progress {
134
+ background: rgba(0, 0, 0, 0.2); }
135
+
136
+ .reveal .progress span {
137
+ background: #268bd2;
138
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
139
+ -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
140
+ -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
141
+ -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
142
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
143
+
144
+ /*********************************************
145
+ * SLIDE NUMBER
146
+ *********************************************/
147
+ .reveal .slide-number {
148
+ color: #268bd2; }
@@ -0,0 +1,50 @@
1
+ /**
2
+ * Beige theme for reveal.js.
3
+ *
4
+ * Copyright (C) 2011-2012 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
+
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
+
28
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
29
+
30
+
31
+ // Override theme settings (see ../template/settings.scss)
32
+ $mainColor: #333;
33
+ $headingColor: #333;
34
+ $headingTextShadow: none;
35
+ $backgroundColor: #f7f3de;
36
+ $linkColor: #8b743d;
37
+ $linkColorHover: lighten( $linkColor, 20% );
38
+ $selectionBackgroundColor: rgba(79, 64, 28, 0.99);
39
+ $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);
40
+
41
+ // Background generator
42
+ @mixin bodyBackground() {
43
+ @include radial-gradient( rgba(247,242,211,1), rgba(255,255,255,1) );
44
+ }
45
+
46
+
47
+
48
+ // Theme template ------------------------------
49
+ @import "../template/theme";
50
+ // ---------------------------------------------