slippery 0.4.0 → 0.4.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (293) hide show
  1. checksums.yaml +5 -5
  2. data/README.md +37 -20
  3. data/assets/LICENSE.md +21 -0
  4. data/assets/README.md +48 -0
  5. data/assets/highlight.js/CHANGES.md +693 -0
  6. data/assets/highlight.js/README.md +86 -37
  7. data/assets/highlight.js/README.ru.md +65 -24
  8. data/assets/highlight.js/highlight.pack.js +2 -1
  9. data/assets/highlight.js/styles/agate.css +108 -0
  10. data/assets/highlight.js/styles/androidstudio.css +66 -0
  11. data/assets/highlight.js/styles/arduino-light.css +88 -0
  12. data/assets/highlight.js/styles/arta.css +25 -93
  13. data/assets/highlight.js/styles/ascetic.css +20 -28
  14. data/assets/highlight.js/styles/atelier-cave-dark.css +83 -0
  15. data/assets/highlight.js/styles/atelier-cave-light.css +85 -0
  16. data/assets/highlight.js/styles/atelier-dune-dark.css +69 -0
  17. data/assets/highlight.js/styles/atelier-dune-light.css +69 -0
  18. data/assets/highlight.js/styles/atelier-estuary-dark.css +84 -0
  19. data/assets/highlight.js/styles/atelier-estuary-light.css +84 -0
  20. data/assets/highlight.js/styles/atelier-forest-dark.css +69 -0
  21. data/assets/highlight.js/styles/atelier-forest-light.css +69 -0
  22. data/assets/highlight.js/styles/atelier-heath-dark.css +69 -0
  23. data/assets/highlight.js/styles/atelier-heath-light.css +69 -0
  24. data/assets/highlight.js/styles/atelier-lakeside-dark.css +69 -0
  25. data/assets/highlight.js/styles/atelier-lakeside-light.css +69 -0
  26. data/assets/highlight.js/styles/atelier-plateau-dark.css +84 -0
  27. data/assets/highlight.js/styles/atelier-plateau-light.css +84 -0
  28. data/assets/highlight.js/styles/atelier-savanna-dark.css +84 -0
  29. data/assets/highlight.js/styles/atelier-savanna-light.css +84 -0
  30. data/assets/highlight.js/styles/atelier-seaside-dark.css +69 -0
  31. data/assets/highlight.js/styles/atelier-seaside-light.css +69 -0
  32. data/assets/highlight.js/styles/atelier-sulphurpool-dark.css +69 -0
  33. data/assets/highlight.js/styles/atelier-sulphurpool-light.css +69 -0
  34. data/assets/highlight.js/styles/atom-one-dark.css +96 -0
  35. data/assets/highlight.js/styles/atom-one-light.css +96 -0
  36. data/assets/highlight.js/styles/brown-paper.css +64 -0
  37. data/assets/highlight.js/styles/codepen-embed.css +22 -70
  38. data/assets/highlight.js/styles/color-brewer.css +20 -118
  39. data/assets/highlight.js/styles/darcula.css +77 -0
  40. data/assets/highlight.js/styles/dark.css +20 -62
  41. data/assets/highlight.js/styles/darkula.css +6 -0
  42. data/assets/highlight.js/styles/default.css +67 -121
  43. data/assets/highlight.js/styles/docco.css +22 -61
  44. data/assets/highlight.js/styles/dracula.css +76 -0
  45. data/assets/highlight.js/styles/far.css +26 -67
  46. data/assets/highlight.js/styles/foundation.css +22 -70
  47. data/assets/highlight.js/styles/github-gist.css +71 -0
  48. data/assets/highlight.js/styles/github.css +23 -51
  49. data/assets/highlight.js/styles/googlecode.css +29 -88
  50. data/assets/highlight.js/styles/grayscale.css +101 -0
  51. data/assets/highlight.js/styles/gruvbox-dark.css +108 -0
  52. data/assets/highlight.js/styles/gruvbox-light.css +108 -0
  53. data/assets/highlight.js/styles/hopscotch.css +83 -0
  54. data/assets/highlight.js/styles/hybrid.css +22 -91
  55. data/assets/highlight.js/styles/idea.css +24 -53
  56. data/assets/highlight.js/styles/ir-black.css +73 -0
  57. data/assets/highlight.js/styles/kimbie.dark.css +24 -46
  58. data/assets/highlight.js/styles/kimbie.light.css +24 -46
  59. data/assets/highlight.js/styles/magula.css +19 -71
  60. data/assets/highlight.js/styles/mono-blue.css +22 -33
  61. data/assets/highlight.js/styles/monokai-sublime.css +83 -0
  62. data/assets/highlight.js/styles/monokai.css +23 -80
  63. data/assets/highlight.js/styles/obsidian.css +26 -92
  64. data/assets/highlight.js/styles/ocean.css +74 -0
  65. data/assets/highlight.js/styles/paraiso-dark.css +72 -0
  66. data/assets/highlight.js/styles/paraiso-light.css +72 -0
  67. data/assets/highlight.js/styles/pojoaque.css +29 -54
  68. data/assets/highlight.js/styles/purebasic.css +96 -0
  69. data/assets/highlight.js/styles/qtcreator_dark.css +83 -0
  70. data/assets/highlight.js/styles/qtcreator_light.css +83 -0
  71. data/assets/highlight.js/styles/railscasts.css +32 -111
  72. data/assets/highlight.js/styles/rainbow.css +34 -58
  73. data/assets/highlight.js/styles/routeros.css +108 -0
  74. data/assets/highlight.js/styles/school-book.css +72 -0
  75. data/assets/highlight.js/styles/solarized-dark.css +84 -0
  76. data/assets/highlight.js/styles/solarized-light.css +84 -0
  77. data/assets/highlight.js/styles/sunburst.css +28 -91
  78. data/assets/highlight.js/styles/tomorrow-night-blue.css +23 -43
  79. data/assets/highlight.js/styles/tomorrow-night-bright.css +23 -43
  80. data/assets/highlight.js/styles/tomorrow-night-eighties.css +23 -43
  81. data/assets/highlight.js/styles/tomorrow-night.css +23 -43
  82. data/assets/highlight.js/styles/tomorrow.css +23 -43
  83. data/assets/highlight.js/styles/vs.css +33 -59
  84. data/assets/highlight.js/styles/vs2015.css +115 -0
  85. data/assets/highlight.js/styles/xcode.css +28 -94
  86. data/assets/highlight.js/styles/xt256.css +92 -0
  87. data/assets/highlight.js/styles/zenburn.css +26 -65
  88. data/assets/index.html +186 -0
  89. data/assets/pictures/cover.jpg +0 -0
  90. data/assets/pictures/logo.svg +3 -0
  91. data/assets/pictures/picture.jpg +0 -0
  92. data/assets/reveal.js/css/print/paper.css +193 -167
  93. data/assets/reveal.js/css/print/pdf.css +20 -53
  94. data/assets/reveal.js/css/reveal.css +953 -1663
  95. data/assets/reveal.js/css/reveal.min.css +3 -3
  96. data/assets/reveal.js/css/reveal.scss +1319 -0
  97. data/assets/reveal.js/css/theme/README.md +2 -4
  98. data/assets/reveal.js/css/theme/beige.css +183 -60
  99. data/assets/reveal.js/css/theme/black.css +267 -0
  100. data/assets/reveal.js/css/theme/blood.css +190 -80
  101. data/assets/reveal.js/css/theme/league.css +273 -0
  102. data/assets/reveal.js/css/theme/moon.css +174 -51
  103. data/assets/reveal.js/css/theme/night.css +171 -42
  104. data/assets/reveal.js/css/theme/serif.css +187 -58
  105. data/assets/reveal.js/css/theme/simple.css +179 -50
  106. data/assets/reveal.js/css/theme/sky.css +176 -47
  107. data/assets/reveal.js/css/theme/solarized.css +174 -51
  108. data/assets/reveal.js/css/theme/source/beige.scss +1 -12
  109. data/assets/reveal.js/css/theme/source/black.scss +49 -0
  110. data/assets/reveal.js/css/theme/source/blood.scss +3 -15
  111. data/assets/reveal.js/css/theme/source/{default.scss → league.scss} +5 -13
  112. data/assets/reveal.js/css/theme/source/moon.scss +1 -12
  113. data/assets/reveal.js/css/theme/source/serif.scss +1 -1
  114. data/assets/reveal.js/css/theme/source/sky.scss +1 -1
  115. data/assets/reveal.js/css/theme/source/solarized.scss +1 -12
  116. data/assets/reveal.js/css/theme/source/white.scss +49 -0
  117. data/assets/reveal.js/css/theme/template/settings.scss +13 -4
  118. data/assets/reveal.js/css/theme/template/theme.scss +193 -14
  119. data/assets/reveal.js/css/theme/white.css +267 -0
  120. data/assets/reveal.js/js/reveal.js +1572 -446
  121. data/assets/reveal.js/js/reveal.min.js +4 -4
  122. data/assets/reveal.js/lib/css/zenburn.css +74 -71
  123. data/assets/reveal.js/lib/font/league-gothic/league-gothic.css +10 -0
  124. data/assets/reveal.js/lib/font/league-gothic/league-gothic.eot +0 -0
  125. data/assets/reveal.js/lib/font/league-gothic/league-gothic.ttf +0 -0
  126. data/assets/reveal.js/lib/font/league-gothic/league-gothic.woff +0 -0
  127. data/assets/reveal.js/lib/font/source-sans-pro/LICENSE +45 -0
  128. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.eot +0 -0
  129. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.ttf +0 -0
  130. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.woff +0 -0
  131. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.eot +0 -0
  132. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.ttf +0 -0
  133. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.woff +0 -0
  134. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.eot +0 -0
  135. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.ttf +0 -0
  136. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.woff +0 -0
  137. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot +0 -0
  138. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf +0 -0
  139. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff +0 -0
  140. data/assets/reveal.js/lib/font/source-sans-pro/source-sans-pro.css +39 -0
  141. data/assets/reveal.js/plugin/highlight/highlight.js +2 -4
  142. data/assets/reveal.js/plugin/leap/leap.js +4 -2
  143. data/assets/reveal.js/plugin/markdown/example.html +3 -3
  144. data/assets/reveal.js/plugin/markdown/markdown.js +10 -9
  145. data/assets/reveal.js/plugin/markdown/marked.js +2 -33
  146. data/assets/reveal.js/plugin/math/math.js +1 -1
  147. data/assets/reveal.js/plugin/notes/notes.html +321 -182
  148. data/assets/reveal.js/plugin/notes/notes.js +89 -45
  149. data/assets/reveal.js/plugin/notes-server/client.js +49 -46
  150. data/assets/reveal.js/plugin/notes-server/index.js +28 -21
  151. data/assets/reveal.js/plugin/notes-server/notes.html +351 -97
  152. data/assets/reveal.js/plugin/print-pdf/print-pdf.js +24 -20
  153. data/assets/reveal.js/plugin/zoom-js/zoom.js +78 -58
  154. data/assets/shower/shower.min.js +8 -0
  155. data/assets/shower/themes/material/LICENSE.md +21 -0
  156. data/assets/shower/themes/material/README.md +45 -0
  157. data/assets/shower/themes/material/fonts/COPYRIGHT.txt +1 -0
  158. data/assets/shower/themes/material/fonts/LICENSE.txt +202 -0
  159. data/assets/shower/themes/material/fonts/roboto-bold-italic.woff2 +0 -0
  160. data/assets/shower/themes/material/fonts/roboto-bold.woff2 +0 -0
  161. data/assets/shower/themes/material/fonts/roboto-italic.woff2 +0 -0
  162. data/assets/shower/themes/material/fonts/roboto-light.woff2 +0 -0
  163. data/assets/shower/themes/material/fonts/roboto-mono-regular.woff2 +0 -0
  164. data/assets/shower/themes/material/fonts/roboto-regular.woff2 +0 -0
  165. data/assets/shower/themes/material/index.html +488 -0
  166. data/assets/shower/themes/material/pictures/canvas.png +0 -0
  167. data/assets/shower/themes/material/pictures/exact.svg +3 -0
  168. data/assets/shower/themes/material/pictures/picture-1.svg +3 -0
  169. data/assets/shower/themes/material/pictures/picture-2.svg +3 -0
  170. data/assets/shower/themes/material/pictures/picture-3.svg +3 -0
  171. data/assets/shower/themes/material/pictures/square.svg +3 -0
  172. data/assets/shower/themes/material/pictures/tall.svg +3 -0
  173. data/assets/shower/themes/material/pictures/wide.svg +3 -0
  174. data/assets/shower/themes/material/styles/blocks/badge.css +65 -0
  175. data/assets/shower/themes/material/styles/blocks/caption.css +67 -0
  176. data/assets/shower/themes/material/styles/blocks/progress.css +37 -0
  177. data/assets/shower/themes/material/styles/blocks/region.css +29 -0
  178. data/assets/shower/themes/material/styles/fonts.css +64 -0
  179. data/assets/shower/themes/material/styles/shower/grid.svg +50 -0
  180. data/assets/shower/themes/material/styles/shower/shower-full.css +13 -0
  181. data/assets/shower/themes/material/styles/shower/shower-grid.css +13 -0
  182. data/assets/shower/themes/material/styles/shower/shower-list.css +30 -0
  183. data/assets/shower/themes/material/styles/shower/shower-print.css +11 -0
  184. data/assets/shower/themes/material/styles/shower/shower.css +39 -0
  185. data/assets/shower/themes/material/styles/slide/content/basic.css +23 -0
  186. data/assets/shower/themes/material/styles/slide/content/code.css +80 -0
  187. data/assets/shower/themes/material/styles/slide/content/footer.css +29 -0
  188. data/assets/shower/themes/material/styles/slide/content/inline.css +49 -0
  189. data/assets/shower/themes/material/styles/slide/content/lists.css +54 -0
  190. data/assets/shower/themes/material/styles/slide/content/quote.css +24 -0
  191. data/assets/shower/themes/material/styles/slide/content/table.css +53 -0
  192. data/assets/shower/themes/material/styles/slide/elements/columns.css +19 -0
  193. data/assets/shower/themes/material/styles/slide/elements/copyright.css +38 -0
  194. data/assets/shower/themes/material/styles/slide/elements/cover.css +25 -0
  195. data/assets/shower/themes/material/styles/slide/elements/next.css +9 -0
  196. data/assets/shower/themes/material/styles/slide/elements/place.css +63 -0
  197. data/assets/shower/themes/material/styles/slide/elements/shout.css +53 -0
  198. data/assets/shower/themes/material/styles/slide/modifiers/black.css +5 -0
  199. data/assets/shower/themes/material/styles/slide/modifiers/clear.css +11 -0
  200. data/assets/shower/themes/material/styles/slide/modifiers/white.css +5 -0
  201. data/assets/shower/themes/material/styles/slide/slide-full.css +16 -0
  202. data/assets/shower/themes/material/styles/slide/slide-list.css +68 -0
  203. data/assets/shower/themes/material/styles/slide/slide.css +56 -0
  204. data/assets/shower/themes/material/styles/styles.css +9 -0
  205. data/assets/shower/themes/ribbon/LICENSE.md +21 -0
  206. data/assets/shower/themes/ribbon/README.md +41 -0
  207. data/assets/shower/themes/ribbon/fonts/LICENSE.txt +44 -0
  208. data/assets/shower/themes/ribbon/fonts/pt-mono-regular.woff2 +0 -0
  209. data/assets/shower/themes/ribbon/fonts/pt-sans-bold-italic.woff2 +0 -0
  210. data/assets/shower/themes/ribbon/fonts/pt-sans-bold.woff2 +0 -0
  211. data/assets/shower/themes/ribbon/fonts/pt-sans-italic.woff2 +0 -0
  212. data/assets/shower/themes/ribbon/fonts/pt-sans-narrow-bold.woff2 +0 -0
  213. data/assets/shower/themes/ribbon/fonts/pt-sans-regular.woff2 +0 -0
  214. data/assets/shower/themes/ribbon/index.html +490 -0
  215. data/assets/shower/themes/ribbon/pictures/canvas.png +0 -0
  216. data/assets/shower/themes/ribbon/pictures/exact.svg +3 -0
  217. data/assets/shower/themes/ribbon/pictures/picture-1.svg +3 -0
  218. data/assets/shower/themes/ribbon/pictures/picture-2.svg +3 -0
  219. data/assets/shower/themes/ribbon/pictures/picture-3.svg +3 -0
  220. data/assets/shower/themes/ribbon/pictures/square.svg +3 -0
  221. data/assets/shower/themes/ribbon/pictures/tall.svg +3 -0
  222. data/assets/shower/themes/ribbon/pictures/wide.svg +3 -0
  223. data/assets/shower/themes/ribbon/styles/blocks/badge.css +63 -0
  224. data/assets/shower/themes/ribbon/styles/blocks/caption.css +63 -0
  225. data/assets/shower/themes/ribbon/styles/blocks/progress.css +46 -0
  226. data/assets/shower/themes/ribbon/styles/blocks/region.css +29 -0
  227. data/assets/shower/themes/ribbon/styles/fonts.css +64 -0
  228. data/assets/shower/themes/ribbon/styles/shower/grid.svg +40 -0
  229. data/assets/shower/themes/ribbon/styles/shower/shower-full.css +13 -0
  230. data/assets/shower/themes/ribbon/styles/shower/shower-grid.css +13 -0
  231. data/assets/shower/themes/ribbon/styles/shower/shower-list.css +30 -0
  232. data/assets/shower/themes/ribbon/styles/shower/shower-print.css +11 -0
  233. data/assets/shower/themes/ribbon/styles/shower/shower.css +32 -0
  234. data/assets/shower/themes/ribbon/styles/slide/content/basic.css +21 -0
  235. data/assets/shower/themes/ribbon/styles/slide/content/code.css +82 -0
  236. data/assets/shower/themes/ribbon/styles/slide/content/footer.css +29 -0
  237. data/assets/shower/themes/ribbon/styles/slide/content/inline.css +50 -0
  238. data/assets/shower/themes/ribbon/styles/slide/content/lists.css +55 -0
  239. data/assets/shower/themes/ribbon/styles/slide/content/quote.css +23 -0
  240. data/assets/shower/themes/ribbon/styles/slide/content/table.css +53 -0
  241. data/assets/shower/themes/ribbon/styles/slide/elements/columns.css +19 -0
  242. data/assets/shower/themes/ribbon/styles/slide/elements/copyright.css +38 -0
  243. data/assets/shower/themes/ribbon/styles/slide/elements/cover.css +25 -0
  244. data/assets/shower/themes/ribbon/styles/slide/elements/next.css +9 -0
  245. data/assets/shower/themes/ribbon/styles/slide/elements/place.css +63 -0
  246. data/assets/shower/themes/ribbon/styles/slide/elements/shout.css +54 -0
  247. data/assets/shower/themes/ribbon/styles/slide/modifiers/black.css +5 -0
  248. data/assets/shower/themes/ribbon/styles/slide/modifiers/clear.css +11 -0
  249. data/assets/shower/themes/ribbon/styles/slide/modifiers/white.css +5 -0
  250. data/assets/shower/themes/ribbon/styles/slide/ribbon.svg +1 -0
  251. data/assets/shower/themes/ribbon/styles/slide/slide-full.css +16 -0
  252. data/assets/shower/themes/ribbon/styles/slide/slide-list.css +68 -0
  253. data/assets/shower/themes/ribbon/styles/slide/slide.css +60 -0
  254. data/assets/shower/themes/ribbon/styles/styles.css +9 -0
  255. data/lib/slippery/presentation.rb +4 -0
  256. data/lib/slippery/processors/add_highlight.rb +3 -8
  257. data/lib/slippery/processors/reveal_js/add_reveal_js.rb +1 -1
  258. data/lib/slippery/processors/shower.rb +76 -0
  259. data/lib/slippery/rake_tasks.rb +8 -3
  260. data/lib/slippery/version.rb +1 -1
  261. data/lib/slippery.rb +1 -0
  262. data/slippery.gemspec +3 -3
  263. metadata +194 -56
  264. data/assets/highlight.js/highlight-0.8.default.min.css +0 -1
  265. data/assets/highlight.js/highlight-0.8.min.js +0 -1
  266. data/assets/highlight.js/styles/atelier-dune.dark.css +0 -95
  267. data/assets/highlight.js/styles/atelier-dune.light.css +0 -95
  268. data/assets/highlight.js/styles/atelier-forest.dark.css +0 -95
  269. data/assets/highlight.js/styles/atelier-forest.light.css +0 -95
  270. data/assets/highlight.js/styles/atelier-heath.dark.css +0 -95
  271. data/assets/highlight.js/styles/atelier-heath.light.css +0 -95
  272. data/assets/highlight.js/styles/atelier-lakeside.dark.css +0 -95
  273. data/assets/highlight.js/styles/atelier-lakeside.light.css +0 -95
  274. data/assets/highlight.js/styles/atelier-seaside.dark.css +0 -95
  275. data/assets/highlight.js/styles/atelier-seaside.light.css +0 -95
  276. data/assets/highlight.js/styles/brown_paper.css +0 -105
  277. data/assets/highlight.js/styles/ir_black.css +0 -110
  278. data/assets/highlight.js/styles/monokai_sublime.css +0 -148
  279. data/assets/highlight.js/styles/paraiso.dark.css +0 -95
  280. data/assets/highlight.js/styles/paraiso.light.css +0 -95
  281. data/assets/highlight.js/styles/school_book.css +0 -113
  282. data/assets/highlight.js/styles/solarized_dark.css +0 -109
  283. data/assets/highlight.js/styles/solarized_light.css +0 -109
  284. data/assets/reveal.js/css/theme/default.css +0 -148
  285. data/assets/reveal.js/lib/font/league_gothic-webfont.eot +0 -0
  286. data/assets/reveal.js/lib/font/league_gothic-webfont.svg +0 -230
  287. data/assets/reveal.js/lib/font/league_gothic-webfont.ttf +0 -0
  288. data/assets/reveal.js/lib/font/league_gothic-webfont.woff +0 -0
  289. data/assets/reveal.js/plugin/postmessage/example.html +0 -39
  290. data/assets/reveal.js/plugin/postmessage/postmessage.js +0 -42
  291. /data/assets/highlight.js/styles/{brown_papersq.png → brown-papersq.png} +0 -0
  292. /data/assets/highlight.js/styles/{school_book.png → school-book.png} +0 -0
  293. /data/assets/reveal.js/lib/font/{league_gothic_license → league-gothic/LICENSE} +0 -0
