reveal.rb 0.2.0 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +1 -1
- data/README.md +11 -3
- data/lib/reveal/templates/revealjs/css/print/paper.css +176 -0
- data/lib/reveal/templates/revealjs/css/theme/README.md +25 -0
- data/lib/reveal/templates/revealjs/css/theme/beige.css +148 -0
- data/lib/reveal/templates/revealjs/css/theme/blood.css +175 -0
- data/lib/reveal/templates/revealjs/css/theme/moon.css +148 -0
- data/lib/reveal/templates/revealjs/css/theme/night.css +136 -0
- data/lib/reveal/templates/revealjs/css/theme/serif.css +138 -0
- data/lib/reveal/templates/revealjs/css/theme/simple.css +138 -0
- data/lib/reveal/templates/revealjs/css/theme/sky.css +145 -0
- data/lib/reveal/templates/revealjs/css/theme/solarized.css +148 -0
- data/lib/reveal/templates/revealjs/css/theme/source/beige.scss +50 -0
- data/lib/reveal/templates/revealjs/css/theme/source/blood.scss +91 -0
- data/lib/reveal/templates/revealjs/css/theme/source/default.scss +42 -0
- data/lib/reveal/templates/revealjs/css/theme/source/moon.scss +68 -0
- data/lib/reveal/templates/revealjs/css/theme/source/night.scss +35 -0
- data/lib/reveal/templates/revealjs/css/theme/source/serif.scss +35 -0
- data/lib/reveal/templates/revealjs/css/theme/source/simple.scss +38 -0
- data/lib/reveal/templates/revealjs/css/theme/source/sky.scss +46 -0
- data/lib/reveal/templates/revealjs/css/theme/source/solarized.scss +74 -0
- data/lib/reveal/templates/revealjs/css/theme/template/mixins.scss +29 -0
- data/lib/reveal/templates/revealjs/css/theme/template/settings.scss +34 -0
- data/lib/reveal/templates/revealjs/css/theme/template/theme.scss +170 -0
- data/lib/reveal/templates/revealjs/lib/font/league_gothic-webfont.svg +230 -0
- data/lib/reveal/templates/revealjs/lib/font/league_gothic_license +2 -0
- data/lib/reveal/templates/revealjs/lib/js/html5shiv.js +7 -0
- data/lib/reveal/templates/revealjs/plugin/leap/leap.js +157 -0
- data/lib/reveal/templates/revealjs/plugin/markdown/example.html +129 -0
- data/lib/reveal/templates/revealjs/plugin/markdown/example.md +31 -0
- data/lib/reveal/templates/revealjs/plugin/math/math.js +64 -0
- data/lib/reveal/templates/revealjs/plugin/multiplex/client.js +13 -0
- data/lib/reveal/templates/revealjs/plugin/multiplex/index.js +56 -0
- data/lib/reveal/templates/revealjs/plugin/multiplex/master.js +51 -0
- data/lib/reveal/templates/revealjs/plugin/notes/notes.html +267 -0
- data/lib/reveal/templates/revealjs/plugin/notes-server/client.js +57 -0
- data/lib/reveal/templates/revealjs/plugin/notes-server/index.js +59 -0
- data/lib/reveal/templates/revealjs/plugin/notes-server/notes.html +142 -0
- data/lib/reveal/templates/revealjs/plugin/postmessage/example.html +39 -0
- data/lib/reveal/templates/revealjs/plugin/postmessage/postmessage.js +42 -0
- data/lib/reveal/templates/revealjs/plugin/print-pdf/print-pdf.js +44 -0
- data/lib/reveal/templates/revealjs/plugin/remotes/remotes.js +39 -0
- data/lib/reveal/templates/revealjs/plugin/search/search.js +196 -0
- data/lib/reveal/version.rb +1 -1
- metadata +43 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: fa51e087315e2a6fe1b291e91648cf39a6944445
|
|
4
|
+
data.tar.gz: 2b7eb436b89b40a03dad5a169fd62de49259c261
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 57f2513a02b11075b09a029d4f154734108ea7eb8625c3ce56978fc29f15de17817b87d7f72d2848f918c7f4b6751fd4bad8f29e4a64ba20553c8fa63de376c1
|
|
7
|
+
data.tar.gz: d0484008b4f5c8f6acf1662518541d19f1762aa50a0836d1e5f7b1335f6695c4cfee6f1b3f82a8ee000fd0be904042a6e330313bc9d9317c5f1f3669829aa87f
|
data/Gemfile.lock
CHANGED
data/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[reveal.js](https://github.com/hakimel/reveal.js) presentation generator.
|
|
4
4
|
|
|
5
|
-
Current version uses reveal.js 2.6.
|
|
5
|
+
Current version uses reveal.js 2.6.2
|
|
6
6
|
|
|
7
7
|
## Installation
|
|
8
8
|
|
|
@@ -32,8 +32,16 @@ All currently supported configurations are made through `reveal.yml` file.
|
|
|
32
32
|
|
|
33
33
|
There are two ways to order your slides:
|
|
34
34
|
|
|
35
|
-
* **Manual order**: set `order` parameter to `manual` and list your slide names in `slides` parameter. This is the default configuration, and it's automatically done for you with `reveal add-slide` command
|
|
36
|
-
|
|
35
|
+
* **Manual order**: set `order` parameter to `manual` and list your slide names in `slides` parameter. This is the default configuration, and it's automatically done for you with `reveal add-slide` command. Any slide file created inside `source` directory but not included in the configuration file will be ignored. Example:
|
|
36
|
+
|
|
37
|
+
---
|
|
38
|
+
order: manual
|
|
39
|
+
slides:
|
|
40
|
+
- slide1
|
|
41
|
+
- slide2
|
|
42
|
+
- slide3
|
|
43
|
+
|
|
44
|
+
* **Alphabetical order**: if you omit `order` parameter (or set it to anything other than `manual`), `reveal generate` command will add all slide files inside `source`, in alphabetical order.
|
|
37
45
|
|
|
38
46
|
### reveal.js configurations
|
|
39
47
|
|
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
/* Default Print Stylesheet Template
|
|
2
|
+
by Rob Glazebrook of CSSnewbie.com
|
|
3
|
+
Last Updated: June 4, 2008
|
|
4
|
+
|
|
5
|
+
Feel free (nay, compelled) to edit, append, and
|
|
6
|
+
manipulate this file as you see fit. */
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
/* SECTION 1: Set default width, margin, float, and
|
|
10
|
+
background. This prevents elements from extending
|
|
11
|
+
beyond the edge of the printed page, and prevents
|
|
12
|
+
unnecessary background images from printing */
|
|
13
|
+
body {
|
|
14
|
+
background: #fff;
|
|
15
|
+
font-size: 13pt;
|
|
16
|
+
width: auto;
|
|
17
|
+
height: auto;
|
|
18
|
+
border: 0;
|
|
19
|
+
margin: 0 5%;
|
|
20
|
+
padding: 0;
|
|
21
|
+
float: none !important;
|
|
22
|
+
overflow: visible;
|
|
23
|
+
}
|
|
24
|
+
html {
|
|
25
|
+
background: #fff;
|
|
26
|
+
width: auto;
|
|
27
|
+
height: auto;
|
|
28
|
+
overflow: visible;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/* SECTION 2: Remove any elements not needed in print.
|
|
32
|
+
This would include navigation, ads, sidebars, etc. */
|
|
33
|
+
.nestedarrow,
|
|
34
|
+
.controls,
|
|
35
|
+
.reveal .progress,
|
|
36
|
+
.reveal.overview,
|
|
37
|
+
.fork-reveal,
|
|
38
|
+
.share-reveal,
|
|
39
|
+
.state-background {
|
|
40
|
+
display: none !important;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/* SECTION 3: Set body font face, size, and color.
|
|
44
|
+
Consider using a serif font for readability. */
|
|
45
|
+
body, p, td, li, div, a {
|
|
46
|
+
font-size: 16pt!important;
|
|
47
|
+
font-family: Georgia, "Times New Roman", Times, serif !important;
|
|
48
|
+
color: #000;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/* SECTION 4: Set heading font face, sizes, and color.
|
|
52
|
+
Differentiate your headings from your body text.
|
|
53
|
+
Perhaps use a large sans-serif for distinction. */
|
|
54
|
+
h1,h2,h3,h4,h5,h6 {
|
|
55
|
+
color: #000!important;
|
|
56
|
+
height: auto;
|
|
57
|
+
line-height: normal;
|
|
58
|
+
font-family: Georgia, "Times New Roman", Times, serif !important;
|
|
59
|
+
text-shadow: 0 0 0 #000 !important;
|
|
60
|
+
text-align: left;
|
|
61
|
+
letter-spacing: normal;
|
|
62
|
+
}
|
|
63
|
+
/* Need to reduce the size of the fonts for printing */
|
|
64
|
+
h1 { font-size: 26pt !important; }
|
|
65
|
+
h2 { font-size: 22pt !important; }
|
|
66
|
+
h3 { font-size: 20pt !important; }
|
|
67
|
+
h4 { font-size: 20pt !important; font-variant: small-caps; }
|
|
68
|
+
h5 { font-size: 19pt !important; }
|
|
69
|
+
h6 { font-size: 18pt !important; font-style: italic; }
|
|
70
|
+
|
|
71
|
+
/* SECTION 5: Make hyperlinks more usable.
|
|
72
|
+
Ensure links are underlined, and consider appending
|
|
73
|
+
the URL to the end of the link for usability. */
|
|
74
|
+
a:link,
|
|
75
|
+
a:visited {
|
|
76
|
+
color: #000 !important;
|
|
77
|
+
font-weight: bold;
|
|
78
|
+
text-decoration: underline;
|
|
79
|
+
}
|
|
80
|
+
/*
|
|
81
|
+
.reveal a:link:after,
|
|
82
|
+
.reveal a:visited:after {
|
|
83
|
+
content: " (" attr(href) ") ";
|
|
84
|
+
color: #222 !important;
|
|
85
|
+
font-size: 90%;
|
|
86
|
+
}
|
|
87
|
+
*/
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
/* SECTION 6: more reveal.js specific additions by @skypanther */
|
|
91
|
+
ul, ol, div, p {
|
|
92
|
+
visibility: visible;
|
|
93
|
+
position: static;
|
|
94
|
+
width: auto;
|
|
95
|
+
height: auto;
|
|
96
|
+
display: block;
|
|
97
|
+
overflow: visible;
|
|
98
|
+
margin: auto;
|
|
99
|
+
text-align: left !important;
|
|
100
|
+
}
|
|
101
|
+
.reveal .slides {
|
|
102
|
+
position: static;
|
|
103
|
+
width: auto;
|
|
104
|
+
height: auto;
|
|
105
|
+
|
|
106
|
+
left: auto;
|
|
107
|
+
top: auto;
|
|
108
|
+
margin-left: auto;
|
|
109
|
+
margin-top: auto;
|
|
110
|
+
padding: auto;
|
|
111
|
+
|
|
112
|
+
overflow: visible;
|
|
113
|
+
display: block;
|
|
114
|
+
|
|
115
|
+
text-align: center;
|
|
116
|
+
-webkit-perspective: none;
|
|
117
|
+
-moz-perspective: none;
|
|
118
|
+
-ms-perspective: none;
|
|
119
|
+
perspective: none;
|
|
120
|
+
|
|
121
|
+
-webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
|
|
122
|
+
-moz-perspective-origin: 50% 50%;
|
|
123
|
+
-ms-perspective-origin: 50% 50%;
|
|
124
|
+
perspective-origin: 50% 50%;
|
|
125
|
+
}
|
|
126
|
+
.reveal .slides>section,
|
|
127
|
+
.reveal .slides>section>section {
|
|
128
|
+
|
|
129
|
+
visibility: visible !important;
|
|
130
|
+
position: static !important;
|
|
131
|
+
width: 90% !important;
|
|
132
|
+
height: auto !important;
|
|
133
|
+
display: block !important;
|
|
134
|
+
overflow: visible !important;
|
|
135
|
+
|
|
136
|
+
left: 0% !important;
|
|
137
|
+
top: 0% !important;
|
|
138
|
+
margin-left: 0px !important;
|
|
139
|
+
margin-top: 0px !important;
|
|
140
|
+
padding: 20px 0px !important;
|
|
141
|
+
|
|
142
|
+
opacity: 1 !important;
|
|
143
|
+
|
|
144
|
+
-webkit-transform-style: flat !important;
|
|
145
|
+
-moz-transform-style: flat !important;
|
|
146
|
+
-ms-transform-style: flat !important;
|
|
147
|
+
transform-style: flat !important;
|
|
148
|
+
|
|
149
|
+
-webkit-transform: none !important;
|
|
150
|
+
-moz-transform: none !important;
|
|
151
|
+
-ms-transform: none !important;
|
|
152
|
+
transform: none !important;
|
|
153
|
+
}
|
|
154
|
+
.reveal section {
|
|
155
|
+
page-break-after: always !important;
|
|
156
|
+
display: block !important;
|
|
157
|
+
}
|
|
158
|
+
.reveal section .fragment {
|
|
159
|
+
opacity: 1 !important;
|
|
160
|
+
visibility: visible !important;
|
|
161
|
+
|
|
162
|
+
-webkit-transform: none !important;
|
|
163
|
+
-moz-transform: none !important;
|
|
164
|
+
-ms-transform: none !important;
|
|
165
|
+
transform: none !important;
|
|
166
|
+
}
|
|
167
|
+
.reveal section:last-of-type {
|
|
168
|
+
page-break-after: avoid !important;
|
|
169
|
+
}
|
|
170
|
+
.reveal section img {
|
|
171
|
+
display: block;
|
|
172
|
+
margin: 15px 0px;
|
|
173
|
+
background: rgba(255,255,255,1);
|
|
174
|
+
border: 1px solid #666;
|
|
175
|
+
box-shadow: none;
|
|
176
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
## Dependencies
|
|
2
|
+
|
|
3
|
+
Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceding: https://github.com/hakimel/reveal.js#full-setup
|
|
4
|
+
|
|
5
|
+
You also need to install Ruby and then Sass (with `gem install sass`).
|
|
6
|
+
|
|
7
|
+
## Creating a Theme
|
|
8
|
+
|
|
9
|
+
To create your own theme, start by duplicating any ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source) and adding it to the compilation list in the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js).
|
|
10
|
+
|
|
11
|
+
Each theme file does four things in the following order:
|
|
12
|
+
|
|
13
|
+
1. **Include [/css/theme/template/mixins.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/mixins.scss)**
|
|
14
|
+
Shared utility functions.
|
|
15
|
+
|
|
16
|
+
2. **Include [/css/theme/template/settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss)**
|
|
17
|
+
Declares a set of custom variables that the template file (step 4) expects. Can be overridden in step 3.
|
|
18
|
+
|
|
19
|
+
3. **Override**
|
|
20
|
+
This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding full selectors with hardcoded styles.
|
|
21
|
+
|
|
22
|
+
4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)**
|
|
23
|
+
The template theme file which will generate final CSS output based on the currently defined variables.
|
|
24
|
+
|
|
25
|
+
When you are done, run `grunt themes` to compile the Sass file to CSS and you are ready to use your new theme.
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
|
2
|
+
/**
|
|
3
|
+
* Beige theme for reveal.js.
|
|
4
|
+
*
|
|
5
|
+
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
|
6
|
+
*/
|
|
7
|
+
@font-face {
|
|
8
|
+
font-family: 'League Gothic';
|
|
9
|
+
src: url("../../lib/font/league_gothic-webfont.eot");
|
|
10
|
+
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");
|
|
11
|
+
font-weight: normal;
|
|
12
|
+
font-style: normal; }
|
|
13
|
+
|
|
14
|
+
/*********************************************
|
|
15
|
+
* GLOBAL STYLES
|
|
16
|
+
*********************************************/
|
|
17
|
+
body {
|
|
18
|
+
background: #f7f2d3;
|
|
19
|
+
background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
20
|
+
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
|
|
21
|
+
background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
22
|
+
background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
23
|
+
background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
24
|
+
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
25
|
+
background-color: #f7f3de; }
|
|
26
|
+
|
|
27
|
+
.reveal {
|
|
28
|
+
font-family: "Lato", sans-serif;
|
|
29
|
+
font-size: 36px;
|
|
30
|
+
font-weight: normal;
|
|
31
|
+
letter-spacing: -0.02em;
|
|
32
|
+
color: #333333; }
|
|
33
|
+
|
|
34
|
+
::selection {
|
|
35
|
+
color: white;
|
|
36
|
+
background: rgba(79, 64, 28, 0.99);
|
|
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: #333333;
|
|
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: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
|
|
58
|
+
|
|
59
|
+
/*********************************************
|
|
60
|
+
* LINKS
|
|
61
|
+
*********************************************/
|
|
62
|
+
.reveal a:not(.image) {
|
|
63
|
+
color: #8b743d;
|
|
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: #c0a86e;
|
|
73
|
+
text-shadow: none;
|
|
74
|
+
border: none; }
|
|
75
|
+
|
|
76
|
+
.reveal .roll span:after {
|
|
77
|
+
color: #fff;
|
|
78
|
+
background: #564826; }
|
|
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 #333333;
|
|
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: #8b743d;
|
|
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: #8b743d; }
|
|
105
|
+
|
|
106
|
+
.reveal .controls div.navigate-right,
|
|
107
|
+
.reveal .controls div.navigate-right.enabled {
|
|
108
|
+
border-left-color: #8b743d; }
|
|
109
|
+
|
|
110
|
+
.reveal .controls div.navigate-up,
|
|
111
|
+
.reveal .controls div.navigate-up.enabled {
|
|
112
|
+
border-bottom-color: #8b743d; }
|
|
113
|
+
|
|
114
|
+
.reveal .controls div.navigate-down,
|
|
115
|
+
.reveal .controls div.navigate-down.enabled {
|
|
116
|
+
border-top-color: #8b743d; }
|
|
117
|
+
|
|
118
|
+
.reveal .controls div.navigate-left.enabled:hover {
|
|
119
|
+
border-right-color: #c0a86e; }
|
|
120
|
+
|
|
121
|
+
.reveal .controls div.navigate-right.enabled:hover {
|
|
122
|
+
border-left-color: #c0a86e; }
|
|
123
|
+
|
|
124
|
+
.reveal .controls div.navigate-up.enabled:hover {
|
|
125
|
+
border-bottom-color: #c0a86e; }
|
|
126
|
+
|
|
127
|
+
.reveal .controls div.navigate-down.enabled:hover {
|
|
128
|
+
border-top-color: #c0a86e; }
|
|
129
|
+
|
|
130
|
+
/*********************************************
|
|
131
|
+
* PROGRESS BAR
|
|
132
|
+
*********************************************/
|
|
133
|
+
.reveal .progress {
|
|
134
|
+
background: rgba(0, 0, 0, 0.2); }
|
|
135
|
+
|
|
136
|
+
.reveal .progress span {
|
|
137
|
+
background: #8b743d;
|
|
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: #8b743d; }
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
|
|
2
|
+
/**
|
|
3
|
+
* Blood theme for reveal.js
|
|
4
|
+
* Author: Walther http://github.com/Walther
|
|
5
|
+
*
|
|
6
|
+
* Designed to be used with highlight.js theme
|
|
7
|
+
* "monokai_sublime.css" available from
|
|
8
|
+
* https://github.com/isagalaev/highlight.js/
|
|
9
|
+
*
|
|
10
|
+
* For other themes, change $codeBackground accordingly.
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
/*********************************************
|
|
14
|
+
* GLOBAL STYLES
|
|
15
|
+
*********************************************/
|
|
16
|
+
body {
|
|
17
|
+
background: #222222;
|
|
18
|
+
background: -moz-radial-gradient(center, circle cover, #626262 0%, #222222 100%);
|
|
19
|
+
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #626262), color-stop(100%, #222222));
|
|
20
|
+
background: -webkit-radial-gradient(center, circle cover, #626262 0%, #222222 100%);
|
|
21
|
+
background: -o-radial-gradient(center, circle cover, #626262 0%, #222222 100%);
|
|
22
|
+
background: -ms-radial-gradient(center, circle cover, #626262 0%, #222222 100%);
|
|
23
|
+
background: radial-gradient(center, circle cover, #626262 0%, #222222 100%);
|
|
24
|
+
background-color: #2b2b2b; }
|
|
25
|
+
|
|
26
|
+
.reveal {
|
|
27
|
+
font-family: Ubuntu, "sans-serif";
|
|
28
|
+
font-size: 36px;
|
|
29
|
+
font-weight: normal;
|
|
30
|
+
letter-spacing: -0.02em;
|
|
31
|
+
color: #eeeeee; }
|
|
32
|
+
|
|
33
|
+
::selection {
|
|
34
|
+
color: white;
|
|
35
|
+
background: #aa2233;
|
|
36
|
+
text-shadow: none; }
|
|
37
|
+
|
|
38
|
+
/*********************************************
|
|
39
|
+
* HEADERS
|
|
40
|
+
*********************************************/
|
|
41
|
+
.reveal h1,
|
|
42
|
+
.reveal h2,
|
|
43
|
+
.reveal h3,
|
|
44
|
+
.reveal h4,
|
|
45
|
+
.reveal h5,
|
|
46
|
+
.reveal h6 {
|
|
47
|
+
margin: 0 0 20px 0;
|
|
48
|
+
color: #eeeeee;
|
|
49
|
+
font-family: Ubuntu, "sans-serif";
|
|
50
|
+
line-height: 0.9em;
|
|
51
|
+
letter-spacing: 0.02em;
|
|
52
|
+
text-transform: uppercase;
|
|
53
|
+
text-shadow: 2px 2px 2px #222222; }
|
|
54
|
+
|
|
55
|
+
.reveal h1 {
|
|
56
|
+
text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
|
|
57
|
+
|
|
58
|
+
/*********************************************
|
|
59
|
+
* LINKS
|
|
60
|
+
*********************************************/
|
|
61
|
+
.reveal a:not(.image) {
|
|
62
|
+
color: #aa2233;
|
|
63
|
+
text-decoration: none;
|
|
64
|
+
-webkit-transition: color .15s ease;
|
|
65
|
+
-moz-transition: color .15s ease;
|
|
66
|
+
-ms-transition: color .15s ease;
|
|
67
|
+
-o-transition: color .15s ease;
|
|
68
|
+
transition: color .15s ease; }
|
|
69
|
+
|
|
70
|
+
.reveal a:not(.image):hover {
|
|
71
|
+
color: #dd5566;
|
|
72
|
+
text-shadow: none;
|
|
73
|
+
border: none; }
|
|
74
|
+
|
|
75
|
+
.reveal .roll span:after {
|
|
76
|
+
color: #fff;
|
|
77
|
+
background: #6a1520; }
|
|
78
|
+
|
|
79
|
+
/*********************************************
|
|
80
|
+
* IMAGES
|
|
81
|
+
*********************************************/
|
|
82
|
+
.reveal section img {
|
|
83
|
+
margin: 15px 0px;
|
|
84
|
+
background: rgba(255, 255, 255, 0.12);
|
|
85
|
+
border: 4px solid #eeeeee;
|
|
86
|
+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
|
87
|
+
-webkit-transition: all .2s linear;
|
|
88
|
+
-moz-transition: all .2s linear;
|
|
89
|
+
-ms-transition: all .2s linear;
|
|
90
|
+
-o-transition: all .2s linear;
|
|
91
|
+
transition: all .2s linear; }
|
|
92
|
+
|
|
93
|
+
.reveal a:hover img {
|
|
94
|
+
background: rgba(255, 255, 255, 0.2);
|
|
95
|
+
border-color: #aa2233;
|
|
96
|
+
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
|
97
|
+
|
|
98
|
+
/*********************************************
|
|
99
|
+
* NAVIGATION CONTROLS
|
|
100
|
+
*********************************************/
|
|
101
|
+
.reveal .controls div.navigate-left,
|
|
102
|
+
.reveal .controls div.navigate-left.enabled {
|
|
103
|
+
border-right-color: #aa2233; }
|
|
104
|
+
|
|
105
|
+
.reveal .controls div.navigate-right,
|
|
106
|
+
.reveal .controls div.navigate-right.enabled {
|
|
107
|
+
border-left-color: #aa2233; }
|
|
108
|
+
|
|
109
|
+
.reveal .controls div.navigate-up,
|
|
110
|
+
.reveal .controls div.navigate-up.enabled {
|
|
111
|
+
border-bottom-color: #aa2233; }
|
|
112
|
+
|
|
113
|
+
.reveal .controls div.navigate-down,
|
|
114
|
+
.reveal .controls div.navigate-down.enabled {
|
|
115
|
+
border-top-color: #aa2233; }
|
|
116
|
+
|
|
117
|
+
.reveal .controls div.navigate-left.enabled:hover {
|
|
118
|
+
border-right-color: #dd5566; }
|
|
119
|
+
|
|
120
|
+
.reveal .controls div.navigate-right.enabled:hover {
|
|
121
|
+
border-left-color: #dd5566; }
|
|
122
|
+
|
|
123
|
+
.reveal .controls div.navigate-up.enabled:hover {
|
|
124
|
+
border-bottom-color: #dd5566; }
|
|
125
|
+
|
|
126
|
+
.reveal .controls div.navigate-down.enabled:hover {
|
|
127
|
+
border-top-color: #dd5566; }
|
|
128
|
+
|
|
129
|
+
/*********************************************
|
|
130
|
+
* PROGRESS BAR
|
|
131
|
+
*********************************************/
|
|
132
|
+
.reveal .progress {
|
|
133
|
+
background: rgba(0, 0, 0, 0.2); }
|
|
134
|
+
|
|
135
|
+
.reveal .progress span {
|
|
136
|
+
background: #aa2233;
|
|
137
|
+
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
|
138
|
+
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
|
139
|
+
-ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
|
140
|
+
-o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
|
141
|
+
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
|
|
142
|
+
|
|
143
|
+
/*********************************************
|
|
144
|
+
* SLIDE NUMBER
|
|
145
|
+
*********************************************/
|
|
146
|
+
.reveal .slide-number {
|
|
147
|
+
color: #aa2233; }
|
|
148
|
+
|
|
149
|
+
.reveal p {
|
|
150
|
+
font-weight: 300;
|
|
151
|
+
text-shadow: 1px 1px #222222; }
|
|
152
|
+
|
|
153
|
+
.reveal h1,
|
|
154
|
+
.reveal h2,
|
|
155
|
+
.reveal h3,
|
|
156
|
+
.reveal h4,
|
|
157
|
+
.reveal h5,
|
|
158
|
+
.reveal h6 {
|
|
159
|
+
font-weight: 700; }
|
|
160
|
+
|
|
161
|
+
.reveal a:not(.image),
|
|
162
|
+
.reveal a:not(.image):hover {
|
|
163
|
+
text-shadow: 2px 2px 2px #000; }
|
|
164
|
+
|
|
165
|
+
.reveal small a:not(.image),
|
|
166
|
+
.reveal small a:not(.image):hover {
|
|
167
|
+
text-shadow: 1px 1px 1px #000; }
|
|
168
|
+
|
|
169
|
+
.reveal p code {
|
|
170
|
+
background-color: #23241f;
|
|
171
|
+
display: inline-block;
|
|
172
|
+
border-radius: 7px; }
|
|
173
|
+
|
|
174
|
+
.reveal small code {
|
|
175
|
+
vertical-align: baseline; }
|