rails-reveal-js 2.6.1

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