@@ -2,8 +2,6 @@
2
2
 
3
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
4
 
5
- You also need to install Ruby and then Sass (with `gem install sass`).
6
-
7
5
  ## Creating a Theme
8
6
 
9
7
  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).
@@ -17,9 +15,9 @@ Shared utility functions.
17
15
  Declares a set of custom variables that the template file (step 4) expects. Can be overridden in step 3.
18
16
 
19
17
  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.
18
+ 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 any selectors and styles you please.
21
19
 
22
20
  4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)**
23
21
  The template theme file which will generate final CSS output based on the currently defined variables.
24
22
 
25
- When you are done, run `grunt themes` to compile the Sass file to CSS and you are ready to use your new theme.
23
+ When you are done, run `grunt css-themes` to compile the Sass file to CSS and you are ready to use your new theme.
@@ -1,81 +1,210 @@
1
+ @import url(../../lib/font/league-gothic/league-gothic.css);
1
2
  @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
2
3
  /**
3
4
  * Beige theme for reveal.js.
4
5
  *
5
6
  * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
6
7
  */
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
8
  /*********************************************
15
9
  * GLOBAL STYLES
16
10
  *********************************************/
17
11
  body {
18
12
  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%);
13
+ background: -moz-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
14
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f2d3));
15
+ background: -webkit-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
16
+ background: -o-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
17
+ background: -ms-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
18
+ background: radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
25
19
  background-color: #f7f3de; }
