slide_hero 0.0.2
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.
- checksums.yaml +7 -0
- data/.gitignore +17 -0
- data/.travis.yml +3 -0
- data/Gemfile +4 -0
- data/Guardfile +28 -0
- data/LICENSE.txt +22 -0
- data/README.md +161 -0
- data/Rakefile +9 -0
- data/bin/slidehero +37 -0
- data/config.ru +14 -0
- data/lib/slide_hero/code.rb +16 -0
- data/lib/slide_hero/dsl.rb +10 -0
- data/lib/slide_hero/grouped_slides.rb +21 -0
- data/lib/slide_hero/list.rb +29 -0
- data/lib/slide_hero/list_point.rb +26 -0
- data/lib/slide_hero/point.rb +27 -0
- data/lib/slide_hero/presentation.rb +36 -0
- data/lib/slide_hero/slide.rb +47 -0
- data/lib/slide_hero/version.rb +3 -0
- data/lib/slide_hero/views/_footer.html.erb +0 -0
- data/lib/slide_hero/views/_header.html.erb +0 -0
- data/lib/slide_hero/views/code.html.erb +3 -0
- data/lib/slide_hero/views/empty.html +12 -0
- data/lib/slide_hero/views/grouped_slides.html.erb +5 -0
- data/lib/slide_hero/views/layout.html.erb +54 -0
- data/lib/slide_hero/views/ordered_list.html.erb +5 -0
- data/lib/slide_hero/views/slide.html.erb +6 -0
- data/lib/slide_hero/views/unordered_list.html.erb +5 -0
- data/lib/slide_hero.rb +15 -0
- data/slide_hero.gemspec +29 -0
- data/templates/new_presentation.tt +11 -0
- data/test/fixtures/testclass.rb +5 -0
- data/test/minitest_helper.rb +18 -0
- data/test/slide_hero/code_spec.rb +29 -0
- data/test/slide_hero/dsl_spec.rb +27 -0
- data/test/slide_hero/grouped_slides_spec.rb +29 -0
- data/test/slide_hero/list_point_spec.rb +34 -0
- data/test/slide_hero/list_spec.rb +49 -0
- data/test/slide_hero/point_spec.rb +25 -0
- data/test/slide_hero/presentation_spec.rb +56 -0
- data/test/slide_hero/slide_spec.rb +147 -0
- data/test/slide_hero_spec.rb +15 -0
- data/vendor/reveal.js/.gitignore +6 -0
- data/vendor/reveal.js/.travis.yml +5 -0
- data/vendor/reveal.js/Gruntfile.js +132 -0
- data/vendor/reveal.js/LICENSE +19 -0
- data/vendor/reveal.js/README.md +798 -0
- data/vendor/reveal.js/css/print/paper.css +176 -0
- data/vendor/reveal.js/css/print/pdf.css +190 -0
- data/vendor/reveal.js/css/reveal.css +1649 -0
- data/vendor/reveal.js/css/reveal.min.css +7 -0
- data/vendor/reveal.js/css/theme/README.md +23 -0
- data/vendor/reveal.js/css/theme/beige.css +142 -0
- data/vendor/reveal.js/css/theme/default.css +142 -0
- data/vendor/reveal.js/css/theme/moon.css +142 -0
- data/vendor/reveal.js/css/theme/night.css +130 -0
- data/vendor/reveal.js/css/theme/serif.css +132 -0
- data/vendor/reveal.js/css/theme/simple.css +132 -0
- data/vendor/reveal.js/css/theme/sky.css +139 -0
- data/vendor/reveal.js/css/theme/solarized.css +142 -0
- data/vendor/reveal.js/css/theme/source/beige.scss +50 -0
- data/vendor/reveal.js/css/theme/source/default.scss +42 -0
- data/vendor/reveal.js/css/theme/source/moon.scss +68 -0
- data/vendor/reveal.js/css/theme/source/night.scss +35 -0
- data/vendor/reveal.js/css/theme/source/serif.scss +35 -0
- data/vendor/reveal.js/css/theme/source/simple.scss +38 -0
- data/vendor/reveal.js/css/theme/source/sky.scss +46 -0
- data/vendor/reveal.js/css/theme/source/solarized.scss +74 -0
- data/vendor/reveal.js/css/theme/template/mixins.scss +29 -0
- data/vendor/reveal.js/css/theme/template/settings.scss +34 -0
- data/vendor/reveal.js/css/theme/template/theme.scss +163 -0
- data/vendor/reveal.js/examples/assets/image1.png +0 -0
- data/vendor/reveal.js/examples/assets/image2.png +0 -0
- data/vendor/reveal.js/examples/barebones.html +42 -0
- data/vendor/reveal.js/examples/embedded-media.html +49 -0
- data/vendor/reveal.js/examples/math.html +185 -0
- data/vendor/reveal.js/examples/slide-backgrounds.html +101 -0
- data/vendor/reveal.js/js/reveal.js +2788 -0
- data/vendor/reveal.js/js/reveal.min.js +8 -0
- data/vendor/reveal.js/lib/css/zenburn.css +115 -0
- data/vendor/reveal.js/lib/font/league_gothic-webfont.eot +0 -0
- data/vendor/reveal.js/lib/font/league_gothic-webfont.svg +230 -0
- data/vendor/reveal.js/lib/font/league_gothic-webfont.ttf +0 -0
- data/vendor/reveal.js/lib/font/league_gothic-webfont.woff +0 -0
- data/vendor/reveal.js/lib/font/league_gothic_license +2 -0
- data/vendor/reveal.js/lib/js/classList.js +2 -0
- data/vendor/reveal.js/lib/js/head.min.js +8 -0
- data/vendor/reveal.js/lib/js/html5shiv.js +7 -0
- data/vendor/reveal.js/package.json +45 -0
- data/vendor/reveal.js/plugin/highlight/highlight.js +31 -0
- data/vendor/reveal.js/plugin/leap/leap.js +157 -0
- data/vendor/reveal.js/plugin/markdown/example.html +98 -0
- data/vendor/reveal.js/plugin/markdown/example.md +31 -0
- data/vendor/reveal.js/plugin/markdown/markdown.js +220 -0
- data/vendor/reveal.js/plugin/markdown/marked.js +37 -0
- data/vendor/reveal.js/plugin/math/math.js +64 -0
- data/vendor/reveal.js/plugin/multiplex/client.js +13 -0
- data/vendor/reveal.js/plugin/multiplex/index.js +56 -0
- data/vendor/reveal.js/plugin/multiplex/master.js +50 -0
- data/vendor/reveal.js/plugin/notes/notes.html +259 -0
- data/vendor/reveal.js/plugin/notes/notes.js +78 -0
- data/vendor/reveal.js/plugin/notes-server/client.js +57 -0
- data/vendor/reveal.js/plugin/notes-server/index.js +59 -0
- data/vendor/reveal.js/plugin/notes-server/notes.html +142 -0
- data/vendor/reveal.js/plugin/postmessage/example.html +39 -0
- data/vendor/reveal.js/plugin/postmessage/postmessage.js +42 -0
- data/vendor/reveal.js/plugin/print-pdf/print-pdf.js +44 -0
- data/vendor/reveal.js/plugin/remotes/remotes.js +39 -0
- data/vendor/reveal.js/plugin/search/search.js +196 -0
- data/vendor/reveal.js/plugin/zoom-js/zoom.js +256 -0
- metadata +277 -0
|
@@ -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
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
// Base settings for all themes that can optionally be
|
|
2
|
+
// overridden by the super-theme
|
|
3
|
+
|
|
4
|
+
// Background of the presentation
|
|
5
|
+
$backgroundColor: #2b2b2b;
|
|
6
|
+
|
|
7
|
+
// Primary/body text
|
|
8
|
+
$mainFont: 'Lato', sans-serif;
|
|
9
|
+
$mainFontSize: 36px;
|
|
10
|
+
$mainColor: #eee;
|
|
11
|
+
|
|
12
|
+
// Headings
|
|
13
|
+
$headingMargin: 0 0 20px 0;
|
|
14
|
+
$headingFont: 'League Gothic', Impact, sans-serif;
|
|
15
|
+
$headingColor: #eee;
|
|
16
|
+
$headingLineHeight: 0.9em;
|
|
17
|
+
$headingLetterSpacing: 0.02em;
|
|
18
|
+
$headingTextTransform: uppercase;
|
|
19
|
+
$headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2);
|
|
20
|
+
$heading1TextShadow: $headingTextShadow;
|
|
21
|
+
|
|
22
|
+
// Links and actions
|
|
23
|
+
$linkColor: #13DAEC;
|
|
24
|
+
$linkColorHover: lighten( $linkColor, 20% );
|
|
25
|
+
|
|
26
|
+
// Text selection
|
|
27
|
+
$selectionBackgroundColor: #FF5E99;
|
|
28
|
+
$selectionColor: #fff;
|
|
29
|
+
|
|
30
|
+
// Generates the presentation background, can be overridden
|
|
31
|
+
// to return a background image or gradient
|
|
32
|
+
@mixin bodyBackground() {
|
|
33
|
+
background: $backgroundColor;
|
|
34
|
+
}
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
// Base theme template for reveal.js
|
|
2
|
+
|
|
3
|
+
/*********************************************
|
|
4
|
+
* GLOBAL STYLES
|
|
5
|
+
*********************************************/
|
|
6
|
+
|
|
7
|
+
body {
|
|
8
|
+
@include bodyBackground();
|
|
9
|
+
background-color: $backgroundColor;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.reveal {
|
|
13
|
+
font-family: $mainFont;
|
|
14
|
+
font-size: $mainFontSize;
|
|
15
|
+
font-weight: 200;
|
|
16
|
+
letter-spacing: -0.02em;
|
|
17
|
+
color: $mainColor;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
::selection {
|
|
21
|
+
color: $selectionColor;
|
|
22
|
+
background: $selectionBackgroundColor;
|
|
23
|
+
text-shadow: none;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/*********************************************
|
|
27
|
+
* HEADERS
|
|
28
|
+
*********************************************/
|
|
29
|
+
|
|
30
|
+
.reveal h1,
|
|
31
|
+
.reveal h2,
|
|
32
|
+
.reveal h3,
|
|
33
|
+
.reveal h4,
|
|
34
|
+
.reveal h5,
|
|
35
|
+
.reveal h6 {
|
|
36
|
+
margin: $headingMargin;
|
|
37
|
+
color: $headingColor;
|
|
38
|
+
|
|
39
|
+
font-family: $headingFont;
|
|
40
|
+
line-height: $headingLineHeight;
|
|
41
|
+
letter-spacing: $headingLetterSpacing;
|
|
42
|
+
|
|
43
|
+
text-transform: $headingTextTransform;
|
|
44
|
+
text-shadow: $headingTextShadow;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.reveal h1 {
|
|
48
|
+
text-shadow: $heading1TextShadow;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
/*********************************************
|
|
53
|
+
* LINKS
|
|
54
|
+
*********************************************/
|
|
55
|
+
|
|
56
|
+
.reveal a:not(.image) {
|
|
57
|
+
color: $linkColor;
|
|
58
|
+
text-decoration: none;
|
|
59
|
+
|
|
60
|
+
-webkit-transition: color .15s ease;
|
|
61
|
+
-moz-transition: color .15s ease;
|
|
62
|
+
-ms-transition: color .15s ease;
|
|
63
|
+
-o-transition: color .15s ease;
|
|
64
|
+
transition: color .15s ease;
|
|
65
|
+
}
|
|
66
|
+
.reveal a:not(.image):hover {
|
|
67
|
+
color: $linkColorHover;
|
|
68
|
+
|
|
69
|
+
text-shadow: none;
|
|
70
|
+
border: none;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.reveal .roll span:after {
|
|
74
|
+
color: #fff;
|
|
75
|
+
background: darken( $linkColor, 15% );
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
/*********************************************
|
|
80
|
+
* IMAGES
|
|
81
|
+
*********************************************/
|
|
82
|
+
|
|
83
|
+
.reveal section img {
|
|
84
|
+
margin: 15px 0px;
|
|
85
|
+
background: rgba(255,255,255,0.12);
|
|
86
|
+
border: 4px solid $mainColor;
|
|
87
|
+
|
|
88
|
+
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
|
+
}
|
|
96
|
+
|
|
97
|
+
.reveal a:hover img {
|
|
98
|
+
background: rgba(255,255,255,0.2);
|
|
99
|
+
border-color: $linkColor;
|
|
100
|
+
|
|
101
|
+
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
/*********************************************
|
|
106
|
+
* NAVIGATION CONTROLS
|
|
107
|
+
*********************************************/
|
|
108
|
+
|
|
109
|
+
.reveal .controls div.navigate-left,
|
|
110
|
+
.reveal .controls div.navigate-left.enabled {
|
|
111
|
+
border-right-color: $linkColor;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.reveal .controls div.navigate-right,
|
|
115
|
+
.reveal .controls div.navigate-right.enabled {
|
|
116
|
+
border-left-color: $linkColor;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.reveal .controls div.navigate-up,
|
|
120
|
+
.reveal .controls div.navigate-up.enabled {
|
|
121
|
+
border-bottom-color: $linkColor;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.reveal .controls div.navigate-down,
|
|
125
|
+
.reveal .controls div.navigate-down.enabled {
|
|
126
|
+
border-top-color: $linkColor;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.reveal .controls div.navigate-left.enabled:hover {
|
|
130
|
+
border-right-color: $linkColorHover;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.reveal .controls div.navigate-right.enabled:hover {
|
|
134
|
+
border-left-color: $linkColorHover;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.reveal .controls div.navigate-up.enabled:hover {
|
|
138
|
+
border-bottom-color: $linkColorHover;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.reveal .controls div.navigate-down.enabled:hover {
|
|
142
|
+
border-top-color: $linkColorHover;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
/*********************************************
|
|
147
|
+
* PROGRESS BAR
|
|
148
|
+
*********************************************/
|
|
149
|
+
|
|
150
|
+
.reveal .progress {
|
|
151
|
+
background: rgba(0,0,0,0.2);
|
|
152
|
+
}
|
|
153
|
+
.reveal .progress span {
|
|
154
|
+
background: $linkColor;
|
|
155
|
+
|
|
156
|
+
-webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
|
|
157
|
+
-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
|
+
transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
|
|
7
|
+
<title>reveal.js - Barebones</title>
|
|
8
|
+
|
|
9
|
+
<link rel="stylesheet" href="../css/reveal.min.css">
|
|
10
|
+
</head>
|
|
11
|
+
|
|
12
|
+
<body>
|
|
13
|
+
|
|
14
|
+
<div class="reveal">
|
|
15
|
+
|
|
16
|
+
<div class="slides">
|
|
17
|
+
|
|
18
|
+
<section>
|
|
19
|
+
<h2>Barebones Presentation</h2>
|
|
20
|
+
<p>This example contains the bare minimum includes and markup required to run a reveal.js presentation.</p>
|
|
21
|
+
</section>
|
|
22
|
+
|
|
23
|
+
<section>
|
|
24
|
+
<h2>No Theme</h2>
|
|
25
|
+
<p>There's no theme included, so it will fall back on browser defaults.</p>
|
|
26
|
+
</section>
|
|
27
|
+
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
</div>
|
|
31
|
+
|
|
32
|
+
<script src="../lib/js/head.min.js"></script>
|
|
33
|
+
<script src="../js/reveal.min.js"></script>
|
|
34
|
+
|
|
35
|
+
<script>
|
|
36
|
+
|
|
37
|
+
Reveal.initialize();
|
|
38
|
+
|
|
39
|
+
</script>
|
|
40
|
+
|
|
41
|
+
</body>
|
|
42
|
+
</html>
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
|
|
7
|
+
<title>reveal.js - Embedded Media</title>
|
|
8
|
+
|
|
9
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
10
|
+
|
|
11
|
+
<link rel="stylesheet" href="../css/reveal.min.css">
|
|
12
|
+
<link rel="stylesheet" href="../css/theme/default.css" id="theme">
|
|
13
|
+
</head>
|
|
14
|
+
|
|
15
|
+
<body>
|
|
16
|
+
|
|
17
|
+
<div class="reveal">
|
|
18
|
+
|
|
19
|
+
<div class="slides">
|
|
20
|
+
|
|
21
|
+
<section>
|
|
22
|
+
<h2>Embedded Media Test</h2>
|
|
23
|
+
</section>
|
|
24
|
+
|
|
25
|
+
<section>
|
|
26
|
+
<iframe data-autoplay width="420" height="345" src="http://www.youtube.com/embed/l3RQZ4mcr1c"></iframe>
|
|
27
|
+
</section>
|
|
28
|
+
|
|
29
|
+
<section>
|
|
30
|
+
<h2>Empty Slide</h2>
|
|
31
|
+
</section>
|
|
32
|
+
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
</div>
|
|
36
|
+
|
|
37
|
+
<script src="../lib/js/head.min.js"></script>
|
|
38
|
+
<script src="../js/reveal.min.js"></script>
|
|
39
|
+
|
|
40
|
+
<script>
|
|
41
|
+
|
|
42
|
+
Reveal.initialize({
|
|
43
|
+
transition: 'linear'
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
</script>
|
|
47
|
+
|
|
48
|
+
</body>
|
|
49
|
+
</html>
|