├── .gitignore
├── slides
├── bg
│ ├── 3d.jpg
│ ├── 3d-blur.jpg
│ ├── 3d-desat.jpg
│ ├── 3d-blur-desat.jpg
│ ├── maze-penrose.png
│ ├── quasi-light.jpg
│ ├── small-penrose.gif
│ ├── small-penrose.jpg
│ └── squarish-penrose.png
├── test
│ ├── examples
│ │ ├── assets
│ │ │ ├── image1.png
│ │ │ └── image2.png
│ │ ├── barebones.html
│ │ ├── embedded-media.html
│ │ ├── slide-backgrounds.html
│ │ └── math.html
│ ├── test-markdown.js
│ ├── test-pdf.js
│ ├── test-markdown.html
│ ├── test-pdf.html
│ ├── test.html
│ ├── test-markdown-element-attributes.js
│ ├── test-markdown-slide-attributes.js
│ ├── test-markdown-slide-attributes.html
│ ├── test-markdown-element-attributes.html
│ └── qunit-1.12.0.css
├── fonts
│ ├── merriweather-bold-webfont.eot
│ ├── merriweather-bold-webfont.ttf
│ ├── robotoslab-bold-webfont.eot
│ ├── robotoslab-bold-webfont.ttf
│ ├── robotoslab-bold-webfont.woff
│ ├── robotoslab-bold-webfont.woff2
│ ├── merriweather-bold-webfont.woff
│ ├── merriweather-light-webfont.eot
│ ├── merriweather-light-webfont.ttf
│ ├── merriweather-light-webfont.woff
│ ├── robotoslab-regular-webfont.eot
│ ├── robotoslab-regular-webfont.ttf
│ ├── robotoslab-regular-webfont.woff
│ ├── robotoslab-regular-webfont.woff2
│ ├── merriweather-bolditalic-webfont.eot
│ ├── merriweather-bolditalic-webfont.ttf
│ ├── merriweather-bolditalic-webfont.woff
│ ├── merriweather-lightitalic-webfont.eot
│ ├── merriweather-lightitalic-webfont.ttf
│ └── merriweather-lightitalic-webfont.woff
├── lib
│ ├── font
│ │ ├── league-gothic
│ │ │ ├── LICENSE
│ │ │ ├── league-gothic.eot
│ │ │ ├── league-gothic.ttf
│ │ │ ├── league-gothic.woff
│ │ │ └── league-gothic.css
│ │ └── source-sans-pro
│ │ │ ├── source-sans-pro-italic.eot
│ │ │ ├── source-sans-pro-italic.ttf
│ │ │ ├── source-sans-pro-italic.woff
│ │ │ ├── source-sans-pro-regular.eot
│ │ │ ├── source-sans-pro-regular.ttf
│ │ │ ├── source-sans-pro-regular.woff
│ │ │ ├── source-sans-pro-semibold.eot
│ │ │ ├── source-sans-pro-semibold.ttf
│ │ │ ├── source-sans-pro-semibold.woff
│ │ │ ├── source-sans-pro-semibolditalic.eot
│ │ │ ├── source-sans-pro-semibolditalic.ttf
│ │ │ ├── source-sans-pro-semibolditalic.woff
│ │ │ ├── source-sans-pro.css
│ │ │ └── LICENSE
│ ├── js
│ │ ├── html5shiv.js
│ │ ├── classList.js
│ │ └── head.min.js
│ └── css
│ │ └── zenburn.css
├── plugin
│ ├── markdown
│ │ ├── example.md
│ │ └── example.html
│ ├── multiplex
│ │ ├── client.js
│ │ ├── master.js
│ │ └── index.js
│ ├── print-pdf
│ │ └── print-pdf.js
│ ├── remotes
│ │ └── remotes.js
│ ├── math
│ │ └── math.js
│ ├── notes-server
│ │ ├── client.js
│ │ └── index.js
│ └── notes
│ │ └── notes.js
├── CONTRIBUTING.md
├── css
│ ├── theme
│ │ ├── source
│ │ │ ├── night.scss
│ │ │ ├── serif.scss
│ │ │ ├── league.scss
│ │ │ ├── simple.scss
│ │ │ ├── sky.scss
│ │ │ ├── beige.scss
│ │ │ ├── black.scss
│ │ │ ├── white.scss
│ │ │ ├── moon.scss
│ │ │ ├── solarized.scss
│ │ │ ├── blood.scss
│ │ │ └── robin.scss
│ │ ├── template
│ │ │ ├── settings.scss
│ │ │ ├── mixins.scss
│ │ │ └── theme.scss
│ │ ├── README.md
│ │ ├── night.css
│ │ ├── serif.css
│ │ ├── moon.css
│ │ ├── solarized.css
│ │ ├── white.css
│ │ ├── black.css
│ │ ├── simple.css
│ │ └── sky.css
│ └── print
│ │ ├── pdf.css
│ │ └── paper.css
├── LICENSE
├── package.json
├── Gruntfile.js
└── index.html
├── README.md
├── fonts
├── raleway-thin-webfont.eot
├── raleway-thin-webfont.ttf
├── raleway-thin-webfont.woff
├── merriweather-bold-webfont.eot
├── merriweather-bold-webfont.ttf
├── merriweather-bold-webfont.woff
├── merriweather-light-webfont.eot
├── merriweather-light-webfont.ttf
├── merriweather-light-webfont.woff
├── merriweather-bolditalic-webfont.eot
├── merriweather-bolditalic-webfont.ttf
├── merriweather-bolditalic-webfont.woff
├── merriweather-lightitalic-webfont.eot
├── merriweather-lightitalic-webfont.ttf
└── merriweather-lightitalic-webfont.woff
├── logo-new-colours.svg
├── css
└── release-the-kraken.css
└── LICENSE
/.gitignore:
--------------------------------------------------------------------------------
1 | slides/node_modules
2 | NOTES.txt
3 |
--------------------------------------------------------------------------------
/slides/bg/3d.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/bg/3d.jpg
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | After 5
2 | =======
3 |
4 | Where HTML is going next, where standards are headed.
5 |
--------------------------------------------------------------------------------
/slides/bg/3d-blur.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/bg/3d-blur.jpg
--------------------------------------------------------------------------------
/slides/bg/3d-desat.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/bg/3d-desat.jpg
--------------------------------------------------------------------------------
/slides/bg/3d-blur-desat.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/bg/3d-blur-desat.jpg
--------------------------------------------------------------------------------
/slides/bg/maze-penrose.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/bg/maze-penrose.png
--------------------------------------------------------------------------------
/slides/bg/quasi-light.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/bg/quasi-light.jpg
--------------------------------------------------------------------------------
/slides/bg/small-penrose.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/bg/small-penrose.gif
--------------------------------------------------------------------------------
/slides/bg/small-penrose.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/bg/small-penrose.jpg
--------------------------------------------------------------------------------
/fonts/raleway-thin-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/raleway-thin-webfont.eot
--------------------------------------------------------------------------------
/fonts/raleway-thin-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/raleway-thin-webfont.ttf
--------------------------------------------------------------------------------
/fonts/raleway-thin-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/raleway-thin-webfont.woff
--------------------------------------------------------------------------------
/slides/bg/squarish-penrose.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/bg/squarish-penrose.png
--------------------------------------------------------------------------------
/fonts/merriweather-bold-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/merriweather-bold-webfont.eot
--------------------------------------------------------------------------------
/fonts/merriweather-bold-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/merriweather-bold-webfont.ttf
--------------------------------------------------------------------------------
/fonts/merriweather-bold-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/merriweather-bold-webfont.woff
--------------------------------------------------------------------------------
/fonts/merriweather-light-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/merriweather-light-webfont.eot
--------------------------------------------------------------------------------
/fonts/merriweather-light-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/merriweather-light-webfont.ttf
--------------------------------------------------------------------------------
/fonts/merriweather-light-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/merriweather-light-webfont.woff
--------------------------------------------------------------------------------
/slides/test/examples/assets/image1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/test/examples/assets/image1.png
--------------------------------------------------------------------------------
/slides/test/examples/assets/image2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/test/examples/assets/image2.png
--------------------------------------------------------------------------------
/fonts/merriweather-bolditalic-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/merriweather-bolditalic-webfont.eot
--------------------------------------------------------------------------------
/fonts/merriweather-bolditalic-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/merriweather-bolditalic-webfont.ttf
--------------------------------------------------------------------------------
/fonts/merriweather-bolditalic-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/merriweather-bolditalic-webfont.woff
--------------------------------------------------------------------------------
/fonts/merriweather-lightitalic-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/merriweather-lightitalic-webfont.eot
--------------------------------------------------------------------------------
/fonts/merriweather-lightitalic-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/merriweather-lightitalic-webfont.ttf
--------------------------------------------------------------------------------
/slides/fonts/merriweather-bold-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/merriweather-bold-webfont.eot
--------------------------------------------------------------------------------
/slides/fonts/merriweather-bold-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/merriweather-bold-webfont.ttf
--------------------------------------------------------------------------------
/slides/fonts/robotoslab-bold-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/robotoslab-bold-webfont.eot
--------------------------------------------------------------------------------
/slides/fonts/robotoslab-bold-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/robotoslab-bold-webfont.ttf
--------------------------------------------------------------------------------
/slides/fonts/robotoslab-bold-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/robotoslab-bold-webfont.woff
--------------------------------------------------------------------------------
/slides/fonts/robotoslab-bold-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/robotoslab-bold-webfont.woff2
--------------------------------------------------------------------------------
/slides/lib/font/league-gothic/LICENSE:
--------------------------------------------------------------------------------
1 | SIL Open Font License (OFL)
2 | http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
3 |
--------------------------------------------------------------------------------
/fonts/merriweather-lightitalic-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/fonts/merriweather-lightitalic-webfont.woff
--------------------------------------------------------------------------------
/slides/fonts/merriweather-bold-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/merriweather-bold-webfont.woff
--------------------------------------------------------------------------------
/slides/fonts/merriweather-light-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/merriweather-light-webfont.eot
--------------------------------------------------------------------------------
/slides/fonts/merriweather-light-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/merriweather-light-webfont.ttf
--------------------------------------------------------------------------------
/slides/fonts/merriweather-light-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/merriweather-light-webfont.woff
--------------------------------------------------------------------------------
/slides/fonts/robotoslab-regular-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/robotoslab-regular-webfont.eot
--------------------------------------------------------------------------------
/slides/fonts/robotoslab-regular-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/robotoslab-regular-webfont.ttf
--------------------------------------------------------------------------------
/slides/fonts/robotoslab-regular-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/robotoslab-regular-webfont.woff
--------------------------------------------------------------------------------
/slides/fonts/robotoslab-regular-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/robotoslab-regular-webfont.woff2
--------------------------------------------------------------------------------
/slides/lib/font/league-gothic/league-gothic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/league-gothic/league-gothic.eot
--------------------------------------------------------------------------------
/slides/lib/font/league-gothic/league-gothic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/league-gothic/league-gothic.ttf
--------------------------------------------------------------------------------
/slides/fonts/merriweather-bolditalic-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/merriweather-bolditalic-webfont.eot
--------------------------------------------------------------------------------
/slides/fonts/merriweather-bolditalic-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/merriweather-bolditalic-webfont.ttf
--------------------------------------------------------------------------------
/slides/fonts/merriweather-bolditalic-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/merriweather-bolditalic-webfont.woff
--------------------------------------------------------------------------------
/slides/fonts/merriweather-lightitalic-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/merriweather-lightitalic-webfont.eot
--------------------------------------------------------------------------------
/slides/fonts/merriweather-lightitalic-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/merriweather-lightitalic-webfont.ttf
--------------------------------------------------------------------------------
/slides/lib/font/league-gothic/league-gothic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/league-gothic/league-gothic.woff
--------------------------------------------------------------------------------
/slides/fonts/merriweather-lightitalic-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/fonts/merriweather-lightitalic-webfont.woff
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/source-sans-pro-italic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/source-sans-pro/source-sans-pro-italic.eot
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/source-sans-pro-italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/source-sans-pro/source-sans-pro-italic.ttf
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/source-sans-pro-italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/source-sans-pro/source-sans-pro-italic.woff
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/source-sans-pro-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/source-sans-pro/source-sans-pro-regular.eot
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/source-sans-pro-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/source-sans-pro/source-sans-pro-regular.ttf
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/source-sans-pro-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/source-sans-pro/source-sans-pro-regular.woff
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/source-sans-pro-semibold.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/source-sans-pro/source-sans-pro-semibold.eot
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/source-sans-pro-semibold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/source-sans-pro/source-sans-pro-semibold.ttf
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/source-sans-pro-semibold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/source-sans-pro/source-sans-pro-semibold.woff
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darobin/after5/gh-pages/slides/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff
--------------------------------------------------------------------------------
/slides/lib/js/html5shiv.js:
--------------------------------------------------------------------------------
1 | document.createElement('header');
2 | document.createElement('nav');
3 | document.createElement('section');
4 | document.createElement('article');
5 | document.createElement('aside');
6 | document.createElement('footer');
7 | document.createElement('hgroup');
--------------------------------------------------------------------------------
/slides/test/test-markdown.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | Reveal.addEventListener( 'ready', function() {
4 |
5 | QUnit.module( 'Markdown' );
6 |
7 | test( 'Vertical separator', function() {
8 | strictEqual( document.querySelectorAll( '.reveal .slides>section>section' ).length, 2, 'found two slides' );
9 | });
10 |
11 |
12 | } );
13 |
14 | Reveal.initialize();
15 |
16 |
--------------------------------------------------------------------------------
/slides/lib/font/league-gothic/league-gothic.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'League Gothic';
3 | src: url('league-gothic.eot');
4 | src: url('league-gothic.eot?#iefix') format('embedded-opentype'),
5 | url('league-gothic.woff') format('woff'),
6 | url('league-gothic.ttf') format('truetype');
7 |
8 | font-weight: normal;
9 | font-style: normal;
10 | }
--------------------------------------------------------------------------------
/slides/test/test-pdf.js:
--------------------------------------------------------------------------------
1 |
2 | Reveal.addEventListener( 'ready', function() {
3 |
4 | // Only one test for now, we're mainly ensuring that there
5 | // are no execution errors when running PDF mode
6 |
7 | test( 'Reveal.isReady', function() {
8 | strictEqual( Reveal.isReady(), true, 'returns true' );
9 | });
10 |
11 |
12 | } );
13 |
14 | Reveal.initialize({ pdf: true });
15 |
16 |
--------------------------------------------------------------------------------
/slides/plugin/markdown/example.md:
--------------------------------------------------------------------------------
1 | # Markdown Demo
2 |
3 |
4 |
5 | ## External 1.1
6 |
7 | Content 1.1
8 |
9 | Note: This will only appear in the speaker notes window.
10 |
11 |
12 | ## External 1.2
13 |
14 | Content 1.2
15 |
16 |
17 |
18 | ## External 2
19 |
20 | Content 2.1
21 |
22 |
23 |
24 | ## External 3.1
25 |
26 | Content 3.1
27 |
28 |
29 | ## External 3.2
30 |
31 | Content 3.2
32 |
--------------------------------------------------------------------------------
/slides/plugin/multiplex/client.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | var multiplex = Reveal.getConfig().multiplex;
3 | var socketId = multiplex.id;
4 | var socket = io.connect(multiplex.url);
5 |
6 | socket.on(multiplex.id, function(data) {
7 | // ignore data from sockets that aren't ours
8 | if (data.socketId !== socketId) { return; }
9 | if( window.location.host === 'localhost:1947' ) return;
10 |
11 | Reveal.slide(data.indexh, data.indexv, data.indexf, 'remote');
12 | });
13 | }());
14 |
--------------------------------------------------------------------------------
/slides/test/examples/barebones.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | reveal.js - Barebones
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | Barebones Presentation
20 | This example contains the bare minimum includes and markup required to run a reveal.js presentation.
21 |
22 |
23 |
24 | No Theme
25 | There's no theme included, so it will fall back on browser defaults.
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
39 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/slides/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | ## Contributing
2 |
3 | Please keep the [issue tracker](http://github.com/hakimel/reveal.js/issues) limited to **bug reports**, **feature requests** and **pull requests**.
4 |
5 |
6 | ### Personal Support
7 | If you have personal support or setup questions the best place to ask those are [StackOverflow](http://stackoverflow.com/questions/tagged/reveal.js).
8 |
9 |
10 | ### Bug Reports
11 | When reporting a bug make sure to include information about which browser and operating system you are on as well as the necessary steps to reproduce the issue. If possible please include a link to a sample presentation where the bug can be tested.
12 |
13 |
14 | ### Pull Requests
15 | - Should follow the coding style of the file you work in, most importantly:
16 | - Tabs to indent
17 | - Single-quoted strings
18 | - Should be made towards the **dev branch**
19 | - Should be submitted from a feature/topic branch (not your master)
20 |
--------------------------------------------------------------------------------
/slides/css/theme/source/night.scss:
--------------------------------------------------------------------------------
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 | // ---------------------------------------------
--------------------------------------------------------------------------------
/slides/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright (C) 2015 Hakim El Hattab, http://hakim.se
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining a copy
4 | of this software and associated documentation files (the "Software"), to deal
5 | in the Software without restriction, including without limitation the rights
6 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
7 | copies of the Software, and to permit persons to whom the Software is
8 | furnished to do so, subject to the following conditions:
9 |
10 | The above copyright notice and this permission notice shall be included in
11 | all copies or substantial portions of the Software.
12 |
13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
19 | THE SOFTWARE.
--------------------------------------------------------------------------------
/slides/test/examples/embedded-media.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | reveal.js - Embedded Media
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | Embedded Media Test
23 |
24 |
25 |
28 |
29 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
47 |
48 |
49 |
50 |
--------------------------------------------------------------------------------
/slides/css/theme/source/serif.scss:
--------------------------------------------------------------------------------
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 {
29 | line-height: 1.3em;
30 | }
31 |
32 |
33 | // Theme template ------------------------------
34 | @import "../template/theme";
35 | // ---------------------------------------------
36 |
--------------------------------------------------------------------------------
/slides/css/theme/template/settings.scss:
--------------------------------------------------------------------------------
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 | // Vertical spacing between blocks of text
13 | $blockMargin: 20px;
14 |
15 | // Headings
16 | $headingMargin: 0 0 $blockMargin 0;
17 | $headingFont: 'League Gothic', Impact, sans-serif;
18 | $headingColor: #eee;
19 | $headingLineHeight: 1.2;
20 | $headingLetterSpacing: normal;
21 | $headingTextTransform: uppercase;
22 | $headingTextShadow: none;
23 | $headingFontWeight: normal;
24 | $heading1TextShadow: $headingTextShadow;
25 |
26 | $heading1Size: 3.77em;
27 | $heading2Size: 2.11em;
28 | $heading3Size: 1.55em;
29 | $heading4Size: 1.00em;
30 |
31 | // Links and actions
32 | $linkColor: #13DAEC;
33 | $linkColorHover: lighten( $linkColor, 20% );
34 |
35 | // Text selection
36 | $selectionBackgroundColor: #FF5E99;
37 | $selectionColor: #fff;
38 |
39 | // Generates the presentation background, can be overridden
40 | // to return a background image or gradient
41 | @mixin bodyBackground() {
42 | background: $backgroundColor;
43 | }
--------------------------------------------------------------------------------
/slides/css/theme/source/league.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * League theme for reveal.js.
3 | *
4 | * This was the default theme pre-3.0.0.
5 | *
6 | * 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(../../lib/font/league-gothic/league-gothic.css);
19 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
20 |
21 | // Override theme settings (see ../template/settings.scss)
22 | $headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2);
23 | $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
24 |
25 | // Background generator
26 | @mixin bodyBackground() {
27 | @include radial-gradient( rgba(28,30,32,1), rgba(85,90,95,1) );
28 | }
29 |
30 |
31 |
32 | // Theme template ------------------------------
33 | @import "../template/theme";
34 | // ---------------------------------------------
--------------------------------------------------------------------------------
/slides/css/theme/source/simple.scss:
--------------------------------------------------------------------------------
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 | // ---------------------------------------------
--------------------------------------------------------------------------------
/slides/css/theme/source/sky.scss:
--------------------------------------------------------------------------------
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 {
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 | // ---------------------------------------------
47 |
--------------------------------------------------------------------------------
/slides/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "reveal.js",
3 | "version": "3.0.0",
4 | "description": "The HTML Presentation Framework",
5 | "homepage": "http://lab.hakim.se/reveal-js",
6 | "subdomain": "revealjs",
7 | "scripts": {
8 | "test": "grunt test",
9 | "start": ""
10 | },
11 | "author": {
12 | "name": "Hakim El Hattab",
13 | "email": "hakim.elhattab@gmail.com",
14 | "web": "http://hakim.se"
15 | },
16 | "repository": {
17 | "type": "git",
18 | "url": "git://github.com/hakimel/reveal.js.git"
19 | },
20 | "engines": {
21 | "node": "~0.10.0"
22 | },
23 | "dependencies": {
24 | "underscore": "~1.5.1",
25 | "express": "~2.5.9",
26 | "mustache": "~0.7.2",
27 | "socket.io": "~0.9.16"
28 | },
29 | "devDependencies": {
30 | "grunt-contrib-qunit": "~0.5.2",
31 | "grunt-contrib-jshint": "~0.6.4",
32 | "grunt-contrib-cssmin": "~0.4.1",
33 | "grunt-contrib-uglify": "~0.2.4",
34 | "grunt-contrib-watch": "~0.5.3",
35 | "grunt-sass": "~0.14.0",
36 | "grunt-contrib-connect": "~0.8.0",
37 | "grunt-autoprefixer": "~1.0.1",
38 | "grunt-zip": "~0.7.0",
39 | "grunt": "~0.4.0",
40 | "node-sass": "~0.9.3"
41 | },
42 | "licenses": [
43 | {
44 | "type": "MIT",
45 | "url": "https://github.com/hakimel/reveal.js/blob/master/LICENSE"
46 | }
47 | ]
48 | }
49 |
--------------------------------------------------------------------------------
/slides/css/theme/source/beige.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * Beige theme for reveal.js.
3 | *
4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
5 | */
6 |
7 |
8 | // Default mixins and settings -----------------
9 | @import "../template/mixins";
10 | @import "../template/settings";
11 | // ---------------------------------------------
12 |
13 |
14 |
15 | // Include theme-specific fonts
16 | @import url(../../lib/font/league-gothic/league-gothic.css);
17 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
18 |
19 |
20 | // Override theme settings (see ../template/settings.scss)
21 | $mainColor: #333;
22 | $headingColor: #333;
23 | $headingTextShadow: none;
24 | $backgroundColor: #f7f3de;
25 | $linkColor: #8b743d;
26 | $linkColorHover: lighten( $linkColor, 20% );
27 | $selectionBackgroundColor: rgba(79, 64, 28, 0.99);
28 | $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
29 |
30 | // Background generator
31 | @mixin bodyBackground() {
32 | @include radial-gradient( rgba(247,242,211,1), rgba(255,255,255,1) );
33 | }
34 |
35 |
36 |
37 | // Theme template ------------------------------
38 | @import "../template/theme";
39 | // ---------------------------------------------
--------------------------------------------------------------------------------
/slides/css/theme/source/black.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * Black theme for reveal.js. This is the opposite of the 'white' theme.
3 | *
4 | * Copyright (C) 2015 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(../../lib/font/source-sans-pro/source-sans-pro.css);
16 |
17 |
18 | // Override theme settings (see ../template/settings.scss)
19 | $backgroundColor: #222;
20 |
21 | $mainColor: #fff;
22 | $headingColor: #fff;
23 |
24 | $mainFontSize: 38px;
25 | $mainFont: 'Source Sans Pro', Helvetica, sans-serif;
26 | $headingFont: 'Source Sans Pro', Helvetica, sans-serif;
27 | $headingTextShadow: none;
28 | $headingLetterSpacing: normal;
29 | $headingTextTransform: uppercase;
30 | $headingFontWeight: 600;
31 | $linkColor: #42affa;
32 | $linkColorHover: lighten( $linkColor, 15% );
33 | $selectionBackgroundColor: lighten( $linkColor, 25% );
34 |
35 | $heading1Size: 2.5em;
36 | $heading2Size: 1.6em;
37 | $heading3Size: 1.3em;
38 | $heading4Size: 1.0em;
39 |
40 | section.has-light-background {
41 | &, h1, h2, h3, h4, h5, h6 {
42 | color: #222;
43 | }
44 | }
45 |
46 |
47 | // Theme template ------------------------------
48 | @import "../template/theme";
49 | // ---------------------------------------------
--------------------------------------------------------------------------------
/slides/css/theme/source/white.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * White theme for reveal.js. This is the opposite of the 'black' theme.
3 | *
4 | * Copyright (C) 2015 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(../../lib/font/source-sans-pro/source-sans-pro.css);
16 |
17 |
18 | // Override theme settings (see ../template/settings.scss)
19 | $backgroundColor: #fff;
20 |
21 | $mainColor: #222;
22 | $headingColor: #222;
23 |
24 | $mainFontSize: 38px;
25 | $mainFont: 'Source Sans Pro', Helvetica, sans-serif;
26 | $headingFont: 'Source Sans Pro', Helvetica, sans-serif;
27 | $headingTextShadow: none;
28 | $headingLetterSpacing: normal;
29 | $headingTextTransform: uppercase;
30 | $headingFontWeight: 600;
31 | $linkColor: #2a76dd;
32 | $linkColorHover: lighten( $linkColor, 15% );
33 | $selectionBackgroundColor: lighten( $linkColor, 25% );
34 |
35 | $heading1Size: 2.5em;
36 | $heading2Size: 1.6em;
37 | $heading3Size: 1.3em;
38 | $heading4Size: 1.0em;
39 |
40 | section.has-dark-background {
41 | &, h1, h2, h3, h4, h5, h6 {
42 | color: #fff;
43 | }
44 | }
45 |
46 |
47 | // Theme template ------------------------------
48 | @import "../template/theme";
49 | // ---------------------------------------------
--------------------------------------------------------------------------------
/slides/test/test-markdown.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | reveal.js - Test Markdown
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/slides/plugin/print-pdf/print-pdf.js:
--------------------------------------------------------------------------------
1 | /**
2 | * phantomjs script for printing presentations to PDF.
3 | *
4 | * Example:
5 | * phantomjs print-pdf.js "http://lab.hakim.se/reveal-js?print-pdf" reveal-demo.pdf
6 | *
7 | * By Manuel Bieh (https://github.com/manuelbieh)
8 | */
9 |
10 | // html2pdf.js
11 | var page = new WebPage();
12 | var system = require( 'system' );
13 |
14 | var slideWidth = system.args[3] ? system.args[3].split( 'x' )[0] : 960;
15 | var slideHeight = system.args[3] ? system.args[3].split( 'x' )[1] : 700;
16 |
17 | page.viewportSize = {
18 | width: slideWidth,
19 | height: slideHeight
20 | };
21 |
22 | // TODO
23 | // Something is wrong with these config values. An input
24 | // paper width of 1920px actually results in a 756px wide
25 | // PDF.
26 | page.paperSize = {
27 | width: Math.round( slideWidth * 2 ),
28 | height: Math.round( slideHeight * 2 ),
29 | border: 0
30 | };
31 |
32 | var inputFile = system.args[1] || 'index.html?print-pdf';
33 | var outputFile = system.args[2] || 'slides.pdf';
34 |
35 | if( outputFile.match( /\.pdf$/gi ) === null ) {
36 | outputFile += '.pdf';
37 | }
38 |
39 | console.log( 'Printing PDF (Paper size: '+ page.paperSize.width + 'x' + page.paperSize.height +')' );
40 |
41 | page.open( inputFile, function( status ) {
42 | window.setTimeout( function() {
43 | console.log( 'Printed succesfully' );
44 | page.render( outputFile );
45 | phantom.exit();
46 | }, 1000 );
47 | } );
48 |
49 |
--------------------------------------------------------------------------------
/slides/css/theme/source/moon.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * Solarized Dark theme for reveal.js.
3 | * Author: Achim Staebler
4 | */
5 |
6 |
7 | // Default mixins and settings -----------------
8 | @import "../template/mixins";
9 | @import "../template/settings";
10 | // ---------------------------------------------
11 |
12 |
13 |
14 | // Include theme-specific fonts
15 | @import url(../../lib/font/league-gothic/league-gothic.css);
16 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
17 |
18 | /**
19 | * Solarized colors by Ethan Schoonover
20 | */
21 | html * {
22 | color-profile: sRGB;
23 | rendering-intent: auto;
24 | }
25 |
26 | // Solarized colors
27 | $base03: #002b36;
28 | $base02: #073642;
29 | $base01: #586e75;
30 | $base00: #657b83;
31 | $base0: #839496;
32 | $base1: #93a1a1;
33 | $base2: #eee8d5;
34 | $base3: #fdf6e3;
35 | $yellow: #b58900;
36 | $orange: #cb4b16;
37 | $red: #dc322f;
38 | $magenta: #d33682;
39 | $violet: #6c71c4;
40 | $blue: #268bd2;
41 | $cyan: #2aa198;
42 | $green: #859900;
43 |
44 | // Override theme settings (see ../template/settings.scss)
45 | $mainColor: $base1;
46 | $headingColor: $base2;
47 | $headingTextShadow: none;
48 | $backgroundColor: $base03;
49 | $linkColor: $blue;
50 | $linkColorHover: lighten( $linkColor, 20% );
51 | $selectionBackgroundColor: $magenta;
52 |
53 |
54 |
55 | // Theme template ------------------------------
56 | @import "../template/theme";
57 | // ---------------------------------------------
58 |
--------------------------------------------------------------------------------
/slides/lib/js/classList.js:
--------------------------------------------------------------------------------
1 | /*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js*/
2 | if(typeof document!=="undefined"&&!("classList" in document.createElement("a"))){(function(j){var a="classList",f="prototype",m=(j.HTMLElement||j.Element)[f],b=Object,k=String[f].trim||function(){return this.replace(/^\s+|\s+$/g,"")},c=Array[f].indexOf||function(q){var p=0,o=this.length;for(;p
2 |
3 |
4 |
5 |
6 |
7 | reveal.js - Test PDF exports
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 | 1
25 |
26 |
27 |
28 |
39 |
40 |
41 |
42 | 3.1
43 |
44 | 4.1
45 | 4.2
46 | 4.3
47 |
48 |
49 |
50 |
57 |
58 |
59 | 3.3
60 |
61 | 3.3.1
62 | 3.3.2
63 | 3.3.3
64 |
65 |
66 |
67 |
68 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
--------------------------------------------------------------------------------
/slides/test/test.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | reveal.js - Tests
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 | 1
24 |
25 |
26 |
27 |
38 |
39 |
40 |
41 | 3.1
42 |
43 | 4.1
44 | 4.2
45 | 4.3
46 |
47 |
48 |
49 |
56 |
57 |
58 | 3.3
59 |
60 | 3.3.1
61 | 3.3.2
62 | 3.3.3
63 |
64 |
65 |
66 |
67 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
--------------------------------------------------------------------------------
/logo-new-colours.svg:
--------------------------------------------------------------------------------
1 |
2 | Web Platform Specs Logo
3 |
4 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/slides/css/theme/source/blood.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * Blood theme for reveal.js
3 | * Author: Walther http://github.com/Walther
4 | *
5 | * Designed to be used with highlight.js theme
6 | * "monokai_sublime.css" available from
7 | * https://github.com/isagalaev/highlight.js/
8 | *
9 | * For other themes, change $codeBackground accordingly.
10 | *
11 | */
12 |
13 | // Default mixins and settings -----------------
14 | @import "../template/mixins";
15 | @import "../template/settings";
16 | // ---------------------------------------------
17 |
18 | // Include theme-specific fonts
19 |
20 | @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
21 |
22 | // Colors used in the theme
23 | $blood: #a23;
24 | $coal: #222;
25 | $codeBackground: #23241f;
26 |
27 | // Main text
28 | $mainFont: Ubuntu, 'sans-serif';
29 | $mainFontSize: 36px;
30 | $mainColor: #eee;
31 |
32 | // Headings
33 | $headingFont: Ubuntu, 'sans-serif';
34 | $headingTextShadow: 2px 2px 2px $coal;
35 |
36 | // h1 shadow, borrowed humbly from
37 | // (c) Default theme by Hakim El Hattab
38 | $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
39 |
40 | // Links
41 | $linkColor: $blood;
42 | $linkColorHover: lighten( $linkColor, 20% );
43 |
44 | // Text selection
45 | $selectionBackgroundColor: $blood;
46 | $selectionColor: #fff;
47 |
48 | // Background generator
49 | @mixin bodyBackground() {
50 | @include radial-gradient( $coal, lighten( $coal, 25% ) );
51 | }
52 |
53 | // Theme template ------------------------------
54 | @import "../template/theme";
55 | // ---------------------------------------------
56 |
57 | // some overrides after theme template import
58 |
59 | .reveal p {
60 | font-weight: 300;
61 | text-shadow: 1px 1px $coal;
62 | }
63 |
64 | .reveal h1,
65 | .reveal h2,
66 | .reveal h3,
67 | .reveal h4,
68 | .reveal h5,
69 | .reveal h6 {
70 | font-weight: 700;
71 | }
72 |
73 | .reveal a,
74 | .reveal a:hover {
75 | text-shadow: 2px 2px 2px #000;
76 | }
77 |
78 | .reveal small a,
79 | .reveal small a:hover {
80 | text-shadow: 1px 1px 1px #000;
81 | }
82 |
83 | .reveal p code {
84 | background-color: $codeBackground;
85 | display: inline-block;
86 | border-radius: 7px;
87 | }
88 |
89 | .reveal small code {
90 | vertical-align: baseline;
91 | }
--------------------------------------------------------------------------------
/slides/lib/css/zenburn.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Zenburn style from voldmar.ru (c) Vladimir Epifanov
4 | based on dark.css by Ivan Sagalaev
5 |
6 | */
7 |
8 | .hljs {
9 | display: block; padding: 0.5em;
10 | background: #3F3F3F;
11 | color: #DCDCDC;
12 | }
13 |
14 | .hljs-keyword,
15 | .hljs-tag,
16 | .css .hljs-class,
17 | .css .hljs-id,
18 | .lisp .hljs-title,
19 | .nginx .hljs-title,
20 | .hljs-request,
21 | .hljs-status,
22 | .clojure .hljs-attribute {
23 | color: #E3CEAB;
24 | }
25 |
26 | .django .hljs-template_tag,
27 | .django .hljs-variable,
28 | .django .hljs-filter .hljs-argument {
29 | color: #DCDCDC;
30 | }
31 |
32 | .hljs-number,
33 | .hljs-date {
34 | color: #8CD0D3;
35 | }
36 |
37 | .dos .hljs-envvar,
38 | .dos .hljs-stream,
39 | .hljs-variable,
40 | .apache .hljs-sqbracket {
41 | color: #EFDCBC;
42 | }
43 |
44 | .dos .hljs-flow,
45 | .diff .hljs-change,
46 | .python .exception,
47 | .python .hljs-built_in,
48 | .hljs-literal,
49 | .tex .hljs-special {
50 | color: #EFEFAF;
51 | }
52 |
53 | .diff .hljs-chunk,
54 | .hljs-subst {
55 | color: #8F8F8F;
56 | }
57 |
58 | .dos .hljs-keyword,
59 | .python .hljs-decorator,
60 | .hljs-title,
61 | .haskell .hljs-type,
62 | .diff .hljs-header,
63 | .ruby .hljs-class .hljs-parent,
64 | .apache .hljs-tag,
65 | .nginx .hljs-built_in,
66 | .tex .hljs-command,
67 | .hljs-prompt {
68 | color: #efef8f;
69 | }
70 |
71 | .dos .hljs-winutils,
72 | .ruby .hljs-symbol,
73 | .ruby .hljs-symbol .hljs-string,
74 | .ruby .hljs-string {
75 | color: #DCA3A3;
76 | }
77 |
78 | .diff .hljs-deletion,
79 | .hljs-string,
80 | .hljs-tag .hljs-value,
81 | .hljs-preprocessor,
82 | .hljs-pragma,
83 | .hljs-built_in,
84 | .sql .hljs-aggregate,
85 | .hljs-javadoc,
86 | .smalltalk .hljs-class,
87 | .smalltalk .hljs-localvars,
88 | .smalltalk .hljs-array,
89 | .css .hljs-rules .hljs-value,
90 | .hljs-attr_selector,
91 | .hljs-pseudo,
92 | .apache .hljs-cbracket,
93 | .tex .hljs-formula,
94 | .coffeescript .hljs-attribute {
95 | color: #CC9393;
96 | }
97 |
98 | .hljs-shebang,
99 | .diff .hljs-addition,
100 | .hljs-comment,
101 | .java .hljs-annotation,
102 | .hljs-template_comment,
103 | .hljs-pi,
104 | .hljs-doctype {
105 | color: #7F9F7F;
106 | }
107 |
108 | .coffeescript .javascript,
109 | .javascript .xml,
110 | .tex .hljs-formula,
111 | .xml .javascript,
112 | .xml .vbscript,
113 | .xml .css,
114 | .xml .hljs-cdata {
115 | opacity: 0.5;
116 | }
117 |
118 |
--------------------------------------------------------------------------------
/slides/test/test-markdown-element-attributes.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | Reveal.addEventListener( 'ready', function() {
4 |
5 | QUnit.module( 'Markdown' );
6 |
7 | test( 'Vertical separator', function() {
8 | strictEqual( document.querySelectorAll( '.reveal .slides>section>section' ).length, 4, 'found four slides' );
9 | });
10 |
11 |
12 | test( 'Attributes on element header in vertical slides', function() {
13 | strictEqual( document.querySelectorAll( '.reveal .slides section>section h2.fragment.fade-out' ).length, 1, 'found one vertical slide with class fragment.fade-out on header' );
14 | strictEqual( document.querySelectorAll( '.reveal .slides section>section h2.fragment.shrink' ).length, 1, 'found one vertical slide with class fragment.shrink on header' );
15 | });
16 |
17 | test( 'Attributes on element paragraphs in vertical slides', function() {
18 | strictEqual( document.querySelectorAll( '.reveal .slides section>section p.fragment.grow' ).length, 2, 'found a vertical slide with two paragraphs with class fragment.grow' );
19 | });
20 |
21 | test( 'Attributes on element list items in vertical slides', function() {
22 | strictEqual( document.querySelectorAll( '.reveal .slides section>section li.fragment.roll-in' ).length, 3, 'found a vertical slide with three list items with class fragment.roll-in' );
23 | });
24 |
25 | test( 'Attributes on element paragraphs in horizontal slides', function() {
26 | strictEqual( document.querySelectorAll( '.reveal .slides section p.fragment.highlight-red' ).length, 4, 'found a horizontal slide with four paragraphs with class fragment.grow' );
27 | });
28 | test( 'Attributes on element list items in horizontal slides', function() {
29 | strictEqual( document.querySelectorAll( '.reveal .slides section li.fragment.highlight-green' ).length, 5, 'found a horizontal slide with five list items with class fragment.roll-in' );
30 | });
31 | test( 'Attributes on element list items in horizontal slides', function() {
32 | strictEqual( document.querySelectorAll( '.reveal .slides section img.reveal.stretch' ).length, 1, 'found a horizontal slide with stretched image, class img.reveal.stretch' );
33 | });
34 |
35 | test( 'Attributes on elements in vertical slides with default element attribute separator', function() {
36 | strictEqual( document.querySelectorAll( '.reveal .slides section h2.fragment.highlight-red' ).length, 2, 'found two h2 titles with fragment highlight-red in vertical slides with default element attribute separator' );
37 | });
38 |
39 | test( 'Attributes on elements in single slides with default element attribute separator', function() {
40 | strictEqual( document.querySelectorAll( '.reveal .slides section p.fragment.highlight-blue' ).length, 3, 'found three elements with fragment highlight-blue in single slide with default element attribute separator' );
41 | });
42 |
43 | } );
44 |
45 | Reveal.initialize();
46 |
47 |
--------------------------------------------------------------------------------
/slides/lib/js/head.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | Head JS The only script in your
3 | Copyright Tero Piirainen (tipiirai)
4 | License MIT / http://bit.ly/mit-license
5 | Version 0.96
6 |
7 | http://headjs.com
8 | */(function(a){function z(){d||(d=!0,s(e,function(a){p(a)}))}function y(c,d){var e=a.createElement("script");e.type="text/"+(c.type||"javascript"),e.src=c.src||c,e.async=!1,e.onreadystatechange=e.onload=function(){var a=e.readyState;!d.done&&(!a||/loaded|complete/.test(a))&&(d.done=!0,d())},(a.body||b).appendChild(e)}function x(a,b){if(a.state==o)return b&&b();if(a.state==n)return k.ready(a.name,b);if(a.state==m)return a.onpreload.push(function(){x(a,b)});a.state=n,y(a.url,function(){a.state=o,b&&b(),s(g[a.name],function(a){p(a)}),u()&&d&&s(g.ALL,function(a){p(a)})})}function w(a,b){a.state===undefined&&(a.state=m,a.onpreload=[],y({src:a.url,type:"cache"},function(){v(a)}))}function v(a){a.state=l,s(a.onpreload,function(a){a.call()})}function u(a){a=a||h;var b;for(var c in a){if(a.hasOwnProperty(c)&&a[c].state!=o)return!1;b=!0}return b}function t(a){return Object.prototype.toString.call(a)=="[object Function]"}function s(a,b){if(!!a){typeof a=="object"&&(a=[].slice.call(a));for(var c=0;csection>section' ).length, 6, 'found six vertical slides' );
9 | });
10 |
11 | test( 'Id on slide', function() {
12 | strictEqual( document.querySelectorAll( '.reveal .slides>section>section#slide2' ).length, 1, 'found one slide with id slide2' );
13 | strictEqual( document.querySelectorAll( '.reveal .slides>section>section a[href="#/slide2"]' ).length, 1, 'found one slide with a link to slide2' );
14 | });
15 |
16 | test( 'data-background attributes', function() {
17 | strictEqual( document.querySelectorAll( '.reveal .slides>section>section[data-background="#A0C66B"]' ).length, 1, 'found one vertical slide with data-background="#A0C66B"' );
18 | strictEqual( document.querySelectorAll( '.reveal .slides>section>section[data-background="#ff0000"]' ).length, 1, 'found one vertical slide with data-background="#ff0000"' );
19 | strictEqual( document.querySelectorAll( '.reveal .slides>section[data-background="#C6916B"]' ).length, 1, 'found one slide with data-background="#C6916B"' );
20 | });
21 |
22 | test( 'data-transition attributes', function() {
23 | strictEqual( document.querySelectorAll( '.reveal .slides>section>section[data-transition="zoom"]' ).length, 1, 'found one vertical slide with data-transition="zoom"' );
24 | strictEqual( document.querySelectorAll( '.reveal .slides>section>section[data-transition="fade"]' ).length, 1, 'found one vertical slide with data-transition="fade"' );
25 | strictEqual( document.querySelectorAll( '.reveal .slides section [data-transition="zoom"]' ).length, 1, 'found one slide with data-transition="zoom"' );
26 | });
27 |
28 | test( 'data-background attributes with default separator', function() {
29 | strictEqual( document.querySelectorAll( '.reveal .slides>section>section[data-background="#A7C66B"]' ).length, 1, 'found one vertical slide with data-background="#A0C66B"' );
30 | strictEqual( document.querySelectorAll( '.reveal .slides>section>section[data-background="#f70000"]' ).length, 1, 'found one vertical slide with data-background="#ff0000"' );
31 | strictEqual( document.querySelectorAll( '.reveal .slides>section[data-background="#C7916B"]' ).length, 1, 'found one slide with data-background="#C6916B"' );
32 | });
33 |
34 | test( 'data-transition attributes with default separator', function() {
35 | strictEqual( document.querySelectorAll( '.reveal .slides>section>section[data-transition="concave"]' ).length, 1, 'found one vertical slide with data-transition="zoom"' );
36 | strictEqual( document.querySelectorAll( '.reveal .slides>section>section[data-transition="page"]' ).length, 1, 'found one vertical slide with data-transition="fade"' );
37 | strictEqual( document.querySelectorAll( '.reveal .slides section [data-transition="concave"]' ).length, 1, 'found one slide with data-transition="zoom"' );
38 | });
39 |
40 | test( 'data-transition attributes with inline content', function() {
41 | strictEqual( document.querySelectorAll( '.reveal .slides>section[data-background="#ff0000"]' ).length, 3, 'found three horizontal slides with data-background="#ff0000"' );
42 | });
43 |
44 | } );
45 |
46 | Reveal.initialize();
47 |
48 |
--------------------------------------------------------------------------------
/slides/test/test-markdown-slide-attributes.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | reveal.js - Test Markdown Attributes
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
57 |
58 |
89 |
90 |
96 |
97 |
103 |
104 |
114 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
--------------------------------------------------------------------------------
/slides/test/test-markdown-element-attributes.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | reveal.js - Test Markdown Element Attributes
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
74 |
75 |
76 |
77 |
91 |
92 |
99 |
100 |
109 |
110 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
--------------------------------------------------------------------------------
/slides/css/print/pdf.css:
--------------------------------------------------------------------------------
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 |
14 | * {
15 | -webkit-print-color-adjust: exact;
16 | }
17 |
18 | body {
19 | margin: 0 auto !important;
20 | border: 0;
21 | padding: 0;
22 | float: none !important;
23 | overflow: visible;
24 | }
25 |
26 | html {
27 | width: 100%;
28 | height: 100%;
29 | overflow: visible;
30 | }
31 |
32 | /* SECTION 2: Remove any elements not needed in print.
33 | This would include navigation, ads, sidebars, etc. */
34 | .nestedarrow,
35 | .reveal .controls,
36 | .reveal .progress,
37 | .reveal .slide-number,
38 | .reveal .playback,
39 | .reveal.overview,
40 | .fork-reveal,
41 | .share-reveal,
42 | .state-background {
43 | display: none !important;
44 | }
45 |
46 | /* SECTION 3: Set body font face, size, and color.
47 | Consider using a serif font for readability. */
48 | body, p, td, li, div {
49 |
50 | }
51 |
52 | /* SECTION 4: Set heading font face, sizes, and color.
53 | Differentiate your headings from your body text.
54 | Perhaps use a large sans-serif for distinction. */
55 | h1,h2,h3,h4,h5,h6 {
56 | text-shadow: 0 0 0 #000 !important;
57 | }
58 |
59 | .reveal pre code {
60 | overflow: hidden !important;
61 | font-family: Courier, 'Courier New', monospace !important;
62 | }
63 |
64 |
65 | /* SECTION 5: more reveal.js specific additions by @skypanther */
66 | ul, ol, div, p {
67 | visibility: visible;
68 | position: static;
69 | width: auto;
70 | height: auto;
71 | display: block;
72 | overflow: visible;
73 | margin: auto;
74 | }
75 | .reveal {
76 | width: auto !important;
77 | height: auto !important;
78 | overflow: hidden !important;
79 | }
80 | .reveal .slides {
81 | position: static;
82 | width: 100%;
83 | height: auto;
84 |
85 | left: auto;
86 | top: auto;
87 | margin: 0 !important;
88 | padding: 0 !important;
89 |
90 | overflow: visible;
91 | display: block;
92 |
93 | -webkit-perspective: none;
94 | -moz-perspective: none;
95 | -ms-perspective: none;
96 | perspective: none;
97 |
98 | -webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
99 | -moz-perspective-origin: 50% 50%;
100 | -ms-perspective-origin: 50% 50%;
101 | perspective-origin: 50% 50%;
102 | }
103 | .reveal .slides section {
104 | page-break-after: always !important;
105 |
106 | visibility: visible !important;
107 | position: relative !important;
108 | display: block !important;
109 | position: relative !important;
110 |
111 | margin: 0 !important;
112 | padding: 0 !important;
113 | box-sizing: border-box !important;
114 | min-height: 1px;
115 |
116 | opacity: 1 !important;
117 |
118 | -webkit-transform-style: flat !important;
119 | -moz-transform-style: flat !important;
120 | -ms-transform-style: flat !important;
121 | transform-style: flat !important;
122 |
123 | -webkit-transform: none !important;
124 | -moz-transform: none !important;
125 | -ms-transform: none !important;
126 | transform: none !important;
127 | }
128 | .reveal section.stack {
129 | margin: 0 !important;
130 | padding: 0 !important;
131 | page-break-after: avoid !important;
132 | height: auto !important;
133 | min-height: auto !important;
134 | }
135 | .reveal img {
136 | box-shadow: none;
137 | }
138 | .reveal .roll {
139 | overflow: visible;
140 | line-height: 1em;
141 | }
142 |
143 | /* Slide backgrounds are placed inside of their slide when exporting to PDF */
144 | .reveal section .slide-background {
145 | display: block !important;
146 | position: absolute;
147 | top: 0;
148 | left: 0;
149 | width: 100%;
150 | z-index: -1;
151 | }
152 | /* All elements should be above the slide-background */
153 | .reveal section>* {
154 | position: relative;
155 | z-index: 1;
156 | }
157 |
158 |
--------------------------------------------------------------------------------
/slides/plugin/notes/notes.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Handles opening of and synchronization with the reveal.js
3 | * notes window.
4 | *
5 | * Handshake process:
6 | * 1. This window posts 'connect' to notes window
7 | * - Includes URL of presentation to show
8 | * 2. Notes window responds with 'connected' when it is available
9 | * 3. This window proceeds to send the current presentation state
10 | * to the notes window
11 | */
12 | var RevealNotes = (function() {
13 |
14 | function openNotes() {
15 | var jsFileLocation = document.querySelector('script[src$="notes.js"]').src; // this js file path
16 | jsFileLocation = jsFileLocation.replace(/notes\.js(\?.*)?$/, ''); // the js folder path
17 | var notesPopup = window.open( jsFileLocation + 'notes.html', 'reveal.js - Notes', 'width=1100,height=700' );
18 |
19 | /**
20 | * Connect to the notes window through a postmessage handshake.
21 | * Using postmessage enables us to work in situations where the
22 | * origins differ, such as a presentation being opened from the
23 | * file system.
24 | */
25 | function connect() {
26 | // Keep trying to connect until we get a 'connected' message back
27 | var connectInterval = setInterval( function() {
28 | notesPopup.postMessage( JSON.stringify( {
29 | namespace: 'reveal-notes',
30 | type: 'connect',
31 | url: window.location.protocol + '//' + window.location.host + window.location.pathname,
32 | state: Reveal.getState()
33 | } ), '*' );
34 | }, 500 );
35 |
36 | window.addEventListener( 'message', function( event ) {
37 | var data = JSON.parse( event.data );
38 | if( data && data.namespace === 'reveal-notes' && data.type === 'connected' ) {
39 | clearInterval( connectInterval );
40 | onConnected();
41 | }
42 | } );
43 | }
44 |
45 | /**
46 | * Posts the current slide data to the notes window
47 | */
48 | function post() {
49 |
50 | var slideElement = Reveal.getCurrentSlide(),
51 | notesElement = slideElement.querySelector( 'aside.notes' );
52 |
53 | var messageData = {
54 | namespace: 'reveal-notes',
55 | type: 'state',
56 | notes: '',
57 | markdown: false,
58 | state: Reveal.getState()
59 | };
60 |
61 | // Look for notes defined in a slide attribute
62 | if( slideElement.hasAttribute( 'data-notes' ) ) {
63 | messageData.notes = slideElement.getAttribute( 'data-notes' );
64 | }
65 |
66 | // Look for notes defined in an aside element
67 | if( notesElement ) {
68 | messageData.notes = notesElement.innerHTML;
69 | messageData.markdown = typeof notesElement.getAttribute( 'data-markdown' ) === 'string';
70 | }
71 |
72 | notesPopup.postMessage( JSON.stringify( messageData ), '*' );
73 |
74 | }
75 |
76 | /**
77 | * Called once we have established a connection to the notes
78 | * window.
79 | */
80 | function onConnected() {
81 |
82 | // Monitor events that trigger a change in state
83 | Reveal.addEventListener( 'slidechanged', post );
84 | Reveal.addEventListener( 'fragmentshown', post );
85 | Reveal.addEventListener( 'fragmenthidden', post );
86 | Reveal.addEventListener( 'overviewhidden', post );
87 | Reveal.addEventListener( 'overviewshown', post );
88 | Reveal.addEventListener( 'paused', post );
89 | Reveal.addEventListener( 'resumed', post );
90 |
91 | // Post the initial state
92 | post();
93 |
94 | }
95 |
96 | connect();
97 | }
98 |
99 | if( !/receiver/i.test( window.location.search ) ) {
100 |
101 | // If the there's a 'notes' query set, open directly
102 | if( window.location.search.match( /(\?|\&)notes/gi ) !== null ) {
103 | openNotes();
104 | }
105 |
106 | // Open the notes when the 's' key is hit
107 | document.addEventListener( 'keydown', function( event ) {
108 | // Disregard the event if the target is editable or a
109 | // modifier is present
110 | if ( document.querySelector( ':focus' ) !== null || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey ) return;
111 |
112 | if( event.keyCode === 83 ) {
113 | event.preventDefault();
114 | openNotes();
115 | }
116 | }, false );
117 |
118 | }
119 |
120 | return { open: openNotes };
121 |
122 | })();
123 |
--------------------------------------------------------------------------------
/slides/lib/font/source-sans-pro/LICENSE:
--------------------------------------------------------------------------------
1 | SIL Open Font License
2 |
3 | Copyright 2010, 2012 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name ‘Source’. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries.
4 |
5 | This Font Software is licensed under the SIL Open Font License, Version 1.1.
6 | This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
7 |
8 | —————————————————————————————-
9 | SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10 | —————————————————————————————-
11 |
12 | PREAMBLE
13 | The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.
14 |
15 | The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
16 |
17 | DEFINITIONS
18 | “Font Software” refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation.
19 |
20 | “Reserved Font Name” refers to any names specified as such after the copyright statement(s).
21 |
22 | “Original Version” refers to the collection of Font Software components as distributed by the Copyright Holder(s).
23 |
24 | “Modified Version” refers to any derivative made by adding to, deleting, or substituting—in part or in whole—any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment.
25 |
26 | “Author” refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software.
27 |
28 | PERMISSION & CONDITIONS
29 | Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions:
30 |
31 | 1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself.
32 |
33 | 2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user.
34 |
35 | 3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users.
36 |
37 | 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission.
38 |
39 | 5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software.
40 |
41 | TERMINATION
42 | This license becomes null and void if any of the above conditions are not met.
43 |
44 | DISCLAIMER
45 | THE FONT SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
--------------------------------------------------------------------------------
/slides/test/examples/slide-backgrounds.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | reveal.js - Slide Backgrounds
8 |
9 |
10 |
11 |
12 |
13 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 | data-background: #00ffff
33 |
34 |
35 |
36 | data-background: #bb00bb
37 |
38 |
39 |
40 | data-background: lightblue
41 |
42 |
43 |
44 |
45 | data-background: #ff0000
46 |
47 |
48 | data-background: rgba(0, 0, 0, 0.2)
49 |
50 |
51 | data-background: salmon
52 |
53 |
54 |
55 |
56 |
57 | Background applied to stack
58 |
59 |
60 | Background applied to stack
61 |
62 |
63 | Background applied to slide inside of stack
64 |
65 |
66 |
67 |
68 | Background image
69 |
70 |
71 |
72 |
73 | Background image
74 |
75 |
76 | Background image
77 |
78 |
79 |
80 |
81 | Background image
82 | data-background-size="100px" data-background-repeat="repeat" data-background-color="#111"
83 |
84 |
85 |
86 | Same background twice (1/2)
87 |
88 |
89 | Same background twice (2/2)
90 |
91 |
92 |
93 | Video background
94 |
95 |
96 |
97 | Iframe background
98 |
99 |
100 |
101 |
102 | Same background twice vertical (1/2)
103 |
104 |
105 | Same background twice vertical (2/2)
106 |
107 |
108 |
109 |
110 | Same background from horizontal to vertical (1/3)
111 |
112 |
113 |
114 | Same background from horizontal to vertical (2/3)
115 |
116 |
117 | Same background from horizontal to vertical (3/3)
118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
142 |
143 |
144 |
145 |
--------------------------------------------------------------------------------
/slides/Gruntfile.js:
--------------------------------------------------------------------------------
1 | /* global module:false */
2 | module.exports = function(grunt) {
3 | var port = grunt.option('port') || 8000;
4 | // Project configuration
5 | grunt.initConfig({
6 | pkg: grunt.file.readJSON('package.json'),
7 | meta: {
8 | banner:
9 | '/*!\n' +
10 | ' * reveal.js <%= pkg.version %> (<%= grunt.template.today("yyyy-mm-dd, HH:MM") %>)\n' +
11 | ' * http://lab.hakim.se/reveal-js\n' +
12 | ' * MIT licensed\n' +
13 | ' *\n' +
14 | ' * Copyright (C) 2015 Hakim El Hattab, http://hakim.se\n' +
15 | ' */'
16 | },
17 |
18 | qunit: {
19 | files: [ 'test/*.html' ]
20 | },
21 |
22 | uglify: {
23 | options: {
24 | banner: '<%= meta.banner %>\n'
25 | },
26 | build: {
27 | src: 'js/reveal.js',
28 | dest: 'js/reveal.min.js'
29 | }
30 | },
31 |
32 | sass: {
33 | core: {
34 | files: {
35 | 'css/reveal.css': 'css/reveal.scss',
36 | }
37 | },
38 | themes: {
39 | files: {
40 | 'css/theme/black.css': 'css/theme/source/black.scss',
41 | 'css/theme/white.css': 'css/theme/source/white.scss',
42 | 'css/theme/league.css': 'css/theme/source/league.scss',
43 | 'css/theme/beige.css': 'css/theme/source/beige.scss',
44 | 'css/theme/night.css': 'css/theme/source/night.scss',
45 | 'css/theme/serif.css': 'css/theme/source/serif.scss',
46 | 'css/theme/simple.css': 'css/theme/source/simple.scss',
47 | 'css/theme/sky.css': 'css/theme/source/sky.scss',
48 | 'css/theme/moon.css': 'css/theme/source/moon.scss',
49 | 'css/theme/solarized.css': 'css/theme/source/solarized.scss',
50 | 'css/theme/blood.css': 'css/theme/source/blood.scss',
51 | 'css/theme/robin.css': 'css/theme/source/robin.scss'
52 | }
53 | }
54 | },
55 |
56 | autoprefixer: {
57 | dist: {
58 | src: 'css/reveal.css'
59 | }
60 | },
61 |
62 | cssmin: {
63 | compress: {
64 | files: {
65 | 'css/reveal.min.css': [ 'css/reveal.css' ]
66 | }
67 | }
68 | },
69 |
70 | jshint: {
71 | options: {
72 | curly: false,
73 | eqeqeq: true,
74 | immed: true,
75 | latedef: true,
76 | newcap: true,
77 | noarg: true,
78 | sub: true,
79 | undef: true,
80 | eqnull: true,
81 | browser: true,
82 | expr: true,
83 | globals: {
84 | head: false,
85 | module: false,
86 | console: false,
87 | unescape: false,
88 | define: false,
89 | exports: false
90 | }
91 | },
92 | files: [ 'Gruntfile.js', 'js/reveal.js' ]
93 | },
94 |
95 | connect: {
96 | server: {
97 | options: {
98 | port: port,
99 | base: '.',
100 | livereload: true,
101 | open: true
102 | }
103 | }
104 | },
105 |
106 | zip: {
107 | 'reveal-js-presentation.zip': [
108 | 'index.html',
109 | 'css/**',
110 | 'js/**',
111 | 'lib/**',
112 | 'images/**',
113 | 'plugin/**'
114 | ]
115 | },
116 |
117 | watch: {
118 | options: {
119 | livereload: true
120 | },
121 | js: {
122 | files: [ 'Gruntfile.js', 'js/reveal.js' ],
123 | tasks: 'js'
124 | },
125 | theme: {
126 | files: [ 'css/theme/source/*.scss', 'css/theme/template/*.scss' ],
127 | tasks: 'css-themes'
128 | },
129 | css: {
130 | files: [ 'css/reveal.scss' ],
131 | tasks: 'css-core'
132 | },
133 | html: {
134 | files: [ 'index.html']
135 | }
136 | }
137 |
138 | });
139 |
140 | // Dependencies
141 | grunt.loadNpmTasks( 'grunt-contrib-qunit' );
142 | grunt.loadNpmTasks( 'grunt-contrib-jshint' );
143 | grunt.loadNpmTasks( 'grunt-contrib-cssmin' );
144 | grunt.loadNpmTasks( 'grunt-contrib-uglify' );
145 | grunt.loadNpmTasks( 'grunt-contrib-watch' );
146 | grunt.loadNpmTasks( 'grunt-sass' );
147 | grunt.loadNpmTasks( 'grunt-contrib-connect' );
148 | grunt.loadNpmTasks( 'grunt-autoprefixer' );
149 | grunt.loadNpmTasks( 'grunt-zip' );
150 |
151 | // Default task
152 | grunt.registerTask( 'default', [ 'css', 'js' ] );
153 |
154 | // JS task
155 | grunt.registerTask( 'js', [ 'jshint', 'uglify', 'qunit' ] );
156 |
157 | // Theme CSS
158 | grunt.registerTask( 'css-themes', [ 'sass:themes' ] );
159 |
160 | // Core framework CSS
161 | grunt.registerTask( 'css-core', [ 'sass:core', 'autoprefixer', 'cssmin' ] );
162 |
163 | // All CSS
164 | grunt.registerTask( 'css', [ 'sass', 'autoprefixer', 'cssmin' ] );
165 |
166 | // Package presentation to archive
167 | grunt.registerTask( 'package', [ 'default', 'zip' ] );
168 |
169 | // Serve presentation locally
170 | grunt.registerTask( 'serve', [ 'connect', 'watch' ] );
171 |
172 | // Run tests
173 | grunt.registerTask( 'test', [ 'jshint', 'qunit' ] );
174 |
175 | };
176 |
--------------------------------------------------------------------------------
/slides/plugin/markdown/example.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | reveal.js - Markdown Demo
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
37 |
38 |
39 |
55 |
56 |
57 |
70 |
71 |
72 |
78 |
79 |
80 |
87 |
88 |
89 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
127 |
128 |
129 |
130 |
--------------------------------------------------------------------------------
/css/release-the-kraken.css:
--------------------------------------------------------------------------------
1 |
2 | /* Fonts: Raleway */
3 | @font-face {
4 | font-family: "Raleway";
5 | src: url("../fonts/raleway-thin-webfont.eot");
6 | src: url("../fonts/raleway-thin-webfont.eot?#iefix") format("embedded-opentype"),
7 | url("../fonts/raleway-thin-webfont.woff") format("woff"),
8 | url("../fonts/raleway-thin-webfont.ttf") format("truetype");
9 | font-weight: 100;
10 | font-style: normal;
11 | }
12 |
13 | /* Fonts: Merriweather */
14 | @font-face {
15 | font-family: "Merriweather";
16 | src: url("../fonts/merriweather-light-webfont.eot");
17 | src: url("../fonts/merriweather-light-webfont.eot?#iefix") format("embedded-opentype"),
18 | url("../fonts/merriweather-light-webfont.woff") format("woff"),
19 | url("../fonts/merriweather-light-webfont.ttf") format("truetype");
20 | font-weight: normal;
21 | font-style: normal;
22 | }
23 | @font-face {
24 | font-family: "Merriweather";
25 | src: url("../fonts/merriweather-bold-webfont.eot");
26 | src: url("../fonts/merriweather-bold-webfont.eot?#iefix") format("embedded-opentype"),
27 | url("../fonts/merriweather-bold-webfont.woff") format("woff"),
28 | url("../fonts/merriweather-bold-webfont.ttf") format("truetype");
29 | font-weight: bold;
30 | font-style: normal;
31 | }
32 | @font-face {
33 | font-family: "Merriweather";
34 | src: url("../fonts/merriweather-bolditalic-webfont.eot");
35 | src: url("../fonts/merriweather-bolditalic-webfont.eot?#iefix") format("embedded-opentype"),
36 | url("../fonts/merriweather-bolditalic-webfont.woff") format("woff"),
37 | url("../fonts/merriweather-bolditalic-webfont.ttf") format("truetype");
38 | font-weight: bold;
39 | font-style: italic;
40 | }
41 | @font-face {
42 | font-family: "Merriweather";
43 | src: url("../fonts/merriweather-lightitalic-webfont.eot");
44 | src: url("../fonts/merriweather-lightitalic-webfont.eot?#iefix") format("embedded-opentype"),
45 | url("../fonts/merriweather-lightitalic-webfont.woff") format("woff"),
46 | url("../fonts/merriweather-lightitalic-webfont.ttf") format("truetype");
47 | font-weight: normal;
48 | font-style: italic;
49 | }
50 |
51 | /* Font Settings */
52 | body {
53 | font-family: Merriweather, serif;
54 | color: #333;
55 | }
56 | h1, h2, footer {
57 | font-family: Raleway, sans-serif;
58 | }
59 |
60 |
61 | /* Structure */
62 | html, body {
63 | margin: 0;
64 | padding: 0;
65 | }
66 | header, nav, div.content, footer {
67 | max-width: 50em;
68 | margin: auto;
69 | padding: 10px;
70 | display: block;
71 | }
72 | p, li, dd, dt {
73 | line-height: 1.8;
74 | }
75 |
76 |
77 | /* Page Header */
78 | header {
79 | background: #fe6a65;
80 | }
81 | header h1 {
82 | margin: 0;
83 | font-weight: 100;
84 | color: #fff;
85 | font-size: 3em;
86 | }
87 | h1 img {
88 | vertical-align: middle;
89 | }
90 |
91 | /* Basic Stuff */
92 | div.blurb {
93 | font-style: italic;
94 | margin-top: 2em;
95 | }
96 | .blurb em, .blurb i {
97 | font-style: normal;
98 | }
99 | div.disclaimer {
100 | border: 1px solid #900;
101 | border-radius: 5px;
102 | background: #fee;
103 | padding: 0 1em;
104 | margin: 1em 0;
105 | }
106 | a {
107 | color: rgb(239, 64, 54);
108 | text-decoration: none;
109 | }
110 | h2 {
111 | margin-top: 2em;
112 | color: rgb(239, 64, 54);
113 | }
114 | dt {
115 | font-weight: bold;
116 | }
117 | dd {
118 | padding: 0 0 1em 2em;
119 | }
120 | blockquote {
121 | margin: 1em 3em 1em 3em;
122 | font-style: italic;
123 | }
124 |
125 | /* Footer */
126 | footer {
127 | background: #fe6a65;
128 | color: #fff;
129 | padding-top: 2em;
130 | text-align: right;
131 | clear: both;
132 | }
133 | footer a {
134 | color: #fff;
135 | }
136 | footer p {
137 | margin: 0;
138 | padding: 0;
139 | font-size: 1.2em;
140 | }
141 | p.last {
142 | font-size: 0.8em;
143 | }
144 |
145 | @media print {
146 | header {
147 | border-left: none;
148 | background: #fff;
149 | color: #fe6a65;
150 | padding: 0;
151 | }
152 | footer {
153 | background: #fff;
154 | color: #000;
155 | border-left: none;
156 | padding-right: 0;
157 | }
158 | a {
159 | color: #666;
160 | border-bottom: 1px dotted #666;
161 | }
162 | a[href^="#fn-"], a.backlink {
163 | color: #333;
164 | border-bottom: none;
165 | }
166 | a[href^="http"]:after {
167 | content: " (" attr(href) ")";
168 | color: #333;
169 | font-style: italic;
170 | }
171 | footer a[href^="http"]:after {
172 | content: "";
173 | }
174 | }
175 |
--------------------------------------------------------------------------------
/slides/css/theme/source/robin.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * Robin theme for reveal.js.
3 | *
4 | * Copyright (C) 2015 Robin Berjon
5 | */
6 |
7 |
8 | // Default mixins and settings -----------------
9 | @import "../template/mixins";
10 | @import "../template/settings";
11 | // ---------------------------------------------
12 |
13 | // Include theme-specific fonts
14 | @font-face {
15 | font-family: 'Roboto';
16 | src: url('../../fonts/robotoslab-regular-webfont.eot');
17 | src: url('../../fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
18 | url('../../fonts/robotoslab-regular-webfont.woff2') format('woff2'),
19 | url('../../fonts/robotoslab-regular-webfont.woff') format('woff'),
20 | url('../../fonts/robotoslab-regular-webfont.ttf') format('truetype');
21 | font-weight: normal;
22 | font-style: normal;
23 | }
24 | @font-face {
25 | font-family: 'Roboto';
26 | src: url('../../fonts/robotoslab-bold-webfont.eot');
27 | src: url('../../fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
28 | url('../../fonts/robotoslab-bold-webfont.woff2') format('woff2'),
29 | url('../../fonts/robotoslab-bold-webfont.woff') format('woff'),
30 | url('../../fonts/robotoslab-bold-webfont.ttf') format('truetype');
31 | font-weight: bold;
32 | font-style: normal;
33 | }
34 | @font-face {
35 | font-family: "Merriweather";
36 | src: url("../../fonts/merriweather-light-webfont.eot");
37 | src: url("../../fonts/merriweather-light-webfont.eot?#iefix") format("embedded-opentype"),
38 | url("../../fonts/merriweather-light-webfont.woff") format("woff"),
39 | url("../../fonts/merriweather-light-webfont.ttf") format("truetype");
40 | font-weight: normal;
41 | font-style: normal;
42 | }
43 | @font-face {
44 | font-family: "Merriweather";
45 | src: url("../../fonts/merriweather-bold-webfont.eot");
46 | src: url("../../fonts/merriweather-bold-webfont.eot?#iefix") format("embedded-opentype"),
47 | url("../../fonts/merriweather-bold-webfont.woff") format("woff"),
48 | url("../../fonts/merriweather-bold-webfont.ttf") format("truetype");
49 | font-weight: bold;
50 | font-style: normal;
51 | }
52 | @font-face {
53 | font-family: "Merriweather";
54 | src: url("../../fonts/merriweather-bolditalic-webfont.eot");
55 | src: url("../../fonts/merriweather-bolditalic-webfont.eot?#iefix") format("embedded-opentype"),
56 | url("../../fonts/merriweather-bolditalic-webfont.woff") format("woff"),
57 | url("../../fonts/merriweather-bolditalic-webfont.ttf") format("truetype");
58 | font-weight: bold;
59 | font-style: italic;
60 | }
61 | @font-face {
62 | font-family: "Merriweather";
63 | src: url("../../fonts/merriweather-lightitalic-webfont.eot");
64 | src: url("../../fonts/merriweather-lightitalic-webfont.eot?#iefix") format("embedded-opentype"),
65 | url("../../fonts/merriweather-lightitalic-webfont.woff") format("woff"),
66 | url("../../fonts/merriweather-lightitalic-webfont.ttf") format("truetype");
67 | font-weight: normal;
68 | font-style: italic;
69 | }
70 |
71 |
72 | // Override theme settings (see ../template/settings.scss)
73 | $mainFont: 'Merriweather', sans-serif;
74 | $mainColor: #333;
75 | $headingFont: 'Roboto', sans-serif;
76 | $headingColor: #333;
77 | $headingLetterSpacing: -0.03em;
78 | $headingTextShadow: 0px 0px 2px #ffffff;
79 | $backgroundColor: #f7fbfc;
80 | $linkColor: #3b759e;
81 | $linkColorHover: lighten( $linkColor, 20% );
82 | $selectionBackgroundColor: #134674;
83 |
84 | // Fix links so they are not cut off
85 | .reveal a {
86 | line-height: 1.3em;
87 | }
88 |
89 | // Background generator
90 | html > body {
91 | /* 3d.jpg | 3d-blur.jpg | 3d-desat.jpg | 3d-blur-desat.jpg |
92 | maze-penrose.png |
93 | quasi-light.jpg | # possibly the best option
94 | small-penrose.gif | # darker
95 | small-penrose.jpg | # lighter, possibly excellent
96 | squarish-penrose.png */
97 | background: url("../../bg/small-penrose.jpg") center no-repeat;
98 | background-color: #001122;
99 | background-size: cover;
100 | }
101 |
102 |
103 |
104 | // Theme template ------------------------------
105 | @import "../template/theme";
106 | // ---------------------------------------------
107 |
108 | // overrides
109 | /*
110 | colours:
111 | bright pink: #ff0dad
112 | bright green: #bfff00
113 | bright blue: #84f5fb
114 | bright yellow: #fffd60
115 | bright orange: #ffa100
116 | */
117 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
118 | text-transform: none;
119 | }
120 |
121 | .reveal h1 {
122 | background: #ffa100;
123 | text-shadow: -2px 2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px -2px 0px #ffffff;
124 | }
125 | .reveal h2 {
126 | background: #ff0dad;
127 | text-shadow: -2px 2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px -2px 0px #fff;
128 | }
129 | .reveal h3 {
130 | background: #84f5fb;
131 | text-shadow: -2px 2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px -2px 0px #ffffff;
132 | }
133 |
134 |
--------------------------------------------------------------------------------
/slides/css/print/paper.css:
--------------------------------------------------------------------------------
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 | @media print {
10 |
11 | /* SECTION 1: Set default width, margin, float, and
12 | background. This prevents elements from extending
13 | beyond the edge of the printed page, and prevents
14 | unnecessary background images from printing */
15 | html {
16 | background: #fff;
17 | width: auto;
18 | height: auto;
19 | overflow: visible;
20 | }
21 | body {
22 | background: #fff;
23 | font-size: 20pt;
24 | width: auto;
25 | height: auto;
26 | border: 0;
27 | margin: 0 5%;
28 | padding: 0;
29 | overflow: visible;
30 | float: none !important;
31 | }
32 |
33 | /* SECTION 2: Remove any elements not needed in print.
34 | This would include navigation, ads, sidebars, etc. */
35 | .nestedarrow,
36 | .controls,
37 | .fork-reveal,
38 | .share-reveal,
39 | .state-background,
40 | .reveal .progress,
41 | .reveal .backgrounds {
42 | display: none !important;
43 | }
44 |
45 | /* SECTION 3: Set body font face, size, and color.
46 | Consider using a serif font for readability. */
47 | body, p, td, li, div {
48 | font-size: 20pt!important;
49 | font-family: Georgia, "Times New Roman", Times, serif !important;
50 | color: #000;
51 | }
52 |
53 | /* SECTION 4: Set heading font face, sizes, and color.
54 | Differentiate your headings from your body text.
55 | Perhaps use a large sans-serif for distinction. */
56 | h1,h2,h3,h4,h5,h6 {
57 | color: #000!important;
58 | height: auto;
59 | line-height: normal;
60 | font-family: Georgia, "Times New Roman", Times, serif !important;
61 | text-shadow: 0 0 0 #000 !important;
62 | text-align: left;
63 | letter-spacing: normal;
64 | }
65 | /* Need to reduce the size of the fonts for printing */
66 | h1 { font-size: 28pt !important; }
67 | h2 { font-size: 24pt !important; }
68 | h3 { font-size: 22pt !important; }
69 | h4 { font-size: 22pt !important; font-variant: small-caps; }
70 | h5 { font-size: 21pt !important; }
71 | h6 { font-size: 20pt !important; font-style: italic; }
72 |
73 | /* SECTION 5: Make hyperlinks more usable.
74 | Ensure links are underlined, and consider appending
75 | the URL to the end of the link for usability. */
76 | a:link,
77 | a:visited {
78 | color: #000 !important;
79 | font-weight: bold;
80 | text-decoration: underline;
81 | }
82 | /*
83 | .reveal a:link:after,
84 | .reveal a:visited:after {
85 | content: " (" attr(href) ") ";
86 | color: #222 !important;
87 | font-size: 90%;
88 | }
89 | */
90 |
91 |
92 | /* SECTION 6: more reveal.js specific additions by @skypanther */
93 | ul, ol, div, p {
94 | visibility: visible;
95 | position: static;
96 | width: auto;
97 | height: auto;
98 | display: block;
99 | overflow: visible;
100 | margin: 0;
101 | text-align: left !important;
102 | }
103 | .reveal pre,
104 | .reveal table {
105 | margin-left: 0;
106 | margin-right: 0;
107 | }
108 | .reveal pre code {
109 | padding: 20px;
110 | border: 1px solid #ddd;
111 | }
112 | .reveal blockquote {
113 | margin: 20px 0;
114 | }
115 | .reveal .slides {
116 | position: static !important;
117 | width: auto !important;
118 | height: auto !important;
119 |
120 | left: 0 !important;
121 | top: 0 !important;
122 | margin-left: 0 !important;
123 | margin-top: 0 !important;
124 | padding: 0 !important;
125 | zoom: 1 !important;
126 |
127 | overflow: visible !important;
128 | display: block !important;
129 |
130 | text-align: left !important;
131 | -webkit-perspective: none;
132 | -moz-perspective: none;
133 | -ms-perspective: none;
134 | perspective: none;
135 |
136 | -webkit-perspective-origin: 50% 50%;
137 | -moz-perspective-origin: 50% 50%;
138 | -ms-perspective-origin: 50% 50%;
139 | perspective-origin: 50% 50%;
140 | }
141 | .reveal .slides section {
142 | visibility: visible !important;
143 | position: static !important;
144 | width: 100% !important;
145 | height: auto !important;
146 | display: block !important;
147 | overflow: visible !important;
148 |
149 | left: 0 !important;
150 | top: 0 !important;
151 | margin-left: 0 !important;
152 | margin-top: 0 !important;
153 | padding: 60px 20px !important;
154 | z-index: auto !important;
155 |
156 | opacity: 1 !important;
157 |
158 | page-break-after: always !important;
159 |
160 | -webkit-transform-style: flat !important;
161 | -moz-transform-style: flat !important;
162 | -ms-transform-style: flat !important;
163 | transform-style: flat !important;
164 |
165 | -webkit-transform: none !important;
166 | -moz-transform: none !important;
167 | -ms-transform: none !important;
168 | transform: none !important;
169 |
170 | -webkit-transition: none !important;
171 | -moz-transition: none !important;
172 | -ms-transition: none !important;
173 | transition: none !important;
174 | }
175 | .reveal .slides section.stack {
176 | padding: 0 !important;
177 | }
178 | .reveal section:last-of-type {
179 | page-break-after: avoid !important;
180 | }
181 | .reveal section .fragment {
182 | opacity: 1 !important;
183 | visibility: visible !important;
184 |
185 | -webkit-transform: none !important;
186 | -moz-transform: none !important;
187 | -ms-transform: none !important;
188 | transform: none !important;
189 | }
190 | .reveal section img {
191 | display: block;
192 | margin: 15px 0px;
193 | background: rgba(255,255,255,1);
194 | border: 1px solid #666;
195 | box-shadow: none;
196 | }
197 |
198 | .reveal section small {
199 | font-size: 0.8em;
200 | }
201 |
202 | }
--------------------------------------------------------------------------------
/slides/test/qunit-1.12.0.css:
--------------------------------------------------------------------------------
1 | /**
2 | * QUnit v1.12.0 - A JavaScript Unit Testing Framework
3 | *
4 | * http://qunitjs.com
5 | *
6 | * Copyright 2012 jQuery Foundation and other contributors
7 | * Released under the MIT license.
8 | * http://jquery.org/license
9 | */
10 |
11 | /** Font Family and Sizes */
12 |
13 | #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
14 | font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
15 | }
16 |
17 | #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
18 | #qunit-tests { font-size: smaller; }
19 |
20 |
21 | /** Resets */
22 |
23 | #qunit-tests, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult, #qunit-modulefilter {
24 | margin: 0;
25 | padding: 0;
26 | }
27 |
28 |
29 | /** Header */
30 |
31 | #qunit-header {
32 | padding: 0.5em 0 0.5em 1em;
33 |
34 | color: #8699a4;
35 | background-color: #0d3349;
36 |
37 | font-size: 1.5em;
38 | line-height: 1em;
39 | font-weight: normal;
40 |
41 | border-radius: 5px 5px 0 0;
42 | -moz-border-radius: 5px 5px 0 0;
43 | -webkit-border-top-right-radius: 5px;
44 | -webkit-border-top-left-radius: 5px;
45 | }
46 |
47 | #qunit-header a {
48 | text-decoration: none;
49 | color: #c2ccd1;
50 | }
51 |
52 | #qunit-header a:hover,
53 | #qunit-header a:focus {
54 | color: #fff;
55 | }
56 |
57 | #qunit-testrunner-toolbar label {
58 | display: inline-block;
59 | padding: 0 .5em 0 .1em;
60 | }
61 |
62 | #qunit-banner {
63 | height: 5px;
64 | }
65 |
66 | #qunit-testrunner-toolbar {
67 | padding: 0.5em 0 0.5em 2em;
68 | color: #5E740B;
69 | background-color: #eee;
70 | overflow: hidden;
71 | }
72 |
73 | #qunit-userAgent {
74 | padding: 0.5em 0 0.5em 2.5em;
75 | background-color: #2b81af;
76 | color: #fff;
77 | text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
78 | }
79 |
80 | #qunit-modulefilter-container {
81 | float: right;
82 | }
83 |
84 | /** Tests: Pass/Fail */
85 |
86 | #qunit-tests {
87 | list-style-position: inside;
88 | }
89 |
90 | #qunit-tests li {
91 | padding: 0.4em 0.5em 0.4em 2.5em;
92 | border-bottom: 1px solid #fff;
93 | list-style-position: inside;
94 | }
95 |
96 | #qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running {
97 | display: none;
98 | }
99 |
100 | #qunit-tests li strong {
101 | cursor: pointer;
102 | }
103 |
104 | #qunit-tests li a {
105 | padding: 0.5em;
106 | color: #c2ccd1;
107 | text-decoration: none;
108 | }
109 | #qunit-tests li a:hover,
110 | #qunit-tests li a:focus {
111 | color: #000;
112 | }
113 |
114 | #qunit-tests li .runtime {
115 | float: right;
116 | font-size: smaller;
117 | }
118 |
119 | .qunit-assert-list {
120 | margin-top: 0.5em;
121 | padding: 0.5em;
122 |
123 | background-color: #fff;
124 |
125 | border-radius: 5px;
126 | -moz-border-radius: 5px;
127 | -webkit-border-radius: 5px;
128 | }
129 |
130 | .qunit-collapsed {
131 | display: none;
132 | }
133 |
134 | #qunit-tests table {
135 | border-collapse: collapse;
136 | margin-top: .2em;
137 | }
138 |
139 | #qunit-tests th {
140 | text-align: right;
141 | vertical-align: top;
142 | padding: 0 .5em 0 0;
143 | }
144 |
145 | #qunit-tests td {
146 | vertical-align: top;
147 | }
148 |
149 | #qunit-tests pre {
150 | margin: 0;
151 | white-space: pre-wrap;
152 | word-wrap: break-word;
153 | }
154 |
155 | #qunit-tests del {
156 | background-color: #e0f2be;
157 | color: #374e0c;
158 | text-decoration: none;
159 | }
160 |
161 | #qunit-tests ins {
162 | background-color: #ffcaca;
163 | color: #500;
164 | text-decoration: none;
165 | }
166 |
167 | /*** Test Counts */
168 |
169 | #qunit-tests b.counts { color: black; }
170 | #qunit-tests b.passed { color: #5E740B; }
171 | #qunit-tests b.failed { color: #710909; }
172 |
173 | #qunit-tests li li {
174 | padding: 5px;
175 | background-color: #fff;
176 | border-bottom: none;
177 | list-style-position: inside;
178 | }
179 |
180 | /*** Passing Styles */
181 |
182 | #qunit-tests li li.pass {
183 | color: #3c510c;
184 | background-color: #fff;
185 | border-left: 10px solid #C6E746;
186 | }
187 |
188 | #qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
189 | #qunit-tests .pass .test-name { color: #366097; }
190 |
191 | #qunit-tests .pass .test-actual,
192 | #qunit-tests .pass .test-expected { color: #999999; }
193 |
194 | #qunit-banner.qunit-pass { background-color: #C6E746; }
195 |
196 | /*** Failing Styles */
197 |
198 | #qunit-tests li li.fail {
199 | color: #710909;
200 | background-color: #fff;
201 | border-left: 10px solid #EE5757;
202 | white-space: pre;
203 | }
204 |
205 | #qunit-tests > li:last-child {
206 | border-radius: 0 0 5px 5px;
207 | -moz-border-radius: 0 0 5px 5px;
208 | -webkit-border-bottom-right-radius: 5px;
209 | -webkit-border-bottom-left-radius: 5px;
210 | }
211 |
212 | #qunit-tests .fail { color: #000000; background-color: #EE5757; }
213 | #qunit-tests .fail .test-name,
214 | #qunit-tests .fail .module-name { color: #000000; }
215 |
216 | #qunit-tests .fail .test-actual { color: #EE5757; }
217 | #qunit-tests .fail .test-expected { color: green; }
218 |
219 | #qunit-banner.qunit-fail { background-color: #EE5757; }
220 |
221 |
222 | /** Result */
223 |
224 | #qunit-testresult {
225 | padding: 0.5em 0.5em 0.5em 2.5em;
226 |
227 | color: #2b81af;
228 | background-color: #D2E0E6;
229 |
230 | border-bottom: 1px solid white;
231 | }
232 | #qunit-testresult .module-name {
233 | font-weight: bold;
234 | }
235 |
236 | /** Fixture */
237 |
238 | #qunit-fixture {
239 | position: absolute;
240 | top: -10000px;
241 | left: -10000px;
242 | width: 1000px;
243 | height: 1000px;
244 | }
--------------------------------------------------------------------------------
/slides/test/examples/math.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | reveal.js - Math Plugin
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | reveal.js Math Plugin
23 | A thin wrapper for MathJax
24 |
25 |
26 |
27 | The Lorenz Equations
28 |
29 | \[\begin{aligned}
30 | \dot{x} & = \sigma(y-x) \\
31 | \dot{y} & = \rho x - y - xz \\
32 | \dot{z} & = -\beta z + xy
33 | \end{aligned} \]
34 |
35 |
36 |
37 | The Cauchy-Schwarz Inequality
38 |
39 |
42 |
43 |
44 |
45 | A Cross Product Formula
46 |
47 | \[\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
48 | \mathbf{i} & \mathbf{j} & \mathbf{k} \\
49 | \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
50 | \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0
51 | \end{vmatrix} \]
52 |
53 |
54 |
55 | The probability of getting \(k\) heads when flipping \(n\) coins is
56 |
57 | \[P(E) = {n \choose k} p^k (1-p)^{ n-k} \]
58 |
59 |
60 |
61 | An Identity of Ramanujan
62 |
63 | \[ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
64 | 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
65 | {1+\frac{e^{-8\pi}} {1+\ldots} } } } \]
66 |
67 |
68 |
69 | A Rogers-Ramanujan Identity
70 |
71 | \[ 1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots =
72 | \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})}\]
73 |
74 |
75 |
76 | Maxwell’s Equations
77 |
78 | \[ \begin{aligned}
79 | \nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \\ \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\
80 | \nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\
81 | \nabla \cdot \vec{\mathbf{B}} & = 0 \end{aligned}
82 | \]
83 |
84 |
85 |
86 |
87 | The Lorenz Equations
88 |
89 |
90 | \[\begin{aligned}
91 | \dot{x} & = \sigma(y-x) \\
92 | \dot{y} & = \rho x - y - xz \\
93 | \dot{z} & = -\beta z + xy
94 | \end{aligned} \]
95 |
96 |
97 |
98 |
99 | The Cauchy-Schwarz Inequality
100 |
101 |
102 | \[ \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) \]
103 |
104 |
105 |
106 |
107 | A Cross Product Formula
108 |
109 |
110 | \[\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
111 | \mathbf{i} & \mathbf{j} & \mathbf{k} \\
112 | \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
113 | \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0
114 | \end{vmatrix} \]
115 |
116 |
117 |
118 |
119 | The probability of getting \(k\) heads when flipping \(n\) coins is
120 |
121 |
122 | \[P(E) = {n \choose k} p^k (1-p)^{ n-k} \]
123 |
124 |
125 |
126 |
127 | An Identity of Ramanujan
128 |
129 |
130 | \[ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
131 | 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
132 | {1+\frac{e^{-8\pi}} {1+\ldots} } } } \]
133 |
134 |
135 |
136 |
137 | A Rogers-Ramanujan Identity
138 |
139 |
140 | \[ 1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots =
141 | \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})}\]
142 |
143 |
144 |
145 |
146 | Maxwell’s Equations
147 |
148 |
149 | \[ \begin{aligned}
150 | \nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \\ \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\
151 | \nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\
152 | \nabla \cdot \vec{\mathbf{B}} & = 0 \end{aligned}
153 | \]
154 |
155 |
156 |
157 |
158 |
159 |
160 |
161 |
162 |
163 |
164 |
165 |
183 |
184 |
185 |
186 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | CC0 1.0 Universal
2 |
3 | Statement of Purpose
4 |
5 | The laws of most jurisdictions throughout the world automatically confer
6 | exclusive Copyright and Related Rights (defined below) upon the creator and
7 | subsequent owner(s) (each and all, an "owner") of an original work of
8 | authorship and/or a database (each, a "Work").
9 |
10 | Certain owners wish to permanently relinquish those rights to a Work for the
11 | purpose of contributing to a commons of creative, cultural and scientific
12 | works ("Commons") that the public can reliably and without fear of later
13 | claims of infringement build upon, modify, incorporate in other works, reuse
14 | and redistribute as freely as possible in any form whatsoever and for any
15 | purposes, including without limitation commercial purposes. These owners may
16 | contribute to the Commons to promote the ideal of a free culture and the
17 | further production of creative, cultural and scientific works, or to gain
18 | reputation or greater distribution for their Work in part through the use and
19 | efforts of others.
20 |
21 | For these and/or other purposes and motivations, and without any expectation
22 | of additional consideration or compensation, the person associating CC0 with a
23 | Work (the "Affirmer"), to the extent that he or she is an owner of Copyright
24 | and Related Rights in the Work, voluntarily elects to apply CC0 to the Work
25 | and publicly distribute the Work under its terms, with knowledge of his or her
26 | Copyright and Related Rights in the Work and the meaning and intended legal
27 | effect of CC0 on those rights.
28 |
29 | 1. Copyright and Related Rights. A Work made available under CC0 may be
30 | protected by copyright and related or neighboring rights ("Copyright and
31 | Related Rights"). Copyright and Related Rights include, but are not limited
32 | to, the following:
33 |
34 | i. the right to reproduce, adapt, distribute, perform, display, communicate,
35 | and translate a Work;
36 |
37 | ii. moral rights retained by the original author(s) and/or performer(s);
38 |
39 | iii. publicity and privacy rights pertaining to a person's image or likeness
40 | depicted in a Work;
41 |
42 | iv. rights protecting against unfair competition in regards to a Work,
43 | subject to the limitations in paragraph 4(a), below;
44 |
45 | v. rights protecting the extraction, dissemination, use and reuse of data in
46 | a Work;
47 |
48 | vi. database rights (such as those arising under Directive 96/9/EC of the
49 | European Parliament and of the Council of 11 March 1996 on the legal
50 | protection of databases, and under any national implementation thereof,
51 | including any amended or successor version of such directive); and
52 |
53 | vii. other similar, equivalent or corresponding rights throughout the world
54 | based on applicable law or treaty, and any national implementations thereof.
55 |
56 | 2. Waiver. To the greatest extent permitted by, but not in contravention of,
57 | applicable law, Affirmer hereby overtly, fully, permanently, irrevocably and
58 | unconditionally waives, abandons, and surrenders all of Affirmer's Copyright
59 | and Related Rights and associated claims and causes of action, whether now
60 | known or unknown (including existing as well as future claims and causes of
61 | action), in the Work (i) in all territories worldwide, (ii) for the maximum
62 | duration provided by applicable law or treaty (including future time
63 | extensions), (iii) in any current or future medium and for any number of
64 | copies, and (iv) for any purpose whatsoever, including without limitation
65 | commercial, advertising or promotional purposes (the "Waiver"). Affirmer makes
66 | the Waiver for the benefit of each member of the public at large and to the
67 | detriment of Affirmer's heirs and successors, fully intending that such Waiver
68 | shall not be subject to revocation, rescission, cancellation, termination, or
69 | any other legal or equitable action to disrupt the quiet enjoyment of the Work
70 | by the public as contemplated by Affirmer's express Statement of Purpose.
71 |
72 | 3. Public License Fallback. Should any part of the Waiver for any reason be
73 | judged legally invalid or ineffective under applicable law, then the Waiver
74 | shall be preserved to the maximum extent permitted taking into account
75 | Affirmer's express Statement of Purpose. In addition, to the extent the Waiver
76 | is so judged Affirmer hereby grants to each affected person a royalty-free,
77 | non transferable, non sublicensable, non exclusive, irrevocable and
78 | unconditional license to exercise Affirmer's Copyright and Related Rights in
79 | the Work (i) in all territories worldwide, (ii) for the maximum duration
80 | provided by applicable law or treaty (including future time extensions), (iii)
81 | in any current or future medium and for any number of copies, and (iv) for any
82 | purpose whatsoever, including without limitation commercial, advertising or
83 | promotional purposes (the "License"). The License shall be deemed effective as
84 | of the date CC0 was applied by Affirmer to the Work. Should any part of the
85 | License for any reason be judged legally invalid or ineffective under
86 | applicable law, such partial invalidity or ineffectiveness shall not
87 | invalidate the remainder of the License, and in such case Affirmer hereby
88 | affirms that he or she will not (i) exercise any of his or her remaining
89 | Copyright and Related Rights in the Work or (ii) assert any associated claims
90 | and causes of action with respect to the Work, in either case contrary to
91 | Affirmer's express Statement of Purpose.
92 |
93 | 4. Limitations and Disclaimers.
94 |
95 | a. No trademark or patent rights held by Affirmer are waived, abandoned,
96 | surrendered, licensed or otherwise affected by this document.
97 |
98 | b. Affirmer offers the Work as-is and makes no representations or warranties
99 | of any kind concerning the Work, express, implied, statutory or otherwise,
100 | including without limitation warranties of title, merchantability, fitness
101 | for a particular purpose, non infringement, or the absence of latent or
102 | other defects, accuracy, or the present or absence of errors, whether or not
103 | discoverable, all to the greatest extent permissible under applicable law.
104 |
105 | c. Affirmer disclaims responsibility for clearing rights of other persons
106 | that may apply to the Work or any use thereof, including without limitation
107 | any person's Copyright and Related Rights in the Work. Further, Affirmer
108 | disclaims responsibility for obtaining any necessary consents, permissions
109 | or other rights required for any use of the Work.
110 |
111 | d. Affirmer understands and acknowledges that Creative Commons is not a
112 | party to this document and has no duty or obligation with respect to this
113 | CC0 or use of the Work.
114 |
115 | For more information, please see
116 |
--------------------------------------------------------------------------------
/slides/css/theme/night.css:
--------------------------------------------------------------------------------
1 | @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
2 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
3 | /**
4 | * Black theme for reveal.js.
5 | *
6 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7 | */
8 | /*********************************************
9 | * GLOBAL STYLES
10 | *********************************************/
11 | body {
12 | background: #111;
13 | background-color: #111; }
14 |
15 | .reveal {
16 | font-family: 'Open Sans', sans-serif;
17 | font-size: 30px;
18 | font-weight: normal;
19 | color: #eee; }
20 |
21 | ::selection {
22 | color: #fff;
23 | background: #e7ad52;
24 | text-shadow: none; }
25 |
26 | .reveal .slides > section, .reveal .slides > section > section {
27 | line-height: 1.3;
28 | font-weight: inherit; }
29 |
30 | /*********************************************
31 | * HEADERS
32 | *********************************************/
33 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
34 | margin: 0 0 20px 0;
35 | color: #eee;
36 | font-family: 'Montserrat', Impact, sans-serif;
37 | font-weight: normal;
38 | line-height: 1.2;
39 | letter-spacing: -0.03em;
40 | text-transform: none;
41 | text-shadow: none;
42 | word-wrap: break-word; }
43 |
44 | .reveal h1 {
45 | font-size: 3.77em; }
46 |
47 | .reveal h2 {
48 | font-size: 2.11em; }
49 |
50 | .reveal h3 {
51 | font-size: 1.55em; }
52 |
53 | .reveal h4 {
54 | font-size: 1em; }
55 |
56 | .reveal h1 {
57 | text-shadow: none; }
58 |
59 | /*********************************************
60 | * OTHER
61 | *********************************************/
62 | .reveal p {
63 | margin: 20px 0;
64 | line-height: 1.3; }
65 |
66 | /* Ensure certain elements are never larger than the slide itself */
67 | .reveal img, .reveal video, .reveal iframe {
68 | max-width: 95%;
69 | max-height: 95%; }
70 |
71 | .reveal strong, .reveal b {
72 | font-weight: bold; }
73 |
74 | .reveal em {
75 | font-style: italic; }
76 |
77 | .reveal ol, .reveal dl, .reveal ul {
78 | display: inline-block;
79 | text-align: left;
80 | margin: 0 0 0 1em; }
81 |
82 | .reveal ol {
83 | list-style-type: decimal; }
84 |
85 | .reveal ul {
86 | list-style-type: disc; }
87 |
88 | .reveal ul ul {
89 | list-style-type: square; }
90 |
91 | .reveal ul ul ul {
92 | list-style-type: circle; }
93 |
94 | .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
95 | display: block;
96 | margin-left: 40px; }
97 |
98 | .reveal dt {
99 | font-weight: bold; }
100 |
101 | .reveal dd {
102 | margin-left: 40px; }
103 |
104 | .reveal q, .reveal blockquote {
105 | quotes: none; }
106 |
107 | .reveal blockquote {
108 | display: block;
109 | position: relative;
110 | width: 70%;
111 | margin: 20px auto;
112 | padding: 5px;
113 | font-style: italic;
114 | background: rgba(255, 255, 255, 0.05);
115 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
116 |
117 | .reveal blockquote p:first-child, .reveal blockquote p:last-child {
118 | display: inline-block; }
119 |
120 | .reveal q {
121 | font-style: italic; }
122 |
123 | .reveal pre {
124 | display: block;
125 | position: relative;
126 | width: 90%;
127 | margin: 20px auto;
128 | text-align: left;
129 | font-size: 0.55em;
130 | font-family: monospace;
131 | line-height: 1.2em;
132 | word-wrap: break-word;
133 | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
134 |
135 | .reveal code {
136 | font-family: monospace; }
137 |
138 | .reveal pre code {
139 | display: block;
140 | padding: 5px;
141 | overflow: auto;
142 | max-height: 400px;
143 | word-wrap: normal;
144 | background: #3F3F3F;
145 | color: #DCDCDC; }
146 |
147 | .reveal table {
148 | margin: auto;
149 | border-collapse: collapse;
150 | border-spacing: 0; }
151 |
152 | .reveal table th {
153 | font-weight: bold; }
154 |
155 | .reveal table th, .reveal table td {
156 | text-align: left;
157 | padding: 0.2em 0.5em 0.2em 0.5em;
158 | border-bottom: 1px solid; }
159 |
160 | .reveal table tr:last-child td {
161 | border-bottom: none; }
162 |
163 | .reveal sup {
164 | vertical-align: super; }
165 |
166 | .reveal sub {
167 | vertical-align: sub; }
168 |
169 | .reveal small {
170 | display: inline-block;
171 | font-size: 0.6em;
172 | line-height: 1.2em;
173 | vertical-align: top; }
174 |
175 | .reveal small * {
176 | vertical-align: top; }
177 |
178 | /*********************************************
179 | * LINKS
180 | *********************************************/
181 | .reveal a {
182 | color: #e7ad52;
183 | text-decoration: none;
184 | -webkit-transition: color 0.15s ease;
185 | -moz-transition: color 0.15s ease;
186 | transition: color 0.15s ease; }
187 |
188 | .reveal a:hover {
189 | color: #f3d7ac;
190 | text-shadow: none;
191 | border: none; }
192 |
193 | .reveal .roll span:after {
194 | color: #fff;
195 | background: #d0881d; }
196 |
197 | /*********************************************
198 | * IMAGES
199 | *********************************************/
200 | .reveal section img {
201 | margin: 15px 0px;
202 | background: rgba(255, 255, 255, 0.12);
203 | border: 4px solid #eee;
204 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
205 |
206 | .reveal a img {
207 | -webkit-transition: all 0.15s linear;
208 | -moz-transition: all 0.15s linear;
209 | transition: all 0.15s linear; }
210 |
211 | .reveal a:hover img {
212 | background: rgba(255, 255, 255, 0.2);
213 | border-color: #e7ad52;
214 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
215 |
216 | /*********************************************
217 | * NAVIGATION CONTROLS
218 | *********************************************/
219 | .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
220 | border-right-color: #e7ad52; }
221 |
222 | .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
223 | border-left-color: #e7ad52; }
224 |
225 | .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
226 | border-bottom-color: #e7ad52; }
227 |
228 | .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
229 | border-top-color: #e7ad52; }
230 |
231 | .reveal .controls div.navigate-left.enabled:hover {
232 | border-right-color: #f3d7ac; }
233 |
234 | .reveal .controls div.navigate-right.enabled:hover {
235 | border-left-color: #f3d7ac; }
236 |
237 | .reveal .controls div.navigate-up.enabled:hover {
238 | border-bottom-color: #f3d7ac; }
239 |
240 | .reveal .controls div.navigate-down.enabled:hover {
241 | border-top-color: #f3d7ac; }
242 |
243 | /*********************************************
244 | * PROGRESS BAR
245 | *********************************************/
246 | .reveal .progress {
247 | background: rgba(0, 0, 0, 0.2); }
248 |
249 | .reveal .progress span {
250 | background: #e7ad52;
251 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
252 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
253 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
254 |
255 | /*********************************************
256 | * SLIDE NUMBER
257 | *********************************************/
258 | .reveal .slide-number {
259 | color: #e7ad52; }
260 |
--------------------------------------------------------------------------------
/slides/css/theme/serif.css:
--------------------------------------------------------------------------------
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 | .reveal a {
8 | line-height: 1.3em; }
9 |
10 | /*********************************************
11 | * GLOBAL STYLES
12 | *********************************************/
13 | body {
14 | background: #F0F1EB;
15 | background-color: #F0F1EB; }
16 |
17 | .reveal {
18 | font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
19 | font-size: 36px;
20 | font-weight: normal;
21 | color: #000; }
22 |
23 | ::selection {
24 | color: #fff;
25 | background: #26351C;
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: #383D3D;
38 | font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
39 | font-weight: normal;
40 | line-height: 1.2;
41 | letter-spacing: normal;
42 | text-transform: none;
43 | text-shadow: none;
44 | word-wrap: break-word; }
45 |
46 | .reveal h1 {
47 | font-size: 3.77em; }
48 |
49 | .reveal h2 {
50 | font-size: 2.11em; }
51 |
52 | .reveal h3 {
53 | font-size: 1.55em; }
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 tr:last-child td {
163 | border-bottom: none; }
164 |
165 | .reveal sup {
166 | vertical-align: super; }
167 |
168 | .reveal sub {
169 | vertical-align: sub; }
170 |
171 | .reveal small {
172 | display: inline-block;
173 | font-size: 0.6em;
174 | line-height: 1.2em;
175 | vertical-align: top; }
176 |
177 | .reveal small * {
178 | vertical-align: top; }
179 |
180 | /*********************************************
181 | * LINKS
182 | *********************************************/
183 | .reveal a {
184 | color: #51483D;
185 | text-decoration: none;
186 | -webkit-transition: color 0.15s ease;
187 | -moz-transition: color 0.15s ease;
188 | transition: color 0.15s ease; }
189 |
190 | .reveal a:hover {
191 | color: #8b7b69;
192 | text-shadow: none;
193 | border: none; }
194 |
195 | .reveal .roll span:after {
196 | color: #fff;
197 | background: #25211c; }
198 |
199 | /*********************************************
200 | * IMAGES
201 | *********************************************/
202 | .reveal section img {
203 | margin: 15px 0px;
204 | background: rgba(255, 255, 255, 0.12);
205 | border: 4px solid #000;
206 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
207 |
208 | .reveal a img {
209 | -webkit-transition: all 0.15s linear;
210 | -moz-transition: all 0.15s linear;
211 | transition: all 0.15s linear; }
212 |
213 | .reveal a:hover img {
214 | background: rgba(255, 255, 255, 0.2);
215 | border-color: #51483D;
216 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
217 |
218 | /*********************************************
219 | * NAVIGATION CONTROLS
220 | *********************************************/
221 | .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
222 | border-right-color: #51483D; }
223 |
224 | .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
225 | border-left-color: #51483D; }
226 |
227 | .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
228 | border-bottom-color: #51483D; }
229 |
230 | .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
231 | border-top-color: #51483D; }
232 |
233 | .reveal .controls div.navigate-left.enabled:hover {
234 | border-right-color: #8b7b69; }
235 |
236 | .reveal .controls div.navigate-right.enabled:hover {
237 | border-left-color: #8b7b69; }
238 |
239 | .reveal .controls div.navigate-up.enabled:hover {
240 | border-bottom-color: #8b7b69; }
241 |
242 | .reveal .controls div.navigate-down.enabled:hover {
243 | border-top-color: #8b7b69; }
244 |
245 | /*********************************************
246 | * PROGRESS BAR
247 | *********************************************/
248 | .reveal .progress {
249 | background: rgba(0, 0, 0, 0.2); }
250 |
251 | .reveal .progress span {
252 | background: #51483D;
253 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
254 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
255 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
256 |
257 | /*********************************************
258 | * SLIDE NUMBER
259 | *********************************************/
260 | .reveal .slide-number {
261 | color: #51483D; }
262 |
--------------------------------------------------------------------------------
/slides/css/theme/moon.css:
--------------------------------------------------------------------------------
1 | @import url(../../lib/font/league-gothic/league-gothic.css);
2 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
3 | /**
4 | * Solarized Dark theme for reveal.js.
5 | * Author: Achim Staebler
6 | */
7 | /**
8 | * Solarized colors by Ethan Schoonover
9 | */
10 | html * {
11 | color-profile: sRGB;
12 | rendering-intent: auto; }
13 |
14 | /*********************************************
15 | * GLOBAL STYLES
16 | *********************************************/
17 | body {
18 | background: #002b36;
19 | background-color: #002b36; }
20 |
21 | .reveal {
22 | font-family: 'Lato', sans-serif;
23 | font-size: 36px;
24 | font-weight: normal;
25 | color: #93a1a1; }
26 |
27 | ::selection {
28 | color: #fff;
29 | background: #d33682;
30 | text-shadow: none; }
31 |
32 | .reveal .slides > section, .reveal .slides > section > section {
33 | line-height: 1.3;
34 | font-weight: inherit; }
35 |
36 | /*********************************************
37 | * HEADERS
38 | *********************************************/
39 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
40 | margin: 0 0 20px 0;
41 | color: #eee8d5;
42 | font-family: 'League Gothic', Impact, sans-serif;
43 | font-weight: normal;
44 | line-height: 1.2;
45 | letter-spacing: normal;
46 | text-transform: uppercase;
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; }
61 |
62 | .reveal h1 {
63 | text-shadow: none; }
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 tr:last-child td {
167 | border-bottom: none; }
168 |
169 | .reveal sup {
170 | vertical-align: super; }
171 |
172 | .reveal sub {
173 | vertical-align: sub; }
174 |
175 | .reveal small {
176 | display: inline-block;
177 | font-size: 0.6em;
178 | line-height: 1.2em;
179 | vertical-align: top; }
180 |
181 | .reveal small * {
182 | vertical-align: top; }
183 |
184 | /*********************************************
185 | * LINKS
186 | *********************************************/
187 | .reveal a {
188 | color: #268bd2;
189 | text-decoration: none;
190 | -webkit-transition: color 0.15s ease;
191 | -moz-transition: color 0.15s ease;
192 | transition: color 0.15s ease; }
193 |
194 | .reveal a:hover {
195 | color: #78bae6;
196 | text-shadow: none;
197 | border: none; }
198 |
199 | .reveal .roll span:after {
200 | color: #fff;
201 | background: #1a6291; }
202 |
203 | /*********************************************
204 | * IMAGES
205 | *********************************************/
206 | .reveal section img {
207 | margin: 15px 0px;
208 | background: rgba(255, 255, 255, 0.12);
209 | border: 4px solid #93a1a1;
210 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
211 |
212 | .reveal a img {
213 | -webkit-transition: all 0.15s linear;
214 | -moz-transition: all 0.15s linear;
215 | transition: all 0.15s linear; }
216 |
217 | .reveal a:hover img {
218 | background: rgba(255, 255, 255, 0.2);
219 | border-color: #268bd2;
220 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
221 |
222 | /*********************************************
223 | * NAVIGATION CONTROLS
224 | *********************************************/
225 | .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
226 | border-right-color: #268bd2; }
227 |
228 | .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
229 | border-left-color: #268bd2; }
230 |
231 | .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
232 | border-bottom-color: #268bd2; }
233 |
234 | .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
235 | border-top-color: #268bd2; }
236 |
237 | .reveal .controls div.navigate-left.enabled:hover {
238 | border-right-color: #78bae6; }
239 |
240 | .reveal .controls div.navigate-right.enabled:hover {
241 | border-left-color: #78bae6; }
242 |
243 | .reveal .controls div.navigate-up.enabled:hover {
244 | border-bottom-color: #78bae6; }
245 |
246 | .reveal .controls div.navigate-down.enabled:hover {
247 | border-top-color: #78bae6; }
248 |
249 | /*********************************************
250 | * PROGRESS BAR
251 | *********************************************/
252 | .reveal .progress {
253 | background: rgba(0, 0, 0, 0.2); }
254 |
255 | .reveal .progress span {
256 | background: #268bd2;
257 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
258 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
259 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
260 |
261 | /*********************************************
262 | * SLIDE NUMBER
263 | *********************************************/
264 | .reveal .slide-number {
265 | color: #268bd2; }
266 |
--------------------------------------------------------------------------------
/slides/css/theme/solarized.css:
--------------------------------------------------------------------------------
1 | @import url(../../lib/font/league-gothic/league-gothic.css);
2 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
3 | /**
4 | * Solarized Light theme for reveal.js.
5 | * Author: Achim Staebler
6 | */
7 | /**
8 | * Solarized colors by Ethan Schoonover
9 | */
10 | html * {
11 | color-profile: sRGB;
12 | rendering-intent: auto; }
13 |
14 | /*********************************************
15 | * GLOBAL STYLES
16 | *********************************************/
17 | body {
18 | background: #fdf6e3;
19 | background-color: #fdf6e3; }
20 |
21 | .reveal {
22 | font-family: 'Lato', sans-serif;
23 | font-size: 36px;
24 | font-weight: normal;
25 | color: #657b83; }
26 |
27 | ::selection {
28 | color: #fff;
29 | background: #d33682;
30 | text-shadow: none; }
31 |
32 | .reveal .slides > section, .reveal .slides > section > section {
33 | line-height: 1.3;
34 | font-weight: inherit; }
35 |
36 | /*********************************************
37 | * HEADERS
38 | *********************************************/
39 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
40 | margin: 0 0 20px 0;
41 | color: #586e75;
42 | font-family: 'League Gothic', Impact, sans-serif;
43 | font-weight: normal;
44 | line-height: 1.2;
45 | letter-spacing: normal;
46 | text-transform: uppercase;
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; }
61 |
62 | .reveal h1 {
63 | text-shadow: none; }
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 tr:last-child td {
167 | border-bottom: none; }
168 |
169 | .reveal sup {
170 | vertical-align: super; }
171 |
172 | .reveal sub {
173 | vertical-align: sub; }
174 |
175 | .reveal small {
176 | display: inline-block;
177 | font-size: 0.6em;
178 | line-height: 1.2em;
179 | vertical-align: top; }
180 |
181 | .reveal small * {
182 | vertical-align: top; }
183 |
184 | /*********************************************
185 | * LINKS
186 | *********************************************/
187 | .reveal a {
188 | color: #268bd2;
189 | text-decoration: none;
190 | -webkit-transition: color 0.15s ease;
191 | -moz-transition: color 0.15s ease;
192 | transition: color 0.15s ease; }
193 |
194 | .reveal a:hover {
195 | color: #78bae6;
196 | text-shadow: none;
197 | border: none; }
198 |
199 | .reveal .roll span:after {
200 | color: #fff;
201 | background: #1a6291; }
202 |
203 | /*********************************************
204 | * IMAGES
205 | *********************************************/
206 | .reveal section img {
207 | margin: 15px 0px;
208 | background: rgba(255, 255, 255, 0.12);
209 | border: 4px solid #657b83;
210 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
211 |
212 | .reveal a img {
213 | -webkit-transition: all 0.15s linear;
214 | -moz-transition: all 0.15s linear;
215 | transition: all 0.15s linear; }
216 |
217 | .reveal a:hover img {
218 | background: rgba(255, 255, 255, 0.2);
219 | border-color: #268bd2;
220 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
221 |
222 | /*********************************************
223 | * NAVIGATION CONTROLS
224 | *********************************************/
225 | .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
226 | border-right-color: #268bd2; }
227 |
228 | .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
229 | border-left-color: #268bd2; }
230 |
231 | .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
232 | border-bottom-color: #268bd2; }
233 |
234 | .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
235 | border-top-color: #268bd2; }
236 |
237 | .reveal .controls div.navigate-left.enabled:hover {
238 | border-right-color: #78bae6; }
239 |
240 | .reveal .controls div.navigate-right.enabled:hover {
241 | border-left-color: #78bae6; }
242 |
243 | .reveal .controls div.navigate-up.enabled:hover {
244 | border-bottom-color: #78bae6; }
245 |
246 | .reveal .controls div.navigate-down.enabled:hover {
247 | border-top-color: #78bae6; }
248 |
249 | /*********************************************
250 | * PROGRESS BAR
251 | *********************************************/
252 | .reveal .progress {
253 | background: rgba(0, 0, 0, 0.2); }
254 |
255 | .reveal .progress span {
256 | background: #268bd2;
257 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
258 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
259 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
260 |
261 | /*********************************************
262 | * SLIDE NUMBER
263 | *********************************************/
264 | .reveal .slide-number {
265 | color: #268bd2; }
266 |
--------------------------------------------------------------------------------
/slides/css/theme/white.css:
--------------------------------------------------------------------------------
1 | @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
2 | /**
3 | * White theme for reveal.js. This is the opposite of the 'black' theme.
4 | *
5 | * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
6 | */
7 | section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
8 | color: #fff; }
9 |
10 | /*********************************************
11 | * GLOBAL STYLES
12 | *********************************************/
13 | body {
14 | background: #fff;
15 | background-color: #fff; }
16 |
17 | .reveal {
18 | font-family: 'Source Sans Pro', Helvetica, sans-serif;
19 | font-size: 38px;
20 | font-weight: normal;
21 | color: #222; }
22 |
23 | ::selection {
24 | color: #fff;
25 | background: #98bdef;
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: #222;
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 tr:last-child td {
163 | border-bottom: none; }
164 |
165 | .reveal sup {
166 | vertical-align: super; }
167 |
168 | .reveal sub {
169 | vertical-align: sub; }
170 |
171 | .reveal small {
172 | display: inline-block;
173 | font-size: 0.6em;
174 | line-height: 1.2em;
175 | vertical-align: top; }
176 |
177 | .reveal small * {
178 | vertical-align: top; }
179 |
180 | /*********************************************
181 | * LINKS
182 | *********************************************/
183 | .reveal a {
184 | color: #2a76dd;
185 | text-decoration: none;
186 | -webkit-transition: color 0.15s ease;
187 | -moz-transition: color 0.15s ease;
188 | transition: color 0.15s ease; }
189 |
190 | .reveal a:hover {
191 | color: #6ca2e8;
192 | text-shadow: none;
193 | border: none; }
194 |
195 | .reveal .roll span:after {
196 | color: #fff;
197 | background: #1a54a1; }
198 |
199 | /*********************************************
200 | * IMAGES
201 | *********************************************/
202 | .reveal section img {
203 | margin: 15px 0px;
204 | background: rgba(255, 255, 255, 0.12);
205 | border: 4px solid #222;
206 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
207 |
208 | .reveal a img {
209 | -webkit-transition: all 0.15s linear;
210 | -moz-transition: all 0.15s linear;
211 | transition: all 0.15s linear; }
212 |
213 | .reveal a:hover img {
214 | background: rgba(255, 255, 255, 0.2);
215 | border-color: #2a76dd;
216 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
217 |
218 | /*********************************************
219 | * NAVIGATION CONTROLS
220 | *********************************************/
221 | .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
222 | border-right-color: #2a76dd; }
223 |
224 | .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
225 | border-left-color: #2a76dd; }
226 |
227 | .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
228 | border-bottom-color: #2a76dd; }
229 |
230 | .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
231 | border-top-color: #2a76dd; }
232 |
233 | .reveal .controls div.navigate-left.enabled:hover {
234 | border-right-color: #6ca2e8; }
235 |
236 | .reveal .controls div.navigate-right.enabled:hover {
237 | border-left-color: #6ca2e8; }
238 |
239 | .reveal .controls div.navigate-up.enabled:hover {
240 | border-bottom-color: #6ca2e8; }
241 |
242 | .reveal .controls div.navigate-down.enabled:hover {
243 | border-top-color: #6ca2e8; }
244 |
245 | /*********************************************
246 | * PROGRESS BAR
247 | *********************************************/
248 | .reveal .progress {
249 | background: rgba(0, 0, 0, 0.2); }
250 |
251 | .reveal .progress span {
252 | background: #2a76dd;
253 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
254 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
255 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
256 |
257 | /*********************************************
258 | * SLIDE NUMBER
259 | *********************************************/
260 | .reveal .slide-number {
261 | color: #2a76dd; }
262 |
--------------------------------------------------------------------------------
/slides/css/theme/black.css:
--------------------------------------------------------------------------------
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 tr:last-child td {
163 | border-bottom: none; }
164 |
165 | .reveal sup {
166 | vertical-align: super; }
167 |
168 | .reveal sub {
169 | vertical-align: sub; }
170 |
171 | .reveal small {
172 | display: inline-block;
173 | font-size: 0.6em;
174 | line-height: 1.2em;
175 | vertical-align: top; }
176 |
177 | .reveal small * {
178 | vertical-align: top; }
179 |
180 | /*********************************************
181 | * LINKS
182 | *********************************************/
183 | .reveal a {
184 | color: #42affa;
185 | text-decoration: none;
186 | -webkit-transition: color 0.15s ease;
187 | -moz-transition: color 0.15s ease;
188 | transition: color 0.15s ease; }
189 |
190 | .reveal a:hover {
191 | color: #8dcffc;
192 | text-shadow: none;
193 | border: none; }
194 |
195 | .reveal .roll span:after {
196 | color: #fff;
197 | background: #068ee9; }
198 |
199 | /*********************************************
200 | * IMAGES
201 | *********************************************/
202 | .reveal section img {
203 | margin: 15px 0px;
204 | background: rgba(255, 255, 255, 0.12);
205 | border: 4px solid #fff;
206 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
207 |
208 | .reveal a img {
209 | -webkit-transition: all 0.15s linear;
210 | -moz-transition: all 0.15s linear;
211 | transition: all 0.15s linear; }
212 |
213 | .reveal a:hover img {
214 | background: rgba(255, 255, 255, 0.2);
215 | border-color: #42affa;
216 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
217 |
218 | /*********************************************
219 | * NAVIGATION CONTROLS
220 | *********************************************/
221 | .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
222 | border-right-color: #42affa; }
223 |
224 | .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
225 | border-left-color: #42affa; }
226 |
227 | .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
228 | border-bottom-color: #42affa; }
229 |
230 | .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
231 | border-top-color: #42affa; }
232 |
233 | .reveal .controls div.navigate-left.enabled:hover {
234 | border-right-color: #8dcffc; }
235 |
236 | .reveal .controls div.navigate-right.enabled:hover {
237 | border-left-color: #8dcffc; }
238 |
239 | .reveal .controls div.navigate-up.enabled:hover {
240 | border-bottom-color: #8dcffc; }
241 |
242 | .reveal .controls div.navigate-down.enabled:hover {
243 | border-top-color: #8dcffc; }
244 |
245 | /*********************************************
246 | * PROGRESS BAR
247 | *********************************************/
248 | .reveal .progress {
249 | background: rgba(0, 0, 0, 0.2); }
250 |
251 | .reveal .progress span {
252 | background: #42affa;
253 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
254 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
255 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
256 |
257 | /*********************************************
258 | * SLIDE NUMBER
259 | *********************************************/
260 | .reveal .slide-number {
261 | color: #42affa; }
262 |
--------------------------------------------------------------------------------
/slides/css/theme/simple.css:
--------------------------------------------------------------------------------
1 | @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
2 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
3 | /**
4 | * A simple theme for reveal.js presentations, similar
5 | * to the default theme. The accent color is darkblue.
6 | *
7 | * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
8 | * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
9 | */
10 | /*********************************************
11 | * GLOBAL STYLES
12 | *********************************************/
13 | body {
14 | background: #fff;
15 | background-color: #fff; }
16 |
17 | .reveal {
18 | font-family: 'Lato', sans-serif;
19 | font-size: 36px;
20 | font-weight: normal;
21 | color: #000; }
22 |
23 | ::selection {
24 | color: #fff;
25 | background: rgba(0, 0, 0, 0.99);
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: #000;
38 | font-family: 'News Cycle', Impact, sans-serif;
39 | font-weight: normal;
40 | line-height: 1.2;
41 | letter-spacing: normal;
42 | text-transform: none;
43 | text-shadow: none;
44 | word-wrap: break-word; }
45 |
46 | .reveal h1 {
47 | font-size: 3.77em; }
48 |
49 | .reveal h2 {
50 | font-size: 2.11em; }
51 |
52 | .reveal h3 {
53 | font-size: 1.55em; }
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 tr:last-child td {
163 | border-bottom: none; }
164 |
165 | .reveal sup {
166 | vertical-align: super; }
167 |
168 | .reveal sub {
169 | vertical-align: sub; }
170 |
171 | .reveal small {
172 | display: inline-block;
173 | font-size: 0.6em;
174 | line-height: 1.2em;
175 | vertical-align: top; }
176 |
177 | .reveal small * {
178 | vertical-align: top; }
179 |
180 | /*********************************************
181 | * LINKS
182 | *********************************************/
183 | .reveal a {
184 | color: #00008B;
185 | text-decoration: none;
186 | -webkit-transition: color 0.15s ease;
187 | -moz-transition: color 0.15s ease;
188 | transition: color 0.15s ease; }
189 |
190 | .reveal a:hover {
191 | color: #0000f1;
192 | text-shadow: none;
193 | border: none; }
194 |
195 | .reveal .roll span:after {
196 | color: #fff;
197 | background: #00003f; }
198 |
199 | /*********************************************
200 | * IMAGES
201 | *********************************************/
202 | .reveal section img {
203 | margin: 15px 0px;
204 | background: rgba(255, 255, 255, 0.12);
205 | border: 4px solid #000;
206 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
207 |
208 | .reveal a img {
209 | -webkit-transition: all 0.15s linear;
210 | -moz-transition: all 0.15s linear;
211 | transition: all 0.15s linear; }
212 |
213 | .reveal a:hover img {
214 | background: rgba(255, 255, 255, 0.2);
215 | border-color: #00008B;
216 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
217 |
218 | /*********************************************
219 | * NAVIGATION CONTROLS
220 | *********************************************/
221 | .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
222 | border-right-color: #00008B; }
223 |
224 | .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
225 | border-left-color: #00008B; }
226 |
227 | .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
228 | border-bottom-color: #00008B; }
229 |
230 | .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
231 | border-top-color: #00008B; }
232 |
233 | .reveal .controls div.navigate-left.enabled:hover {
234 | border-right-color: #0000f1; }
235 |
236 | .reveal .controls div.navigate-right.enabled:hover {
237 | border-left-color: #0000f1; }
238 |
239 | .reveal .controls div.navigate-up.enabled:hover {
240 | border-bottom-color: #0000f1; }
241 |
242 | .reveal .controls div.navigate-down.enabled:hover {
243 | border-top-color: #0000f1; }
244 |
245 | /*********************************************
246 | * PROGRESS BAR
247 | *********************************************/
248 | .reveal .progress {
249 | background: rgba(0, 0, 0, 0.2); }
250 |
251 | .reveal .progress span {
252 | background: #00008B;
253 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
254 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
255 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
256 |
257 | /*********************************************
258 | * SLIDE NUMBER
259 | *********************************************/
260 | .reveal .slide-number {
261 | color: #00008B; }
262 |
--------------------------------------------------------------------------------
/slides/css/theme/template/theme.scss:
--------------------------------------------------------------------------------
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: normal;
16 | color: $mainColor;
17 | }
18 |
19 | ::selection {
20 | color: $selectionColor;
21 | background: $selectionBackgroundColor;
22 | text-shadow: none;
23 | }
24 |
25 | .reveal .slides>section,
26 | .reveal .slides>section>section {
27 | line-height: 1.3;
28 | font-weight: inherit;
29 | }
30 |
31 | /*********************************************
32 | * HEADERS
33 | *********************************************/
34 |
35 | .reveal h1,
36 | .reveal h2,
37 | .reveal h3,
38 | .reveal h4,
39 | .reveal h5,
40 | .reveal h6 {
41 | margin: $headingMargin;
42 | color: $headingColor;
43 |
44 | font-family: $headingFont;
45 | font-weight: $headingFontWeight;
46 | line-height: $headingLineHeight;
47 | letter-spacing: $headingLetterSpacing;
48 |
49 | text-transform: $headingTextTransform;
50 | text-shadow: $headingTextShadow;
51 |
52 | word-wrap: break-word;
53 | }
54 |
55 | .reveal h1 {font-size: $heading1Size; }
56 | .reveal h2 {font-size: $heading2Size; }
57 | .reveal h3 {font-size: $heading3Size; }
58 | .reveal h4 {font-size: $heading4Size; }
59 |
60 | .reveal h1 {
61 | text-shadow: $heading1TextShadow;
62 | }
63 |
64 |
65 | /*********************************************
66 | * OTHER
67 | *********************************************/
68 |
69 | .reveal p {
70 | margin: $blockMargin 0;
71 | line-height: 1.3;
72 | }
73 |
74 | /* Ensure certain elements are never larger than the slide itself */
75 | .reveal img,
76 | .reveal video,
77 | .reveal iframe {
78 | max-width: 95%;
79 | max-height: 95%;
80 | }
81 | .reveal strong,
82 | .reveal b {
83 | font-weight: bold;
84 | }
85 |
86 | .reveal em {
87 | font-style: italic;
88 | }
89 |
90 | .reveal ol,
91 | .reveal dl,
92 | .reveal ul {
93 | display: inline-block;
94 |
95 | text-align: left;
96 | margin: 0 0 0 1em;
97 | }
98 |
99 | .reveal ol {
100 | list-style-type: decimal;
101 | }
102 |
103 | .reveal ul {
104 | list-style-type: disc;
105 | }
106 |
107 | .reveal ul ul {
108 | list-style-type: square;
109 | }
110 |
111 | .reveal ul ul ul {
112 | list-style-type: circle;
113 | }
114 |
115 | .reveal ul ul,
116 | .reveal ul ol,
117 | .reveal ol ol,
118 | .reveal ol ul {
119 | display: block;
120 | margin-left: 40px;
121 | }
122 |
123 | .reveal dt {
124 | font-weight: bold;
125 | }
126 |
127 | .reveal dd {
128 | margin-left: 40px;
129 | }
130 |
131 | .reveal q,
132 | .reveal blockquote {
133 | quotes: none;
134 | }
135 |
136 | .reveal blockquote {
137 | display: block;
138 | position: relative;
139 | width: 70%;
140 | margin: $blockMargin auto;
141 | padding: 5px;
142 |
143 | font-style: italic;
144 | background: rgba(255, 255, 255, 0.05);
145 | box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
146 | }
147 | .reveal blockquote p:first-child,
148 | .reveal blockquote p:last-child {
149 | display: inline-block;
150 | }
151 |
152 | .reveal q {
153 | font-style: italic;
154 | }
155 |
156 | .reveal pre {
157 | display: block;
158 | position: relative;
159 | width: 90%;
160 | margin: $blockMargin auto;
161 |
162 | text-align: left;
163 | font-size: 0.55em;
164 | font-family: monospace;
165 | line-height: 1.2em;
166 |
167 | word-wrap: break-word;
168 |
169 | box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
170 | }
171 | .reveal code {
172 | font-family: monospace;
173 | }
174 |
175 | .reveal pre code {
176 | display: block;
177 | padding: 5px;
178 | overflow: auto;
179 | max-height: 400px;
180 | word-wrap: normal;
181 | background: #3F3F3F;
182 | color: #DCDCDC;
183 | }
184 |
185 | .reveal table {
186 | margin: auto;
187 | border-collapse: collapse;
188 | border-spacing: 0;
189 | }
190 |
191 | .reveal table th {
192 | font-weight: bold;
193 | }
194 |
195 | .reveal table th,
196 | .reveal table td {
197 | text-align: left;
198 | padding: 0.2em 0.5em 0.2em 0.5em;
199 | border-bottom: 1px solid;
200 | }
201 |
202 | .reveal table tr:last-child td {
203 | border-bottom: none;
204 | }
205 |
206 | .reveal sup {
207 | vertical-align: super;
208 | }
209 | .reveal sub {
210 | vertical-align: sub;
211 | }
212 |
213 | .reveal small {
214 | display: inline-block;
215 | font-size: 0.6em;
216 | line-height: 1.2em;
217 | vertical-align: top;
218 | }
219 |
220 | .reveal small * {
221 | vertical-align: top;
222 | }
223 |
224 |
225 | /*********************************************
226 | * LINKS
227 | *********************************************/
228 |
229 | .reveal a {
230 | color: $linkColor;
231 | text-decoration: none;
232 |
233 | -webkit-transition: color .15s ease;
234 | -moz-transition: color .15s ease;
235 | transition: color .15s ease;
236 | }
237 | .reveal a:hover {
238 | color: $linkColorHover;
239 |
240 | text-shadow: none;
241 | border: none;
242 | }
243 |
244 | .reveal .roll span:after {
245 | color: #fff;
246 | background: darken( $linkColor, 15% );
247 | }
248 |
249 |
250 | /*********************************************
251 | * IMAGES
252 | *********************************************/
253 |
254 | .reveal section img {
255 | margin: 15px 0px;
256 | background: rgba(255,255,255,0.12);
257 | border: 4px solid $mainColor;
258 |
259 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
260 | }
261 |
262 | .reveal a img {
263 | -webkit-transition: all .15s linear;
264 | -moz-transition: all .15s linear;
265 | transition: all .15s linear;
266 | }
267 |
268 | .reveal a:hover img {
269 | background: rgba(255,255,255,0.2);
270 | border-color: $linkColor;
271 |
272 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
273 | }
274 |
275 |
276 | /*********************************************
277 | * NAVIGATION CONTROLS
278 | *********************************************/
279 |
280 | .reveal .controls div.navigate-left,
281 | .reveal .controls div.navigate-left.enabled {
282 | border-right-color: $linkColor;
283 | }
284 |
285 | .reveal .controls div.navigate-right,
286 | .reveal .controls div.navigate-right.enabled {
287 | border-left-color: $linkColor;
288 | }
289 |
290 | .reveal .controls div.navigate-up,
291 | .reveal .controls div.navigate-up.enabled {
292 | border-bottom-color: $linkColor;
293 | }
294 |
295 | .reveal .controls div.navigate-down,
296 | .reveal .controls div.navigate-down.enabled {
297 | border-top-color: $linkColor;
298 | }
299 |
300 | .reveal .controls div.navigate-left.enabled:hover {
301 | border-right-color: $linkColorHover;
302 | }
303 |
304 | .reveal .controls div.navigate-right.enabled:hover {
305 | border-left-color: $linkColorHover;
306 | }
307 |
308 | .reveal .controls div.navigate-up.enabled:hover {
309 | border-bottom-color: $linkColorHover;
310 | }
311 |
312 | .reveal .controls div.navigate-down.enabled:hover {
313 | border-top-color: $linkColorHover;
314 | }
315 |
316 |
317 | /*********************************************
318 | * PROGRESS BAR
319 | *********************************************/
320 |
321 | .reveal .progress {
322 | background: rgba(0,0,0,0.2);
323 | }
324 | .reveal .progress span {
325 | background: $linkColor;
326 |
327 | -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
328 | -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
329 | transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
330 | }
331 |
332 | /*********************************************
333 | * SLIDE NUMBER
334 | *********************************************/
335 | .reveal .slide-number {
336 | color: $linkColor;
337 | }
338 |
339 |
340 |
--------------------------------------------------------------------------------
/slides/css/theme/sky.css:
--------------------------------------------------------------------------------
1 | @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
2 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
3 | /**
4 | * Sky theme for reveal.js.
5 | *
6 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7 | */
8 | .reveal a {
9 | line-height: 1.3em; }
10 |
11 | /*********************************************
12 | * GLOBAL STYLES
13 | *********************************************/
14 | body {
15 | background: #add9e4;
16 | background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
17 | background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
18 | background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
19 | background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
20 | background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
21 | background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
22 | background-color: #f7fbfc; }
23 |
24 | .reveal {
25 | font-family: 'Open Sans', sans-serif;
26 | font-size: 36px;
27 | font-weight: normal;
28 | color: #333; }
29 |
30 | ::selection {
31 | color: #fff;
32 | background: #134674;
33 | text-shadow: none; }
34 |
35 | .reveal .slides > section, .reveal .slides > section > section {
36 | line-height: 1.3;
37 | font-weight: inherit; }
38 |
39 | /*********************************************
40 | * HEADERS
41 | *********************************************/
42 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
43 | margin: 0 0 20px 0;
44 | color: #333;
45 | font-family: 'Quicksand', sans-serif;
46 | font-weight: normal;
47 | line-height: 1.2;
48 | letter-spacing: -0.08em;
49 | text-transform: uppercase;
50 | text-shadow: none;
51 | word-wrap: break-word; }
52 |
53 | .reveal h1 {
54 | font-size: 3.77em; }
55 |
56 | .reveal h2 {
57 | font-size: 2.11em; }
58 |
59 | .reveal h3 {
60 | font-size: 1.55em; }
61 |
62 | .reveal h4 {
63 | font-size: 1em; }
64 |
65 | .reveal h1 {
66 | text-shadow: none; }
67 |
68 | /*********************************************
69 | * OTHER
70 | *********************************************/
71 | .reveal p {
72 | margin: 20px 0;
73 | line-height: 1.3; }
74 |
75 | /* Ensure certain elements are never larger than the slide itself */
76 | .reveal img, .reveal video, .reveal iframe {
77 | max-width: 95%;
78 | max-height: 95%; }
79 |
80 | .reveal strong, .reveal b {
81 | font-weight: bold; }
82 |
83 | .reveal em {
84 | font-style: italic; }
85 |
86 | .reveal ol, .reveal dl, .reveal ul {
87 | display: inline-block;
88 | text-align: left;
89 | margin: 0 0 0 1em; }
90 |
91 | .reveal ol {
92 | list-style-type: decimal; }
93 |
94 | .reveal ul {
95 | list-style-type: disc; }
96 |
97 | .reveal ul ul {
98 | list-style-type: square; }
99 |
100 | .reveal ul ul ul {
101 | list-style-type: circle; }
102 |
103 | .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
104 | display: block;
105 | margin-left: 40px; }
106 |
107 | .reveal dt {
108 | font-weight: bold; }
109 |
110 | .reveal dd {
111 | margin-left: 40px; }
112 |
113 | .reveal q, .reveal blockquote {
114 | quotes: none; }
115 |
116 | .reveal blockquote {
117 | display: block;
118 | position: relative;
119 | width: 70%;
120 | margin: 20px auto;
121 | padding: 5px;
122 | font-style: italic;
123 | background: rgba(255, 255, 255, 0.05);
124 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
125 |
126 | .reveal blockquote p:first-child, .reveal blockquote p:last-child {
127 | display: inline-block; }
128 |
129 | .reveal q {
130 | font-style: italic; }
131 |
132 | .reveal pre {
133 | display: block;
134 | position: relative;
135 | width: 90%;
136 | margin: 20px auto;
137 | text-align: left;
138 | font-size: 0.55em;
139 | font-family: monospace;
140 | line-height: 1.2em;
141 | word-wrap: break-word;
142 | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
143 |
144 | .reveal code {
145 | font-family: monospace; }
146 |
147 | .reveal pre code {
148 | display: block;
149 | padding: 5px;
150 | overflow: auto;
151 | max-height: 400px;
152 | word-wrap: normal;
153 | background: #3F3F3F;
154 | color: #DCDCDC; }
155 |
156 | .reveal table {
157 | margin: auto;
158 | border-collapse: collapse;
159 | border-spacing: 0; }
160 |
161 | .reveal table th {
162 | font-weight: bold; }
163 |
164 | .reveal table th, .reveal table td {
165 | text-align: left;
166 | padding: 0.2em 0.5em 0.2em 0.5em;
167 | border-bottom: 1px solid; }
168 |
169 | .reveal table tr:last-child td {
170 | border-bottom: none; }
171 |
172 | .reveal sup {
173 | vertical-align: super; }
174 |
175 | .reveal sub {
176 | vertical-align: sub; }
177 |
178 | .reveal small {
179 | display: inline-block;
180 | font-size: 0.6em;
181 | line-height: 1.2em;
182 | vertical-align: top; }
183 |
184 | .reveal small * {
185 | vertical-align: top; }
186 |
187 | /*********************************************
188 | * LINKS
189 | *********************************************/
190 | .reveal a {
191 | color: #3b759e;
192 | text-decoration: none;
193 | -webkit-transition: color 0.15s ease;
194 | -moz-transition: color 0.15s ease;
195 | transition: color 0.15s ease; }
196 |
197 | .reveal a:hover {
198 | color: #74a8cb;
199 | text-shadow: none;
200 | border: none; }
201 |
202 | .reveal .roll span:after {
203 | color: #fff;
204 | background: #264d66; }
205 |
206 | /*********************************************
207 | * IMAGES
208 | *********************************************/
209 | .reveal section img {
210 | margin: 15px 0px;
211 | background: rgba(255, 255, 255, 0.12);
212 | border: 4px solid #333;
213 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
214 |
215 | .reveal a img {
216 | -webkit-transition: all 0.15s linear;
217 | -moz-transition: all 0.15s linear;
218 | transition: all 0.15s linear; }
219 |
220 | .reveal a:hover img {
221 | background: rgba(255, 255, 255, 0.2);
222 | border-color: #3b759e;
223 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
224 |
225 | /*********************************************
226 | * NAVIGATION CONTROLS
227 | *********************************************/
228 | .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
229 | border-right-color: #3b759e; }
230 |
231 | .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
232 | border-left-color: #3b759e; }
233 |
234 | .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
235 | border-bottom-color: #3b759e; }
236 |
237 | .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
238 | border-top-color: #3b759e; }
239 |
240 | .reveal .controls div.navigate-left.enabled:hover {
241 | border-right-color: #74a8cb; }
242 |
243 | .reveal .controls div.navigate-right.enabled:hover {
244 | border-left-color: #74a8cb; }
245 |
246 | .reveal .controls div.navigate-up.enabled:hover {
247 | border-bottom-color: #74a8cb; }
248 |
249 | .reveal .controls div.navigate-down.enabled:hover {
250 | border-top-color: #74a8cb; }
251 |
252 | /*********************************************
253 | * PROGRESS BAR
254 | *********************************************/
255 | .reveal .progress {
256 | background: rgba(0, 0, 0, 0.2); }
257 |
258 | .reveal .progress span {
259 | background: #3b759e;
260 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
261 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
262 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
263 |
264 | /*********************************************
265 | * SLIDE NUMBER
266 | *********************************************/
267 | .reveal .slide-number {
268 | color: #3b759e; }
269 |
--------------------------------------------------------------------------------
/slides/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | HTML Plan
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
21 |
24 |
31 |
32 |
33 |
34 |
35 |
36 | The HTML Plan
37 | Advisory Board Edition
38 |
39 |
67 |
68 |
69 |
70 |
71 | Participation
72 |
73 | Problem:
74 | Large group ⇒ lack of focus ⇒ lack of participation
75 |
76 | Solution:
77 | Organize as a federation of smaller groups
78 |
79 | Details:
80 | Move work from Task Forces to Community Groups
81 |
82 |
83 |
84 |
85 | Consensus
86 |
87 | Problem:
88 | Delegate while retaining consensus as a value
89 |
90 | Solution:
91 | Output of CG is input to WG
92 |
93 | Details:
94 | CG
95 | FSA becomes
96 | WG
97 | FPWD /
98 | CR
99 |
100 |
101 |
102 |
103 | Resources
104 |
105 | Problem:
106 | Lack of editor/test resources
107 |
108 | Solution:
109 | Reduce duplication, eliminate errata
110 |
111 | Details:
112 | Delegate bug triage to WHATWG; annual HTML recommendations
113 |
114 |
115 |
116 |
117 | Resources
118 |
119 | Problem:
120 | IPR issues are a stumbling block for working with WHATWG
121 |
122 | Solution:
123 | Embrace forking/merging as a mode of operation
124 |
125 | Details:
126 | Adopt W3C Software License for Specifications
127 |
128 |
129 |
130 |
131 | Key differences
132 |
133 | Reviewers are asked to file bugs against the WHATWG HTML spec
134 | Automatic publishing - no cherry-picking
135 | New work done in autonomous Community Groups
136 | Encourage pull requests as a best practice for conflict resolution.
137 |
138 |
139 |
140 |
141 | Key dates
142 |
143 | Updated HTML 5.1 Editor's draft: February 2015
144 | Deployment of plan by WG: during the spring F2F
145 | Rechartering of group: June 2015
146 | HTML 5.1 Recommendation: year end 2015 (aggressive target)
147 |
148 |
149 |
150 |
151 | Open Questions to the AB
152 |
153 | Is delegating triage of HTML bugs to the WHATWG acceptable?
154 | Is our proposed handling of errata acceptable?
155 | Does the AB have an opinion on our “supergroup” organisation?
156 | Is our licensing strategy good?
157 | Is our plan likely to lead to better browser vendor engagement?
158 | Given a CG-based model, what is the incentive for Members to participate?
159 |
160 |
161 |
162 |
163 | The Gory Details
164 |
165 | This presentation focused on participation and
166 | the WHATWG .
167 |
168 |
169 | Enquiring minds should feel free to consult the full plan .
170 |
171 |
172 |
173 |
174 | Thank you!
175 |
176 | Questions?
177 |
178 |
179 |
180 |
181 |
182 |
183 |
202 |
203 |
204 |
--------------------------------------------------------------------------------