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,91 @@
1
+ /**
2
+ * Blood theme for reveal.js
3
+ * Author: Walther http://github.com/Walther
4
+ *
5
+ * Designed to be used with highlight.js theme
6
+ * "monokai_sublime.css" available from
7
+ * https://github.com/isagalaev/highlight.js/
8
+ *
9
+ * For other themes, change $codeBackground accordingly.
10
+ *
11
+ */
12
+
13
+ // Default mixins and settings -----------------
14
+ @import "../template/mixins";
15
+ @import "../template/settings";
16
+ // ---------------------------------------------
17
+
18
+ // Include theme-specific fonts
19
+
20
+ @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
21
+
22
+ // Colors used in the theme
23
+ $blood: #a23;
24
+ $coal: #222;
25
+ $codeBackground: #23241f;
26
+
27
+ // Main text
28
+ $mainFont: Ubuntu, 'sans-serif';
29
+ $mainFontSize: 36px;
30
+ $mainColor: #eee;
31
+
32
+ // Headings
33
+ $headingFont: Ubuntu, 'sans-serif';
34
+ $headingTextShadow: 2px 2px 2px $coal;
35
+
36
+ // h1 shadow, borrowed humbly from
37
+ // (c) Default theme by Hakim El Hattab
38
+ $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);
39
+
40
+ // Links
41
+ $linkColor: $blood;
42
+ $linkColorHover: lighten( $linkColor, 20% );
43
+
44
+ // Text selection
45
+ $selectionBackgroundColor: $blood;
46
+ $selectionColor: #fff;
47
+
48
+ // Background generator
49
+ @mixin bodyBackground() {
50
+ @include radial-gradient( $coal, lighten( $coal, 25% ) );
51
+ }
52
+
53
+ // Theme template ------------------------------
54
+ @import "../template/theme";
55
+ // ---------------------------------------------
56
+
57
+ // some overrides after theme template import
58
+
59
+ .reveal p {
60
+ font-weight: 300;
61
+ text-shadow: 1px 1px $coal;
62
+ }
63
+
64
+ .reveal h1,
65
+ .reveal h2,
66
+ .reveal h3,
67
+ .reveal h4,
68
+ .reveal h5,
69
+ .reveal h6 {
70
+ font-weight: 700;
71
+ }
72
+
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
+ .reveal p code {
84
+ background-color: $codeBackground;
85
+ display: inline-block;
86
+ border-radius: 7px;
87
+ }
88
+
89
+ .reveal small code {
90
+ vertical-align: baseline;
91
+ }
@@ -0,0 +1,42 @@
1
+ /**
2
+ * Default 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
+ // Override theme settings (see ../template/settings.scss)
31
+ $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
+
33
+ // Background generator
34
+ @mixin bodyBackground() {
35
+ @include radial-gradient( rgba(28,30,32,1), rgba(85,90,95,1) );
36
+ }
37
+
38
+
39
+
40
+ // Theme template ------------------------------
41
+ @import "../template/theme";
42
+ // ---------------------------------------------
@@ -0,0 +1,68 @@
1
+ /**
2
+ * Solarized Dark theme for reveal.js.
3
+ * Author: Achim Staebler
4
+ */
5
+
6
+
7
+ // Default mixins and settings -----------------
8
+ @import "../template/mixins";
9
+ @import "../template/settings";
10
+ // ---------------------------------------------
11
+
12
+
13
+
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
+
27
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
28
+
29
+ /**
30
+ * Solarized colors by Ethan Schoonover
31
+ */
32
+ html * {
33
+ color-profile: sRGB;
34
+ rendering-intent: auto;
35
+ }
36
+
37
+ // Solarized colors
38
+ $base03: #002b36;
39
+ $base02: #073642;
40
+ $base01: #586e75;
41
+ $base00: #657b83;
42
+ $base0: #839496;
43
+ $base1: #93a1a1;
44
+ $base2: #eee8d5;
45
+ $base3: #fdf6e3;
46
+ $yellow: #b58900;
47
+ $orange: #cb4b16;
48
+ $red: #dc322f;
49
+ $magenta: #d33682;
50
+ $violet: #6c71c4;
51
+ $blue: #268bd2;
52
+ $cyan: #2aa198;
53
+ $green: #859900;
54
+
55
+ // Override theme settings (see ../template/settings.scss)
56
+ $mainColor: $base1;
57
+ $headingColor: $base2;
58
+ $headingTextShadow: none;
59
+ $backgroundColor: $base03;
60
+ $linkColor: $blue;
61
+ $linkColorHover: lighten( $linkColor, 20% );
62
+ $selectionBackgroundColor: $magenta;
63
+
64
+
65
+
66
+ // Theme template ------------------------------
67
+ @import "../template/theme";
68
+ // ---------------------------------------------
@@ -0,0 +1,35 @@
1
+ /**
2
+ * Black 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
+ // Include theme-specific fonts
15
+ @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
16
+ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
17
+
18
+
19
+ // Override theme settings (see ../template/settings.scss)
20
+ $backgroundColor: #111;
21
+
22
+ $mainFont: 'Open Sans', sans-serif;
23
+ $linkColor: #e7ad52;
24
+ $linkColorHover: lighten( $linkColor, 20% );
25
+ $headingFont: 'Montserrat', Impact, sans-serif;
26
+ $headingTextShadow: none;
27
+ $headingLetterSpacing: -0.03em;
28
+ $headingTextTransform: none;
29
+ $selectionBackgroundColor: #e7ad52;
30
+ $mainFontSize: 30px;
31
+
32
+
33
+ // Theme template ------------------------------
34
+ @import "../template/theme";
35
+ // ---------------------------------------------
@@ -0,0 +1,35 @@
1
+ /**
2
+ * A simple theme for reveal.js presentations, similar
3
+ * to the default theme. The accent color is brown.
4
+ *
5
+ * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
6
+ */
7
+
8
+
9
+ // Default mixins and settings -----------------
10
+ @import "../template/mixins";
11
+ @import "../template/settings";
12
+ // ---------------------------------------------
13
+
14
+
15
+
16
+ // Override theme settings (see ../template/settings.scss)
17
+ $mainFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
18
+ $mainColor: #000;
19
+ $headingFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
20
+ $headingColor: #383D3D;
21
+ $headingTextShadow: none;
22
+ $headingTextTransform: none;
23
+ $backgroundColor: #F0F1EB;
24
+ $linkColor: #51483D;
25
+ $linkColorHover: lighten( $linkColor, 20% );
26
+ $selectionBackgroundColor: #26351C;
27
+
28
+ .reveal a:not(.image) {
29
+ line-height: 1.3em;
30
+ }
31
+
32
+
33
+ // Theme template ------------------------------
34
+ @import "../template/theme";
35
+ // ---------------------------------------------
@@ -0,0 +1,38 @@
1
+ /**
2
+ * A simple theme for reveal.js presentations, similar
3
+ * to the default theme. The accent color is darkblue.
4
+ *
5
+ * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
6
+ * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7
+ */
8
+
9
+
10
+ // Default mixins and settings -----------------
11
+ @import "../template/mixins";
12
+ @import "../template/settings";
13
+ // ---------------------------------------------
14
+
15
+
16
+
17
+ // Include theme-specific fonts
18
+ @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
19
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
20
+
21
+
22
+ // Override theme settings (see ../template/settings.scss)
23
+ $mainFont: 'Lato', sans-serif;
24
+ $mainColor: #000;
25
+ $headingFont: 'News Cycle', Impact, sans-serif;
26
+ $headingColor: #000;
27
+ $headingTextShadow: none;
28
+ $headingTextTransform: none;
29
+ $backgroundColor: #fff;
30
+ $linkColor: #00008B;
31
+ $linkColorHover: lighten( $linkColor, 20% );
32
+ $selectionBackgroundColor: rgba(0, 0, 0, 0.99);
33
+
34
+
35
+
36
+ // Theme template ------------------------------
37
+ @import "../template/theme";
38
+ // ---------------------------------------------
@@ -0,0 +1,46 @@
1
+ /**
2
+ * Sky 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
+ @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
17
+ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
18
+
19
+
20
+ // Override theme settings (see ../template/settings.scss)
21
+ $mainFont: 'Open Sans', sans-serif;
22
+ $mainColor: #333;
23
+ $headingFont: 'Quicksand', sans-serif;
24
+ $headingColor: #333;
25
+ $headingLetterSpacing: -0.08em;
26
+ $headingTextShadow: none;
27
+ $backgroundColor: #f7fbfc;
28
+ $linkColor: #3b759e;
29
+ $linkColorHover: lighten( $linkColor, 20% );
30
+ $selectionBackgroundColor: #134674;
31
+
32
+ // Fix links so they are not cut off
33
+ .reveal a:not(.image) {
34
+ line-height: 1.3em;
35
+ }
36
+
37
+ // Background generator
38
+ @mixin bodyBackground() {
39
+ @include radial-gradient( #add9e4, #f7fbfc );
40
+ }
41
+
42
+
43
+
44
+ // Theme template ------------------------------
45
+ @import "../template/theme";
46
+ // ---------------------------------------------
@@ -0,0 +1,74 @@
1
+ /**
2
+ * Solarized Light theme for reveal.js.
3
+ * Author: Achim Staebler
4
+ */
5
+
6
+
7
+ // Default mixins and settings -----------------
8
+ @import "../template/mixins";
9
+ @import "../template/settings";
10
+ // ---------------------------------------------
11
+
12
+
13
+
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
+
27
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
28
+
29
+
30
+ /**
31
+ * Solarized colors by Ethan Schoonover
32
+ */
33
+ html * {
34
+ color-profile: sRGB;
35
+ rendering-intent: auto;
36
+ }
37
+
38
+ // Solarized colors
39
+ $base03: #002b36;
40
+ $base02: #073642;
41
+ $base01: #586e75;
42
+ $base00: #657b83;
43
+ $base0: #839496;
44
+ $base1: #93a1a1;
45
+ $base2: #eee8d5;
46
+ $base3: #fdf6e3;
47
+ $yellow: #b58900;
48
+ $orange: #cb4b16;
49
+ $red: #dc322f;
50
+ $magenta: #d33682;
51
+ $violet: #6c71c4;
52
+ $blue: #268bd2;
53
+ $cyan: #2aa198;
54
+ $green: #859900;
55
+
56
+ // Override theme settings (see ../template/settings.scss)
57
+ $mainColor: $base00;
58
+ $headingColor: $base01;
59
+ $headingTextShadow: none;
60
+ $backgroundColor: $base3;
61
+ $linkColor: $blue;
62
+ $linkColorHover: lighten( $linkColor, 20% );
63
+ $selectionBackgroundColor: $magenta;
64
+
65
+ // Background generator
66
+ // @mixin bodyBackground() {
67
+ // @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) );
68
+ // }
69
+
70
+
71
+
72
+ // Theme template ------------------------------
73
+ @import "../template/theme";
74
+ // ---------------------------------------------
@@ -0,0 +1,29 @@
1
+ @mixin vertical-gradient( $top, $bottom ) {
2
+ background: $top;
3
+ background: -moz-linear-gradient( top, $top 0%, $bottom 100% );
4
+ background: -webkit-gradient( linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom) );
5
+ background: -webkit-linear-gradient( top, $top 0%, $bottom 100% );
6
+ background: -o-linear-gradient( top, $top 0%, $bottom 100% );
7
+ background: -ms-linear-gradient( top, $top 0%, $bottom 100% );
8
+ background: linear-gradient( top, $top 0%, $bottom 100% );
9
+ }
10
+
11
+ @mixin horizontal-gradient( $top, $bottom ) {
12
+ background: $top;
13
+ background: -moz-linear-gradient( left, $top 0%, $bottom 100% );
14
+ background: -webkit-gradient( linear, left top, right top, color-stop(0%,$top), color-stop(100%,$bottom) );
15
+ background: -webkit-linear-gradient( left, $top 0%, $bottom 100% );
16
+ background: -o-linear-gradient( left, $top 0%, $bottom 100% );
17
+ background: -ms-linear-gradient( left, $top 0%, $bottom 100% );
18
+ background: linear-gradient( left, $top 0%, $bottom 100% );
19
+ }
20
+
21
+ @mixin radial-gradient( $outer, $inner, $type: circle ) {
22
+ background: $outer;
23
+ background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
24
+ background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) );
25
+ background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
26
+ background: -o-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
27
+ background: -ms-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
28
+ background: radial-gradient( center, $type cover, $inner 0%, $outer 100% );
29
+ }