26
20
 
27
21
  .reveal {
28
- font-family: "Lato", sans-serif;
22
+ font-family: 'Lato', sans-serif;
29
23
  font-size: 36px;
30
24
  font-weight: normal;
31
- letter-spacing: -0.02em;
32
- color: #333333; }
25
+ color: #333; }
33
26
 
34
27
  ::selection {
35
- color: white;
28
+ color: #fff;
36
29
  background: rgba(79, 64, 28, 0.99);
37
30
  text-shadow: none; }
38
31
 
32
+ .reveal .slides > section, .reveal .slides > section > section {
33
+ line-height: 1.3;
34
+ font-weight: inherit; }
35
+
39
36
  /*********************************************
40
37
  * HEADERS
41
38
  *********************************************/
42
- .reveal h1,
43
- .reveal h2,
44
- .reveal h3,
45
- .reveal h4,
46
- .reveal h5,
47
- .reveal h6 {
39
+ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
48
40
  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;
41
+ color: #333;
42
+ font-family: 'League Gothic', Impact, sans-serif;
43
+ font-weight: normal;
44
+ line-height: 1.2;
45
+ letter-spacing: normal;
53
46
  text-transform: uppercase;
54
- text-shadow: none; }
47
+ text-shadow: none;
48
+ word-wrap: break-word; }
49
+
50
+ .reveal h1 {
51
+ font-size: 3.77em; }
52
+
53
+ .reveal h2 {
54
+ font-size: 2.11em; }
55
+
56
+ .reveal h3 {
57
+ font-size: 1.55em; }
58
+
59
+ .reveal h4 {
60
+ font-size: 1em; }
55
61
 
56
62
  .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); }
63
+ text-shadow: 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, 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); }
64
+
65
+ /*********************************************
66
+ * OTHER
67
+ *********************************************/
68
+ .reveal p {
69
+ margin: 20px 0;
70
+ line-height: 1.3; }
71
+
72
+ /* Ensure certain elements are never larger than the slide itself */
73
+ .reveal img, .reveal video, .reveal iframe {
74
+ max-width: 95%;
75
+ max-height: 95%; }
76
+
77
+ .reveal strong, .reveal b {
78
+ font-weight: bold; }
79
+
80
+ .reveal em {
81
+ font-style: italic; }
82
+
83
+ .reveal ol, .reveal dl, .reveal ul {
84
+ display: inline-block;
85
+ text-align: left;
86
+ margin: 0 0 0 1em; }
87
+
88
+ .reveal ol {
89
+ list-style-type: decimal; }
90
+
91
+ .reveal ul {
92
+ list-style-type: disc; }
93
+
94
+ .reveal ul ul {
95
+ list-style-type: square; }
96
+
97
+ .reveal ul ul ul {
98
+ list-style-type: circle; }
99
+
100
+ .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
101
+ display: block;
102
+ margin-left: 40px; }
103
+
104
+ .reveal dt {
105
+ font-weight: bold; }
106
+
107
+ .reveal dd {
108
+ margin-left: 40px; }
109
+
110
+ .reveal q, .reveal blockquote {
111
+ quotes: none; }
112
+
113
+ .reveal blockquote {
114
+ display: block;
115
+ position: relative;
116
+ width: 70%;
117
+ margin: 20px auto;
118
+ padding: 5px;
119
+ font-style: italic;
120
+ background: rgba(255, 255, 255, 0.05);
121
+ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
122
+
123
+ .reveal blockquote p:first-child, .reveal blockquote p:last-child {
124
+ display: inline-block; }
125
+
126
+ .reveal q {
127
+ font-style: italic; }
128
+
129
+ .reveal pre {
130
+ display: block;
131
+ position: relative;
132
+ width: 90%;
133
+ margin: 20px auto;
134
+ text-align: left;
135
+ font-size: 0.55em;
136
+ font-family: monospace;
137
+ line-height: 1.2em;
138
+ word-wrap: break-word;
139
+ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
140
+
141
+ .reveal code {
142
+ font-family: monospace; }
143
+
144
+ .reveal pre code {
145
+ display: block;
146
+ padding: 5px;
147
+ overflow: auto;
148
+ max-height: 400px;
149
+ word-wrap: normal;
150
+ background: #3F3F3F;
151
+ color: #DCDCDC; }
152
+
153
+ .reveal table {
154
+ margin: auto;
155
+ border-collapse: collapse;
156
+ border-spacing: 0; }
157
+
158
+ .reveal table th {
159
+ font-weight: bold; }
160
+
161
+ .reveal table th, .reveal table td {
162
+ text-align: left;
163
+ padding: 0.2em 0.5em 0.2em 0.5em;
164
+ border-bottom: 1px solid; }
165
+
166
+ .reveal table th[align="center"], .reveal table td[align="center"] {
167
+ text-align: center; }
168
+
169
+ .reveal table th[align="right"], .reveal table td[align="right"] {
170
+ text-align: right; }
171
+
172
+ .reveal table tr:last-child td {
173
+ border-bottom: none; }
174
+
175
+ .reveal sup {
176
+ vertical-align: super; }
177
+
178
+ .reveal sub {
179
+ vertical-align: sub; }
180
+
181
+ .reveal small {
182
+ display: inline-block;
183
+ font-size: 0.6em;
184
+ line-height: 1.2em;
185
+ vertical-align: top; }
186
+
187
+ .reveal small * {
188
+ vertical-align: top; }
58
189
 
59
190
  /*********************************************
60
191
  * LINKS
61
192
  *********************************************/
62
- .reveal a:not(.image) {
193
+ .reveal a {
63
194
  color: #8b743d;
64
195
  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;
196
+ -webkit-transition: color 0.15s ease;
197
+ -moz-transition: color 0.15s ease;
198
+ transition: color 0.15s ease; }
199
+
200
+ .reveal a:hover {
201
+ color: #c0a76e;
73
202
  text-shadow: none;
74
203
  border: none; }
75
204
 
76
205
  .reveal .roll span:after {
77
206
  color: #fff;
78
- background: #564826; }
207
+ background: #564726; }
79
208
 
80
209
  /*********************************************
81
210
  * IMAGES
@@ -83,13 +212,13 @@ body {
83
212
  .reveal section img {
84
213
  margin: 15px 0px;
85
214
  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; }
215
+ border: 4px solid #333;
216
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
217
+
218
+ .reveal a img {
219
+ -webkit-transition: all 0.15s linear;
220
+ -moz-transition: all 0.15s linear;
221
+ transition: all 0.15s linear; }
93
222
 
94
223
  .reveal a:hover img {
95
224
  background: rgba(255, 255, 255, 0.2);
@@ -99,33 +228,29 @@ body {
99
228
  /*********************************************
100
229
  * NAVIGATION CONTROLS
101
230
  *********************************************/
102
- .reveal .controls div.navigate-left,
103
- .reveal .controls div.navigate-left.enabled {
231
+ .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
104
232
  border-right-color: #8b743d; }
105
233
 
106
- .reveal .controls div.navigate-right,
107
- .reveal .controls div.navigate-right.enabled {
234
+ .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
108
235
  border-left-color: #8b743d; }
109
236
 
110
- .reveal .controls div.navigate-up,
111
- .reveal .controls div.navigate-up.enabled {
237
+ .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
112
238
  border-bottom-color: #8b743d; }
113
239
 
114
- .reveal .controls div.navigate-down,
115
- .reveal .controls div.navigate-down.enabled {
240
+ .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
116
241
  border-top-color: #8b743d; }
117
242
 
118
243
  .reveal .controls div.navigate-left.enabled:hover {
119
- border-right-color: #c0a86e; }
244
+ border-right-color: #c0a76e; }
120
245
 
121
246
  .reveal .controls div.navigate-right.enabled:hover {
122
- border-left-color: #c0a86e; }
247
+ border-left-color: #c0a76e; }
123
248
 
124
249
  .reveal .controls div.navigate-up.enabled:hover {
125
- border-bottom-color: #c0a86e; }
250
+ border-bottom-color: #c0a76e; }
126
251
 
127
252
  .reveal .controls div.navigate-down.enabled:hover {
128
- border-top-color: #c0a86e; }
253
+ border-top-color: #c0a76e; }
129
254
 
130
255
  /*********************************************
131
256
  * PROGRESS BAR
@@ -137,8 +262,6 @@ body {
137
262
  background: #8b743d;
138
263
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
139
264
  -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
265
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
143
266
 
144
267
  /*********************************************
@@ -0,0 +1,267 @@
1
+ @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
2
+ /**
3
+ * Black theme for reveal.js. This is the opposite of the 'white' theme.
4
+ *
5
+ * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
6
+ */
7
+ section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
8
+ color: #222; }
9
+
10
+ /*********************************************
11
+ * GLOBAL STYLES
12
+ *********************************************/
13
+ body {
14
+ background: #222;
15
+ background-color: #222; }
16
+
17
+ .reveal {
18
+ font-family: 'Source Sans Pro', Helvetica, sans-serif;
19
+ font-size: 38px;
20
+ font-weight: normal;
21
+ color: #fff; }
22
+
23
+ ::selection {
24
+ color: #fff;
25
+ background: #bee4fd;
26
+ text-shadow: none; }
27
+
28
+ .reveal .slides > section, .reveal .slides > section > section {
29
+ line-height: 1.3;
30
+ font-weight: inherit; }
31
+
32
+ /*********************************************
33
+ * HEADERS
34
+ *********************************************/
35
+ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
36
+ margin: 0 0 20px 0;
37
+ color: #fff;
38
+ font-family: 'Source Sans Pro', Helvetica, sans-serif;
39
+ font-weight: 600;
40
+ line-height: 1.2;
41
+ letter-spacing: normal;
42
+ text-transform: uppercase;
43
+ text-shadow: none;
44
+ word-wrap: break-word; }
45
+
46
+ .reveal h1 {
47
+ font-size: 2.5em; }
48
+
49
+ .reveal h2 {
50
+ font-size: 1.6em; }
51
+
52
+ .reveal h3 {
53
+ font-size: 1.3em; }
54
+
55
+ .reveal h4 {
56
+ font-size: 1em; }
57
+
58
+ .reveal h1 {
59
+ text-shadow: none; }
60
+
61
+ /*********************************************
62
+ * OTHER
63
+ *********************************************/
64
+ .reveal p {
65
+ margin: 20px 0;
66
+ line-height: 1.3; }
67
+
68
+ /* Ensure certain elements are never larger than the slide itself */
69
+ .reveal img, .reveal video, .reveal iframe {
70
+ max-width: 95%;
71
+ max-height: 95%; }
72
+
73
+ .reveal strong, .reveal b {
74
+ font-weight: bold; }
75
+
76
+ .reveal em {
77
+ font-style: italic; }
78
+
79
+ .reveal ol, .reveal dl, .reveal ul {
80
+ display: inline-block;
81
+ text-align: left;
82
+ margin: 0 0 0 1em; }
83
+
84
+ .reveal ol {
85
+ list-style-type: decimal; }
86
+
87
+ .reveal ul {
88
+ list-style-type: disc; }
89
+
90
+ .reveal ul ul {
91
+ list-style-type: square; }
92
+
93
+ .reveal ul ul ul {
94
+ list-style-type: circle; }
95
+
96
+ .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
97
+ display: block;
98
+ margin-left: 40px; }
99
+
100
+ .reveal dt {
101
+ font-weight: bold; }
102
+
103
+ .reveal dd {
104
+ margin-left: 40px; }
105
+
106
+ .reveal q, .reveal blockquote {
107
+ quotes: none; }
108
+
109
+ .reveal blockquote {
110
+ display: block;
111
+ position: relative;
112
+ width: 70%;
113
+ margin: 20px auto;
114
+ padding: 5px;
115
+ font-style: italic;
116
+ background: rgba(255, 255, 255, 0.05);
117
+ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
118
+
119
+ .reveal blockquote p:first-child, .reveal blockquote p:last-child {
120
+ display: inline-block; }
121
+
122
+ .reveal q {
123
+ font-style: italic; }
124
+
125
+ .reveal pre {
126
+ display: block;
127
+ position: relative;
128
+ width: 90%;
129
+ margin: 20px auto;
130
+ text-align: left;
131
+ font-size: 0.55em;
132
+ font-family: monospace;
133
+ line-height: 1.2em;
134
+ word-wrap: break-word;
135
+ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
136
+
137
+ .reveal code {
138
+ font-family: monospace; }
139
+
140
+ .reveal pre code {
141
+ display: block;
142
+ padding: 5px;
143
+ overflow: auto;
144
+ max-height: 400px;
145
+ word-wrap: normal;
146
+ background: #3F3F3F;
147
+ color: #DCDCDC; }
148
+
149
+ .reveal table {
150
+ margin: auto;
151
+ border-collapse: collapse;
152
+ border-spacing: 0; }
153
+
154
+ .reveal table th {
155
+ font-weight: bold; }
156
+
157
+ .reveal table th, .reveal table td {
158
+ text-align: left;
159
+ padding: 0.2em 0.5em 0.2em 0.5em;
160
+ border-bottom: 1px solid; }
161
+
162
+ .reveal table th[align="center"], .reveal table td[align="center"] {
163
+ text-align: center; }
164
+
165
+ .reveal table th[align="right"], .reveal table td[align="right"] {
166
+ text-align: right; }
167
+
168
+ .reveal table tr:last-child td {
169
+ border-bottom: none; }
170
+
171
+ .reveal sup {
172
+ vertical-align: super; }
173
+
174
+ .reveal sub {
175
+ vertical-align: sub; }
176
+
177
+ .reveal small {
178
+ display: inline-block;
179
+ font-size: 0.6em;
180
+ line-height: 1.2em;
181
+ vertical-align: top; }
182
+
183
+ .reveal small * {
184
+ vertical-align: top; }
185
+
186
+ /*********************************************
187
+ * LINKS
188
+ *********************************************/
189
+ .reveal a {
190
+ color: #42affa;
191
+ text-decoration: none;
192
+ -webkit-transition: color 0.15s ease;
193
+ -moz-transition: color 0.15s ease;
194
+ transition: color 0.15s ease; }
195
+
196
+ .reveal a:hover {
197
+ color: #8dcffc;
198
+ text-shadow: none;
199
+ border: none; }
200
+
201
+ .reveal .roll span:after {
202
+ color: #fff;
203
+ background: #068ee9; }
204
+
205
+ /*********************************************
206
+ * IMAGES
207
+ *********************************************/
208
+ .reveal section img {
209
+ margin: 15px 0px;
210
+ background: rgba(255, 255, 255, 0.12);
211
+ border: 4px solid #fff;
212
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
213
+
214
+ .reveal a img {
215
+ -webkit-transition: all 0.15s linear;
216
+ -moz-transition: all 0.15s linear;
217
+ transition: all 0.15s linear; }
218
+
219
+ .reveal a:hover img {
220
+ background: rgba(255, 255, 255, 0.2);
221
+ border-color: #42affa;
222
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
223
+
224
+ /*********************************************
225
+ * NAVIGATION CONTROLS
226
+ *********************************************/
227
+ .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
228
+ border-right-color: #42affa; }
229
+
230
+ .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
231
+ border-left-color: #42affa; }
232
+
233
+ .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
234
+ border-bottom-color: #42affa; }
235
+
236
+ .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
237
+ border-top-color: #42affa; }
238
+
239
+ .reveal .controls div.navigate-left.enabled:hover {
240
+ border-right-color: #8dcffc; }
241
+
242
+ .reveal .controls div.navigate-right.enabled:hover {
243
+ border-left-color: #8dcffc; }
244
+
245
+ .reveal .controls div.navigate-up.enabled:hover {
246
+ border-bottom-color: #8dcffc; }
247
+
248
+ .reveal .controls div.navigate-down.enabled:hover {
249
+ border-top-color: #8dcffc; }
250
+
251
+ /*********************************************
252
+ * PROGRESS BAR
253
+ *********************************************/
254
+ .reveal .progress {
255
+ background: rgba(0, 0, 0, 0.2); }
256
+
257
+ .reveal .progress span {
258
+ background: #42affa;
259
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
260
+ -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
261
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
262
+
263
+ /*********************************************
264
+ * SLIDE NUMBER
265
+ *********************************************/
266
+ .reveal .slide-number {
267
+ color: #42affa; }