15 |
16 |
29 |
30 |
31 |
32 |
33 |
34 |
39 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/presentation/plugin/multiplex/master.js:
--------------------------------------------------------------------------------
1 | (function() {
2 |
3 | // Don't emit events from inside of notes windows
4 | if ( window.location.search.match( /receiver/gi ) ) { return; }
5 |
6 | var multiplex = Reveal.getConfig().multiplex;
7 |
8 | var socket = io.connect( multiplex.url );
9 |
10 | function post() {
11 |
12 | var messageData = {
13 | state: Reveal.getState(),
14 | secret: multiplex.secret,
15 | socketId: multiplex.id
16 | };
17 |
18 | socket.emit( 'multiplex-statechanged', messageData );
19 |
20 | };
21 |
22 | // Monitor events that trigger a change in state
23 | Reveal.addEventListener( 'slidechanged', post );
24 | Reveal.addEventListener( 'fragmentshown', post );
25 | Reveal.addEventListener( 'fragmenthidden', post );
26 | Reveal.addEventListener( 'overviewhidden', post );
27 | Reveal.addEventListener( 'overviewshown', post );
28 | Reveal.addEventListener( 'paused', post );
29 | Reveal.addEventListener( 'resumed', post );
30 |
31 | }());
--------------------------------------------------------------------------------
/presentation/test/test-markdown-options.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
17 |
18 | CMS
19 |
20 |
21 |
22 |
23 |
26 |
27 |
30 |
31 |
35 | );
36 | };
37 |
38 | export default Cms;
39 |
--------------------------------------------------------------------------------
/presentation/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 |
31 |
32 | // Theme template ------------------------------
33 | @import "../template/theme";
34 | // ---------------------------------------------
--------------------------------------------------------------------------------
/presentation/test/examples/embedded-media.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
32 |
34 |
18 |
19 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
47 |
48 |
49 |
50 |
--------------------------------------------------------------------------------
/presentation/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 |
21 |
22 | ### Plugins
23 | Please do not submit plugins as pull requests. They should be maintained in their own separate repository. More information here: https://github.com/hakimel/reveal.js/wiki/Plugin-Guidelines
24 |
--------------------------------------------------------------------------------
/presentation/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 |
--------------------------------------------------------------------------------
/presentation/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright (C) 2017 Hakim El Hattab, http://hakim.se, and reveal.js contributors
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.
--------------------------------------------------------------------------------
/presentation/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: 40px;
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 | }
--------------------------------------------------------------------------------
/presentation/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 | // ---------------------------------------------
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | This is free and unencumbered software released into the public domain.
2 |
3 | Anyone is free to copy, modify, publish, use, compile, sell, or
4 | distribute this software, either in source code form or as a compiled
5 | binary, for any purpose, commercial or non-commercial, and by any
6 | means.
7 |
8 | In jurisdictions that recognize copyright laws, the author or authors
9 | of this software dedicate any and all copyright interest in the
10 | software to the public domain. We make this dedication for the benefit
11 | of the public at large and to the detriment of our heirs and
12 | successors. We intend this dedication to be an overt act of
13 | relinquishment in perpetuity of all present and future rights to this
14 | software under copyright law.
15 |
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
19 | IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
20 | OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
21 | ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
22 | OTHER DEALINGS IN THE SOFTWARE.
23 |
24 | For more information, please refer to
27 |
34 |
35 |
36 |
37 |
38 |
39 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/presentation/css/theme/source/solarized.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * Solarized Light theme for reveal.js.
3 | * Author: Achim Staebler
4 | */
5 |
6 |
7 | // Default mixins and settings -----------------
8 | @import "../template/mixins";
9 | @import "../template/settings";
10 | // ---------------------------------------------
11 |
12 |
13 |
14 | // Include theme-specific fonts
15 | @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 | /**
20 | * Solarized colors by Ethan Schoonover
21 | */
22 | html * {
23 | color-profile: sRGB;
24 | rendering-intent: auto;
25 | }
26 |
27 | // Solarized colors
28 | $base03: #002b36;
29 | $base02: #073642;
30 | $base01: #586e75;
31 | $base00: #657b83;
32 | $base0: #839496;
33 | $base1: #93a1a1;
34 | $base2: #eee8d5;
35 | $base3: #fdf6e3;
36 | $yellow: #b58900;
37 | $orange: #cb4b16;
38 | $red: #dc322f;
39 | $magenta: #d33682;
40 | $violet: #6c71c4;
41 | $blue: #268bd2;
42 | $cyan: #2aa198;
43 | $green: #859900;
44 |
45 | // Override theme settings (see ../template/settings.scss)
46 | $mainColor: $base00;
47 | $headingColor: $base01;
48 | $headingTextShadow: none;
49 | $backgroundColor: $base3;
50 | $linkColor: $blue;
51 | $linkColorHover: lighten( $linkColor, 20% );
52 | $selectionBackgroundColor: $magenta;
53 |
54 | // Background generator
55 | // @mixin bodyBackground() {
56 | // @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) );
57 | // }
58 |
59 |
60 |
61 | // Theme template ------------------------------
62 | @import "../template/theme";
63 | // ---------------------------------------------
64 |
--------------------------------------------------------------------------------
/presentation/css/theme/template/mixins.scss:
--------------------------------------------------------------------------------
1 | @mixin vertical-gradient( $top, $bottom ) {
2 | background: $top;
3 | background: -moz-linear-gradient( top, $top 0%, $bottom 100% );
4 | background: -webkit-gradient( linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom) );
5 | background: -webkit-linear-gradient( top, $top 0%, $bottom 100% );
6 | background: -o-linear-gradient( top, $top 0%, $bottom 100% );
7 | background: -ms-linear-gradient( top, $top 0%, $bottom 100% );
8 | background: linear-gradient( top, $top 0%, $bottom 100% );
9 | }
10 |
11 | @mixin horizontal-gradient( $top, $bottom ) {
12 | background: $top;
13 | background: -moz-linear-gradient( left, $top 0%, $bottom 100% );
14 | background: -webkit-gradient( linear, left top, right top, color-stop(0%,$top), color-stop(100%,$bottom) );
15 | background: -webkit-linear-gradient( left, $top 0%, $bottom 100% );
16 | background: -o-linear-gradient( left, $top 0%, $bottom 100% );
17 | background: -ms-linear-gradient( left, $top 0%, $bottom 100% );
18 | background: linear-gradient( left, $top 0%, $bottom 100% );
19 | }
20 |
21 | @mixin radial-gradient( $outer, $inner, $type: circle ) {
22 | background: $outer;
23 | background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
24 | background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) );
25 | background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
26 | background: -o-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
27 | background: -ms-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
28 | background: radial-gradient( center, $type cover, $inner 0%, $outer 100% );
29 | }
--------------------------------------------------------------------------------
/src/fe/components/UserInfo.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button, Image, Modal } from 'semantic-ui-react';
3 | import axios from 'axios';
4 | import { Helmet } from 'react-helmet';
5 |
6 | class UserInfo extends React.Component {
7 | constructor(props) {
8 | super(props);
9 |
10 | this.state = { user: { name: '' } };
11 |
12 | this.handleDelete = this.handleDelete.bind(this);
13 | }
14 |
15 | componentDidMount() {
16 | axios.get('/api/users/1')
17 | .then(({ data: user }) => {
18 | this.setState({ user });
19 | });
20 | }
21 |
22 | handleDelete() {
23 | axios.delete('/api/users/1')
24 | .then(() => {
25 | console.log('user deleted');
26 | });
27 | }
28 |
29 | render() {
30 | const { user } = this.state;
31 |
32 | return (
33 | Email: {user.email}
43 |Phone: {user.phone}
44 |Address: {user.address}
45 |City: {user.city}
46 |Zip: {user.zip}
47 |
26 | reveal.js multiplex server.
Generate token'); 38 | res.end(); 39 | }); 40 | stream.on('readable', function() { 41 | stream.pipe(res); 42 | }); 43 | }); 44 | 45 | app.get("/token", function(req,res) { 46 | var ts = new Date().getTime(); 47 | var rand = Math.floor(Math.random()*9999999); 48 | var secret = ts.toString() + rand.toString(); 49 | res.send({secret: secret, socketId: createHash(secret)}); 50 | }); 51 | 52 | var createHash = function(secret) { 53 | var cipher = crypto.createCipher('blowfish', secret); 54 | return(cipher.final('hex')); 55 | }; 56 | 57 | // Actually listen 58 | server.listen( opts.port || null ); 59 | 60 | var brown = '\033[33m', 61 | green = '\033[32m', 62 | reset = '\033[0m'; 63 | 64 | console.log( brown + "reveal.js:" + reset + " Multiplex running on port " + green + opts.port + reset ); -------------------------------------------------------------------------------- /presentation/plugin/notes-server/index.js: -------------------------------------------------------------------------------- 1 | var http = require('http'); 2 | var express = require('express'); 3 | var fs = require('fs'); 4 | var io = require('socket.io'); 5 | var Mustache = require('mustache'); 6 | 7 | var app = express(); 8 | var staticDir = express.static; 9 | var server = http.createServer(app); 10 | 11 | io = io(server); 12 | 13 | var opts = { 14 | port : 1947, 15 | baseDir : __dirname + '/../../' 16 | }; 17 | 18 | io.on( 'connection', function( socket ) { 19 | 20 | socket.on( 'new-subscriber', function( data ) { 21 | socket.broadcast.emit( 'new-subscriber', data ); 22 | }); 23 | 24 | socket.on( 'statechanged', function( data ) { 25 | delete data.state.overview; 26 | socket.broadcast.emit( 'statechanged', data ); 27 | }); 28 | 29 | socket.on( 'statechanged-speaker', function( data ) { 30 | delete data.state.overview; 31 | socket.broadcast.emit( 'statechanged-speaker', data ); 32 | }); 33 | 34 | }); 35 | 36 | [ 'css', 'js', 'images', 'plugin', 'lib' ].forEach( function( dir ) { 37 | app.use( '/' + dir, staticDir( opts.baseDir + dir ) ); 38 | }); 39 | 40 | app.get('/', function( req, res ) { 41 | 42 | res.writeHead( 200, { 'Content-Type': 'text/html' } ); 43 | fs.createReadStream( opts.baseDir + '/index.html' ).pipe( res ); 44 | 45 | }); 46 | 47 | app.get( '/notes/:socketId', function( req, res ) { 48 | 49 | fs.readFile( opts.baseDir + 'plugin/notes-server/notes.html', function( err, data ) { 50 | res.send( Mustache.to_html( data.toString(), { 51 | socketId : req.params.socketId 52 | })); 53 | }); 54 | 55 | }); 56 | 57 | // Actually listen 58 | server.listen( opts.port || null ); 59 | 60 | var brown = '\033[33m', 61 | green = '\033[32m', 62 | reset = '\033[0m'; 63 | 64 | var slidesLocation = 'http://localhost' + ( opts.port ? ( ':' + opts.port ) : '' ); 65 | 66 | console.log( brown + 'reveal.js - Speaker Notes' + reset ); 67 | console.log( '1. Open the slides at ' + green + slidesLocation + reset ); 68 | console.log( '2. Click on the link in your JS console to go to the notes page' ); 69 | console.log( '3. Advance through your slides and your notes will advance automatically' ); 70 | -------------------------------------------------------------------------------- /presentation/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 | $backgroundColor: $coal; 28 | 29 | // Main text 30 | $mainFont: Ubuntu, 'sans-serif'; 31 | $mainColor: #eee; 32 | 33 | // Headings 34 | $headingFont: Ubuntu, 'sans-serif'; 35 | $headingTextShadow: 2px 2px 2px $coal; 36 | 37 | // h1 shadow, borrowed humbly from 38 | // (c) Default theme by Hakim El Hattab 39 | $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); 40 | 41 | // Links 42 | $linkColor: $blood; 43 | $linkColorHover: lighten( $linkColor, 20% ); 44 | 45 | // Text selection 46 | $selectionBackgroundColor: $blood; 47 | $selectionColor: #fff; 48 | 49 | 50 | // Theme template ------------------------------ 51 | @import "../template/theme"; 52 | // --------------------------------------------- 53 | 54 | // some overrides after theme template import 55 | 56 | .reveal p { 57 | font-weight: 300; 58 | text-shadow: 1px 1px $coal; 59 | } 60 | 61 | .reveal h1, 62 | .reveal h2, 63 | .reveal h3, 64 | .reveal h4, 65 | .reveal h5, 66 | .reveal h6 { 67 | font-weight: 700; 68 | } 69 | 70 | .reveal p code { 71 | background-color: $codeBackground; 72 | display: inline-block; 73 | border-radius: 7px; 74 | } 75 | 76 | .reveal small code { 77 | vertical-align: baseline; 78 | } -------------------------------------------------------------------------------- /presentation/plugin/notes-server/client.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | // don't emit events from inside the previews themselves 4 | if( window.location.search.match( /receiver/gi ) ) { return; } 5 | 6 | var socket = io.connect( window.location.origin ), 7 | socketId = Math.random().toString().slice( 2 ); 8 | 9 | console.log( 'View slide notes at ' + window.location.origin + '/notes/' + socketId ); 10 | 11 | window.open( window.location.origin + '/notes/' + socketId, 'notes-' + socketId ); 12 | 13 | /** 14 | * Posts the current slide data to the notes window 15 | */ 16 | function post() { 17 | 18 | var slideElement = Reveal.getCurrentSlide(), 19 | notesElement = slideElement.querySelector( 'aside.notes' ); 20 | 21 | var messageData = { 22 | notes: '', 23 | markdown: false, 24 | socketId: socketId, 25 | state: Reveal.getState() 26 | }; 27 | 28 | // Look for notes defined in a slide attribute 29 | if( slideElement.hasAttribute( 'data-notes' ) ) { 30 | messageData.notes = slideElement.getAttribute( 'data-notes' ); 31 | } 32 | 33 | // Look for notes defined in an aside element 34 | if( notesElement ) { 35 | messageData.notes = notesElement.innerHTML; 36 | messageData.markdown = typeof notesElement.getAttribute( 'data-markdown' ) === 'string'; 37 | } 38 | 39 | socket.emit( 'statechanged', messageData ); 40 | 41 | } 42 | 43 | // When a new notes window connects, post our current state 44 | socket.on( 'new-subscriber', function( data ) { 45 | post(); 46 | } ); 47 | 48 | // When the state changes from inside of the speaker view 49 | socket.on( 'statechanged-speaker', function( data ) { 50 | Reveal.setState( data.state ); 51 | } ); 52 | 53 | // Monitor events that trigger a change in state 54 | Reveal.addEventListener( 'slidechanged', post ); 55 | Reveal.addEventListener( 'fragmentshown', post ); 56 | Reveal.addEventListener( 'fragmenthidden', post ); 57 | Reveal.addEventListener( 'overviewhidden', post ); 58 | Reveal.addEventListener( 'overviewshown', post ); 59 | Reveal.addEventListener( 'paused', post ); 60 | Reveal.addEventListener( 'resumed', post ); 61 | 62 | // Post the initial state 63 | post(); 64 | 65 | }()); 66 | -------------------------------------------------------------------------------- /presentation/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 | * @author Manuel Bieh (https://github.com/manuelbieh) 8 | * @author Hakim El Hattab (https://github.com/hakimel) 9 | * @author Manuel Riezebosch (https://github.com/riezebosch) 10 | */ 11 | 12 | // html2pdf.js 13 | var system = require( 'system' ); 14 | 15 | var probePage = new WebPage(); 16 | var printPage = new WebPage(); 17 | 18 | var inputFile = system.args[1] || 'index.html?print-pdf'; 19 | var outputFile = system.args[2] || 'slides.pdf'; 20 | 21 | if( outputFile.match( /\.pdf$/gi ) === null ) { 22 | outputFile += '.pdf'; 23 | } 24 | 25 | console.log( 'Export PDF: Reading reveal.js config [1/4]' ); 26 | 27 | probePage.open( inputFile, function( status ) { 28 | 29 | console.log( 'Export PDF: Preparing print layout [2/4]' ); 30 | 31 | var config = probePage.evaluate( function() { 32 | return Reveal.getConfig(); 33 | } ); 34 | 35 | if( config ) { 36 | 37 | printPage.paperSize = { 38 | width: Math.floor( config.width * ( 1 + config.margin ) ), 39 | height: Math.floor( config.height * ( 1 + config.margin ) ), 40 | border: 0 41 | }; 42 | 43 | printPage.open( inputFile, function( status ) { 44 | console.log( 'Export PDF: Preparing pdf [3/4]') 45 | printPage.evaluate(function() { 46 | Reveal.isReady() ? window.callPhantom() : Reveal.addEventListener( 'pdf-ready', window.callPhantom ); 47 | }); 48 | } ); 49 | 50 | printPage.onCallback = function(data) { 51 | // For some reason we need to "jump the queue" for syntax highlighting to work. 52 | // See: http://stackoverflow.com/a/3580132/129269 53 | setTimeout(function() { 54 | console.log( 'Export PDF: Writing file [4/4]' ); 55 | printPage.render( outputFile ); 56 | console.log( 'Export PDF: Finished successfully!' ); 57 | phantom.exit(); 58 | }, 0); 59 | }; 60 | } 61 | else { 62 | 63 | console.log( 'Export PDF: Unable to read reveal.js config. Make sure the input address points to a reveal.js page.' ); 64 | phantom.exit(1); 65 | 66 | } 67 | } ); 68 | 69 | 70 | -------------------------------------------------------------------------------- /src/fe/components/Login/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Grid, Form, Header, Message } from 'semantic-ui-react'; 3 | import { Helmet } from 'react-helmet'; 4 | import store from 'store'; 5 | import styles from './styles.css'; 6 | 7 | class Login extends React.Component { 8 | constructor(props) { 9 | super(props); 10 | 11 | this.state = { 12 | username: '', 13 | password: '', 14 | error: false, 15 | }; 16 | 17 | this.handleChange = this.handleChange.bind(this); 18 | this.onSubmit = this.onSubmit.bind(this); 19 | } 20 | 21 | onSubmit(e) { 22 | e.preventDefault(); 23 | 24 | const { username, password } = this.state; 25 | 26 | this.setState({ error: false }); 27 | 28 | if (!(username === 'george' && password === 'foreman')) { 29 | return this.setState({ error: true }); 30 | } 31 | 32 | console.log("you're logged in. yay!"); 33 | store.set('loggedIn', true); 34 | } 35 | 36 | handleChange(e, { name, value }) { 37 | this.setState({ [name]: value }); 38 | } 39 | 40 | render() { 41 | const { error } = this.state; 42 | 43 | return ( 44 |
26 |
27 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
99 |
100 |
101 |
102 |
--------------------------------------------------------------------------------
/src/fe/components/UserForm.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Form } from 'semantic-ui-react';
3 |
4 | class UserForm extends React.Component {
5 | constructor(props) {
6 | super(props);
7 |
8 | const { user = {} } = props;
9 |
10 | this.state = { user };
11 |
12 | this.handleChange = this.handleChange.bind(this);
13 | this.handleSubmit = this.handleSubmit.bind(this);
14 | }
15 |
16 | componentWillReceiveProps(nextProps) {
17 | const { user } = nextProps;
18 |
19 | this.setState({ user });
20 | }
21 |
22 | handleSubmit(e) {
23 | e.preventDefault();
24 | const { user } = this.state;
25 | const { handleSubmit } = this.props;
26 |
27 | handleSubmit(user);
28 |
29 | this.setState({ user: {} });
30 | }
31 |
32 | handleChange(e, { name, value }) {
33 | const { user } = this.state;
34 |
35 | this.setState({ user: { ...user, [name]: value } });
36 | }
37 |
38 | render() {
39 | const { user: { name, email, phone, address, city, zip } } = this.state;
40 | const { handleCancel, submitText = 'Create' } = this.props;
41 |
42 | return (
43 |
91 | );
92 | }
93 | }
94 |
95 | export default UserForm;
96 |
--------------------------------------------------------------------------------
/presentation/slides.md:
--------------------------------------------------------------------------------
1 | ## React Router
2 | ### By: Alex Sears
3 |
4 | searsaw
5 |
6 |
7 |
8 | # What is React Router?
9 |
10 |
11 | A package for managing view changes in a React application using JSX components for expressive routing code.
12 |
13 |
14 | It functions as a way to show or hide certain components according to what the current URL is. It can also be used to update the URL to transition to new views.
15 |
16 |
17 |
18 | It consists of three different packages, of which we will only be using two.
19 |
20 | The base functionality has been put into one package, and the platform specific functionality has been put into two different packages.
21 |
22 |
23 | ## react-router
24 |
25 | This is the base package. The other two use this package. It contains the functionality for transitioning between views in a platform agnostic way.
26 |
27 |
28 | ## react-router-dom
29 |
30 | This is the routing package made for use in a browser environment. We will be using this one.
31 |
32 |
33 | ## react-router-native
34 |
35 | This is the routing package made for use in a mobile environment.
36 |
37 |
38 |
39 | # Components
40 |
41 |
42 | ## BrowserRouter
43 |
44 | A router that uses the HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL.
45 |
46 | This is the router we will be using.
47 |
48 |
49 | ## Route
50 |
51 | Its most basic responsibility is to render some UI when a location matches the route’s path.
52 |
53 | It functions as a show or hide sort of component. If the given route matches the URL, then it shows the component. Otherwise it hides the component.
54 |
55 |
56 | ## Link
57 |
58 | Provides declarative, accessible navigation around your application by creating an anchor tag that will update the current URL.
59 |
60 |
61 | ## Switch
62 |
63 | Renders the first child Route or Redirect that matches the location.
64 |
65 |
66 | ## Redirect
67 |
68 | Rendering a Redirect will navigate to a new location. The new location will override the current location in the history stack, like server-side redirects (HTTP 3xx) do.
69 |
70 |
71 | ## Prompt
72 |
73 | Used to prompt the user before navigating away from a page.
74 |
75 |
76 |
77 | # Props
78 |
79 |
80 | ## history
81 |
82 | An object that exposes browser history functionality for use cases a Link component can't solve.
83 |
84 |
85 | ## location
86 |
87 | Locations represent where the app is now, where you want it to go, or even where it was.
88 |
89 |
90 | ## match
91 |
92 | A match object contains information about how a route path matched the URL.
93 |
--------------------------------------------------------------------------------
/src/server/index.js:
--------------------------------------------------------------------------------
1 | import http from 'http';
2 | import express from 'express';
3 | import bodyParser from 'body-parser';
4 | import webpack from 'webpack';
5 | import webpackDevMiddleware from 'webpack-dev-middleware';
6 | import webpackHotMiddleware from 'webpack-hot-middleware';
7 | import { resolve } from 'path';
8 | import historyFallback from 'connect-history-api-fallback';
9 | import webpackConfig from '../../webpack.config';
10 | import users from '../../users.json';
11 |
12 | const { NODE_ENV = 'development', PORT = 3000 } = process.env;
13 |
14 | const app = express();
15 |
16 | app.use(bodyParser.json());
17 | app.use(bodyParser.urlencoded({ extended: false }));
18 |
19 | const apiRouter = express.Router();
20 |
21 | apiRouter.route('/users')
22 | .get((req, res) => {
23 | res.json({ users });
24 | })
25 | .post((req, res) => {
26 | const { body } = req;
27 | const lastId = users[users.length - 1].id;
28 | const user = { ...body, id: lastId + 1 };
29 |
30 | users.push(user);
31 |
32 | res.json(user);
33 | });
34 |
35 | apiRouter.route('/users/:id')
36 | .get((req, res) => {
37 | const { id } = req.params;
38 | const user = users.find(u => u.id === id * 1);
39 |
40 | if (!user) return res.sendStatus(404);
41 |
42 | return res.json(user);
43 | })
44 | .patch((req, res) => {
45 | const { body, params: { id } } = req;
46 | const userIndex = users.findIndex(u => u.id === id * 1);
47 |
48 | if (userIndex < 0) return res.sendStatus(404);
49 |
50 | const user = users[userIndex];
51 |
52 | users[userIndex] = { ...user, ...body };
53 |
54 | return res.json(users[userIndex]);
55 | })
56 | .delete((req, res) => {
57 | const { id } = req.params;
58 | const userIndex = users.findIndex(u => u.id === id * 1);
59 |
60 | if (userIndex < 0) return res.sendStatus(404);
61 |
62 | const user = users[userIndex];
63 |
64 | users.splice(userIndex, 1);
65 |
66 | return res.json(user);
67 | });
68 |
69 | app.use('/api', apiRouter);
70 | app.use(historyFallback());
71 |
72 | if (NODE_ENV === 'production') {
73 | const FE_DIR = resolve(__dirname, '..', 'client');
74 |
75 | app.use(express.static(FE_DIR));
76 |
77 | app.get('/*', (req, res) => {
78 | res.sendFile(resolve(FE_DIR, 'index.html'));
79 | });
80 | } else {
81 | const compiler = webpack(webpackConfig);
82 |
83 | app.use(webpackDevMiddleware(compiler, {
84 | stats: { colors: true },
85 | }));
86 | app.use(webpackHotMiddleware(compiler));
87 | }
88 |
89 | const server = http.createServer(app);
90 |
91 | server.listen(PORT, () => {
92 | console.log(`The server is running at http://localhost:${PORT}`);
93 | });
94 |
--------------------------------------------------------------------------------
/presentation/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.grow' ).length, 3, 'found a vertical slide with three list items with class fragment.grow' );
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 |
--------------------------------------------------------------------------------
/presentation/test/test-markdown-slide-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, 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 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | const { resolve } = require('path');
2 | const webpack = require('webpack');
3 | const HtmlWebpackPlugin = require('html-webpack-plugin');
4 | const ExtractTextPlugin = require('extract-text-webpack-plugin');
5 |
6 | const { NODE_ENV = 'development' } = process.env;
7 | const ROOT = resolve(__dirname);
8 | const SRC = resolve(ROOT, 'src');
9 | const VENDORS = [
10 | 'react',
11 | 'react-dom',
12 | 'axios',
13 | 'lodash.times',
14 | 'semantic-ui-react',
15 | ];
16 | const HASH_TYPE = NODE_ENV === 'production' ? 'chunkhash' : 'hash';
17 |
18 | const onlyIn = env => plugin =>
19 | NODE_ENV === env ? plugin : null;
20 | const onlyInDev = onlyIn('development');
21 | const onlyInProd = onlyIn('production');
22 |
23 | module.exports = {
24 | devtool: NODE_ENV !== 'production' ? 'cheap-module-eval-source-map' : false,
25 | entry: {
26 | app: [
27 | onlyInDev('react-hot-loader/patch'),
28 | onlyInDev('webpack-hot-middleware/client'),
29 | resolve(SRC, 'fe', 'app.js'),
30 | ].filter(Boolean),
31 | vendors: VENDORS,
32 | },
33 | output: {
34 | filename: `[name].[${HASH_TYPE}].js`,
35 | path: resolve(ROOT, 'dist', 'client'),
36 | publicPath: '/',
37 | },
38 | module: {
39 | rules: [
40 | {
41 | test: /\.js$/,
42 | use: ['babel-loader'],
43 | exclude: /node_modules/,
44 | },
45 | {
46 | test: /\.css$/,
47 | use: ExtractTextPlugin.extract({
48 | fallback: 'style-loader',
49 | use: [
50 | {
51 | loader: 'css-loader',
52 | options: {
53 | modules: true,
54 | camelCase: true,
55 | sourceMap: true,
56 | importLoaders: 1,
57 | localIdentName: '[name]__[local]___[hash:base64:5]',
58 | },
59 | },
60 | ],
61 | }),
62 | exclude: /node_modules/,
63 | },
64 | {
65 | test: /\.css$/,
66 | use: ExtractTextPlugin.extract({
67 | fallback: 'style-loader',
68 | use: ['css-loader'],
69 | }),
70 | include: /node_modules/,
71 | },
72 | {
73 | test: /\.(png|eot|woff2?|ttf|svg)$/,
74 | use: ['url-loader?limit=10000'],
75 | },
76 | ],
77 | },
78 | plugins: [
79 | new HtmlWebpackPlugin({
80 | template: resolve(SRC, 'fe', 'index.html'),
81 | }),
82 | new webpack.DefinePlugin({
83 | 'process.env.NODE_ENV': JSON.stringify(NODE_ENV),
84 | }),
85 | new ExtractTextPlugin({
86 | filename: 'styles.[contenthash].css',
87 | allChunks: true,
88 | disable: NODE_ENV !== 'production',
89 | }),
90 | onlyInDev(new webpack.HotModuleReplacementPlugin()),
91 | onlyInDev(new webpack.NoEmitOnErrorsPlugin()),
92 | onlyInDev(new webpack.NamedModulesPlugin()),
93 | onlyInProd(new webpack.optimize.CommonsChunkPlugin({
94 | names: ['vendors', 'manifest'],
95 | })),
96 | onlyInProd(new webpack.optimize.UglifyJsPlugin({
97 | compress: {
98 | warnings: false,
99 | screw_ie8: true,
100 | conditionals: true,
101 | unused: true,
102 | comparisons: true,
103 | sequences: true,
104 | dead_code: true,
105 | evaluate: true,
106 | if_return: true,
107 | join_vars: true,
108 | },
109 | output: {
110 | comments: false,
111 | },
112 | })),
113 | ].filter(Boolean),
114 | };
115 |
--------------------------------------------------------------------------------
/presentation/test/test-markdown-slide-attributes.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
18 |
19 |
103 |
104 |
105 |
106 |
107 |
108 |
127 |
128 |
129 |
130 |
--------------------------------------------------------------------------------
/presentation/test/examples/slide-backgrounds.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
28 |
29 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
142 |
143 |
144 |
145 |
--------------------------------------------------------------------------------
/presentation/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( notesFilePath ) {
15 |
16 | if( !notesFilePath ) {
17 | var jsFileLocation = document.querySelector('script[src$="notes.js"]').src; // this js file path
18 | jsFileLocation = jsFileLocation.replace(/notes\.js(\?.*)?$/, ''); // the js folder path
19 | notesFilePath = jsFileLocation + 'notes.html';
20 | }
21 |
22 | var notesPopup = window.open( notesFilePath, 'reveal.js - Notes', 'width=1100,height=700' );
23 |
24 | // Allow popup window access to Reveal API
25 | notesPopup.Reveal = this.Reveal;
26 |
27 | /**
28 | * Connect to the notes window through a postmessage handshake.
29 | * Using postmessage enables us to work in situations where the
30 | * origins differ, such as a presentation being opened from the
31 | * file system.
32 | */
33 | function connect() {
34 | // Keep trying to connect until we get a 'connected' message back
35 | var connectInterval = setInterval( function() {
36 | notesPopup.postMessage( JSON.stringify( {
37 | namespace: 'reveal-notes',
38 | type: 'connect',
39 | url: window.location.protocol + '//' + window.location.host + window.location.pathname + window.location.search,
40 | state: Reveal.getState()
41 | } ), '*' );
42 | }, 500 );
43 |
44 | window.addEventListener( 'message', function( event ) {
45 | var data = JSON.parse( event.data );
46 | if( data && data.namespace === 'reveal-notes' && data.type === 'connected' ) {
47 | clearInterval( connectInterval );
48 | onConnected();
49 | }
50 | } );
51 | }
52 |
53 | /**
54 | * Posts the current slide data to the notes window
55 | */
56 | function post( event ) {
57 |
58 | var slideElement = Reveal.getCurrentSlide(),
59 | notesElement = slideElement.querySelector( 'aside.notes' ),
60 | fragmentElement = slideElement.querySelector( '.current-fragment' );
61 |
62 | var messageData = {
63 | namespace: 'reveal-notes',
64 | type: 'state',
65 | notes: '',
66 | markdown: false,
67 | whitespace: 'normal',
68 | state: Reveal.getState()
69 | };
70 |
71 | // Look for notes defined in a slide attribute
72 | if( slideElement.hasAttribute( 'data-notes' ) ) {
73 | messageData.notes = slideElement.getAttribute( 'data-notes' );
74 | messageData.whitespace = 'pre-wrap';
75 | }
76 |
77 | // Look for notes defined in a fragment
78 | if( fragmentElement ) {
79 | var fragmentNotes = fragmentElement.querySelector( 'aside.notes' );
80 | if( fragmentNotes ) {
81 | notesElement = fragmentNotes;
82 | }
83 | else if( fragmentElement.hasAttribute( 'data-notes' ) ) {
84 | messageData.notes = fragmentElement.getAttribute( 'data-notes' );
85 | messageData.whitespace = 'pre-wrap';
86 |
87 | // In case there are slide notes
88 | notesElement = null;
89 | }
90 | }
91 |
92 | // Look for notes defined in an aside element
93 | if( notesElement ) {
94 | messageData.notes = notesElement.innerHTML;
95 | messageData.markdown = typeof notesElement.getAttribute( 'data-markdown' ) === 'string';
96 | }
97 |
98 | notesPopup.postMessage( JSON.stringify( messageData ), '*' );
99 |
100 | }
101 |
102 | /**
103 | * Called once we have established a connection to the notes
104 | * window.
105 | */
106 | function onConnected() {
107 |
108 | // Monitor events that trigger a change in state
109 | Reveal.addEventListener( 'slidechanged', post );
110 | Reveal.addEventListener( 'fragmentshown', post );
111 | Reveal.addEventListener( 'fragmenthidden', post );
112 | Reveal.addEventListener( 'overviewhidden', post );
113 | Reveal.addEventListener( 'overviewshown', post );
114 | Reveal.addEventListener( 'paused', post );
115 | Reveal.addEventListener( 'resumed', post );
116 |
117 | // Post the initial state
118 | post();
119 |
120 | }
121 |
122 | connect();
123 |
124 | }
125 |
126 | if( !/receiver/i.test( window.location.search ) ) {
127 |
128 | // If the there's a 'notes' query set, open directly
129 | if( window.location.search.match( /(\?|\&)notes/gi ) !== null ) {
130 | openNotes();
131 | }
132 |
133 | // Open the notes when the 's' key is hit
134 | document.addEventListener( 'keydown', function( event ) {
135 | // Disregard the event if the target is editable or a
136 | // modifier is present
137 | if ( document.querySelector( ':focus' ) !== null || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey ) return;
138 |
139 | // Disregard the event if keyboard is disabled
140 | if ( Reveal.getConfig().keyboard === false ) return;
141 |
142 | if( event.keyCode === 83 ) {
143 | event.preventDefault();
144 | openNotes();
145 | }
146 | }, false );
147 |
148 | // Show our keyboard shortcut in the reveal.js help overlay
149 | if( window.Reveal ) Reveal.registerKeyboardShortcut( 'S', 'Speaker notes view' );
150 |
151 | }
152 |
153 | return { open: openNotes };
154 |
155 | })();
156 |
--------------------------------------------------------------------------------
/presentation/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 | .reveal .slide-number {
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 | font-size: 20pt!important;
50 | font-family: Georgia, "Times New Roman", Times, serif !important;
51 | color: #000;
52 | }
53 |
54 | /* SECTION 4: Set heading font face, sizes, and color.
55 | Differentiate your headings from your body text.
56 | Perhaps use a large sans-serif for distinction. */
57 | h1,h2,h3,h4,h5,h6 {
58 | color: #000!important;
59 | height: auto;
60 | line-height: normal;
61 | font-family: Georgia, "Times New Roman", Times, serif !important;
62 | text-shadow: 0 0 0 #000 !important;
63 | text-align: left;
64 | letter-spacing: normal;
65 | }
66 | /* Need to reduce the size of the fonts for printing */
67 | h1 { font-size: 28pt !important; }
68 | h2 { font-size: 24pt !important; }
69 | h3 { font-size: 22pt !important; }
70 | h4 { font-size: 22pt !important; font-variant: small-caps; }
71 | h5 { font-size: 21pt !important; }
72 | h6 { font-size: 20pt !important; font-style: italic; }
73 |
74 | /* SECTION 5: Make hyperlinks more usable.
75 | Ensure links are underlined, and consider appending
76 | the URL to the end of the link for usability. */
77 | a:link,
78 | a:visited {
79 | color: #000 !important;
80 | font-weight: bold;
81 | text-decoration: underline;
82 | }
83 | /*
84 | .reveal a:link:after,
85 | .reveal a:visited:after {
86 | content: " (" attr(href) ") ";
87 | color: #222 !important;
88 | font-size: 90%;
89 | }
90 | */
91 |
92 |
93 | /* SECTION 6: more reveal.js specific additions by @skypanther */
94 | ul, ol, div, p {
95 | visibility: visible;
96 | position: static;
97 | width: auto;
98 | height: auto;
99 | display: block;
100 | overflow: visible;
101 | margin: 0;
102 | text-align: left !important;
103 | }
104 | .reveal pre,
105 | .reveal table {
106 | margin-left: 0;
107 | margin-right: 0;
108 | }
109 | .reveal pre code {
110 | padding: 20px;
111 | border: 1px solid #ddd;
112 | }
113 | .reveal blockquote {
114 | margin: 20px 0;
115 | }
116 | .reveal .slides {
117 | position: static !important;
118 | width: auto !important;
119 | height: auto !important;
120 |
121 | left: 0 !important;
122 | top: 0 !important;
123 | margin-left: 0 !important;
124 | margin-top: 0 !important;
125 | padding: 0 !important;
126 | zoom: 1 !important;
127 |
128 | overflow: visible !important;
129 | display: block !important;
130 |
131 | text-align: left !important;
132 | -webkit-perspective: none;
133 | -moz-perspective: none;
134 | -ms-perspective: none;
135 | perspective: none;
136 |
137 | -webkit-perspective-origin: 50% 50%;
138 | -moz-perspective-origin: 50% 50%;
139 | -ms-perspective-origin: 50% 50%;
140 | perspective-origin: 50% 50%;
141 | }
142 | .reveal .slides section {
143 | visibility: visible !important;
144 | position: static !important;
145 | width: auto !important;
146 | height: auto !important;
147 | display: block !important;
148 | overflow: visible !important;
149 |
150 | left: 0 !important;
151 | top: 0 !important;
152 | margin-left: 0 !important;
153 | margin-top: 0 !important;
154 | padding: 60px 20px !important;
155 | z-index: auto !important;
156 |
157 | opacity: 1 !important;
158 |
159 | page-break-after: always !important;
160 |
161 | -webkit-transform-style: flat !important;
162 | -moz-transform-style: flat !important;
163 | -ms-transform-style: flat !important;
164 | transform-style: flat !important;
165 |
166 | -webkit-transform: none !important;
167 | -moz-transform: none !important;
168 | -ms-transform: none !important;
169 | transform: none !important;
170 |
171 | -webkit-transition: none !important;
172 | -moz-transition: none !important;
173 | -ms-transition: none !important;
174 | transition: none !important;
175 | }
176 | .reveal .slides section.stack {
177 | padding: 0 !important;
178 | }
179 | .reveal section:last-of-type {
180 | page-break-after: avoid !important;
181 | }
182 | .reveal section .fragment {
183 | opacity: 1 !important;
184 | visibility: visible !important;
185 |
186 | -webkit-transform: none !important;
187 | -moz-transform: none !important;
188 | -ms-transform: none !important;
189 | transform: none !important;
190 | }
191 | .reveal section img {
192 | display: block;
193 | margin: 15px 0px;
194 | background: rgba(255,255,255,1);
195 | border: 1px solid #666;
196 | box-shadow: none;
197 | }
198 |
199 | .reveal section small {
200 | font-size: 0.8em;
201 | }
202 |
203 | }
204 |
--------------------------------------------------------------------------------
/presentation/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 | }
--------------------------------------------------------------------------------
/users.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "id": 1,
4 | "name": "Shea Cummings",
5 | "email": "pretium@nuncullamcorpereu.net",
6 | "phone": "(989) 113-3909",
7 | "address": "100-4841 Nam Street",
8 | "city": "Copiapó",
9 | "zip": "55718"
10 | },
11 | {
12 | "id": 2,
13 | "name": "Nicholas Crawford",
14 | "email": "fames@magnaUttincidunt.ca",
15 | "phone": "(318) 739-5632",
16 | "address": "P.O. Box 114, 3459 Amet, Rd.",
17 | "city": "Molfetta",
18 | "zip": "7593"
19 | },
20 | {
21 | "id": 3,
22 | "name": "Sade Dunlap",
23 | "email": "tellus.non@hendrerita.org",
24 | "phone": "(530) 260-4734",
25 | "address": "415-3252 Erat Street",
26 | "city": "Gembloux",
27 | "zip": "21582"
28 | },
29 | {
30 | "id": 4,
31 | "name": "Megan Cortez",
32 | "email": "mollis.nec@Pellentesque.com",
33 | "phone": "(940) 196-0875",
34 | "address": "P.O. Box 564, 6689 Nec St.",
35 | "city": "Saguenay",
36 | "zip": "41910"
37 | },
38 | {
39 | "id": 5,
40 | "name": "Deirdre Merritt",
41 | "email": "tincidunt.aliquam.arcu@atnisiCum.net",
42 | "phone": "(545) 843-4672",
43 | "address": "6351 Mi Rd.",
44 | "city": "Boneffe",
45 | "zip": "53633"
46 | },
47 | {
48 | "id": 6,
49 | "name": "Iris Koch",
50 | "email": "urna.Vivamus@lacus.com",
51 | "phone": "(494) 393-4272",
52 | "address": "757-6732 Tincidunt Av.",
53 | "city": "Sefro",
54 | "zip": "913243"
55 | },
56 | {
57 | "id": 7,
58 | "name": "Bruce Ochoa",
59 | "email": "Phasellus.fermentum@necmalesuada.com",
60 | "phone": "(683) 924-1310",
61 | "address": "Ap #196-9768 Elementum Rd.",
62 | "city": "Calmar",
63 | "zip": "824915"
64 | },
65 | {
66 | "id": 8,
67 | "name": "Noelani Black",
68 | "email": "ac@malesuadaiderat.ca",
69 | "phone": "(405) 537-8203",
70 | "address": "580 Quis Road",
71 | "city": "L'Hospitalet de Llobregat",
72 | "zip": "6622IG"
73 | },
74 | {
75 | "id": 9,
76 | "name": "Mark Vang",
77 | "email": "Aenean.gravida@sed.edu",
78 | "phone": "(614) 308-9853",
79 | "address": "9850 In, St.",
80 | "city": "Relegem",
81 | "zip": "5204"
82 | },
83 | {
84 | "id": 10,
85 | "name": "Illiana Frederick",
86 | "email": "egestas.hendrerit@nisidictum.edu",
87 | "phone": "(689) 510-8155",
88 | "address": "Ap #769-1763 Morbi St.",
89 | "city": "Worksop",
90 | "zip": "B89 4RQ"
91 | },
92 | {
93 | "id": 11,
94 | "name": "Xerxes Bridges",
95 | "email": "augue.ac@euligula.edu",
96 | "phone": "(547) 732-9433",
97 | "address": "1347 Blandit Ave",
98 | "city": "Osgoode",
99 | "zip": "PP22 4VO"
100 | },
101 | {
102 | "id": 12,
103 | "name": "Sandra Faulkner",
104 | "email": "nulla.at@necimperdietnec.org",
105 | "phone": "(637) 233-5781",
106 | "address": "P.O. Box 117, 7622 Sapien. St.",
107 | "city": "Pontedera",
108 | "zip": "471166"
109 | },
110 | {
111 | "id": 13,
112 | "name": "Cally Wright",
113 | "email": "non.nisi@justoeuarcu.edu",
114 | "phone": "(827) 174-9461",
115 | "address": "320-2197 Cursus. Rd.",
116 | "city": "Buggenhout",
117 | "zip": "24078"
118 | },
119 | {
120 | "id": 14,
121 | "name": "Chandler Newton",
122 | "email": "nunc.sit@nascetur.com",
123 | "phone": "(558) 197-7518",
124 | "address": "Ap #602-4754 Massa. Av.",
125 | "city": "Ulm",
126 | "zip": "32804"
127 | },
128 | {
129 | "id": 15,
130 | "name": "Gregory Weber",
131 | "email": "magnis.dis@nulla.org",
132 | "phone": "(191) 489-0848",
133 | "address": "Ap #515-6426 Tortor Ave",
134 | "city": "Jolanda di Savoia",
135 | "zip": "211012"
136 | },
137 | {
138 | "id": 16,
139 | "name": "Preston Garrison",
140 | "email": "mus@nislarcu.net",
141 | "phone": "(708) 264-3149",
142 | "address": "615-1124 Hendrerit St.",
143 | "city": "Diets-Heur",
144 | "zip": "3316"
145 | },
146 | {
147 | "id": 17,
148 | "name": "Zenia Melton",
149 | "email": "dis.parturient@Morbiaccumsanlaoreet.org",
150 | "phone": "(611) 494-3595",
151 | "address": "P.O. Box 270, 612 Lacus. Road",
152 | "city": "Neunkirchen",
153 | "zip": "6600ZY"
154 | },
155 | {
156 | "id": 18,
157 | "name": "Xander Dale",
158 | "email": "adipiscing@feugiat.co.uk",
159 | "phone": "(356) 169-6694",
160 | "address": "3025 Nibh Rd.",
161 | "city": "Beervelde",
162 | "zip": "337737"
163 | },
164 | {
165 | "id": 19,
166 | "name": "Lillith Mason",
167 | "email": "penatibus.et@convallisest.co.uk",
168 | "phone": "(311) 759-8672",
169 | "address": "650-2715 Eros. Rd.",
170 | "city": "Amsterdam",
171 | "zip": "33978"
172 | },
173 | {
174 | "id": 20,
175 | "name": "Carol Franks",
176 | "email": "lectus.Nullam@ridiculusmus.edu",
177 | "phone": "(510) 966-9860",
178 | "address": "2533 Congue Avenue",
179 | "city": "Rouvroy",
180 | "zip": "8079"
181 | },
182 | {
183 | "id": 21,
184 | "name": "Sharon Wade",
185 | "email": "sem.mollis@etliberoProin.org",
186 | "phone": "(122) 262-5969",
187 | "address": "2259 Magna. Rd.",
188 | "city": "Perk",
189 | "zip": "V8Y 8X6"
190 | },
191 | {
192 | "id": 22,
193 | "name": "Matthew Clark",
194 | "email": "lorem@urna.org",
195 | "phone": "(250) 588-0809",
196 | "address": "685-2385 Dui. Ave",
197 | "city": "Oordegem",
198 | "zip": "48080"
199 | },
200 | {
201 | "id": 23,
202 | "name": "Inga Bartlett",
203 | "email": "semper.rutrum.Fusce@tempusrisus.ca",
204 | "phone": "(764) 735-3625",
205 | "address": "Ap #849-2440 Nisi Avenue",
206 | "city": "Roux-Miroir",
207 | "zip": "9866"
208 | },
209 | {
210 | "id": 24,
211 | "name": "Wallace Terrell",
212 | "email": "metus.Aenean@maurisblandit.com",
213 | "phone": "(449) 501-1515",
214 | "address": "349-9540 Laoreet, Ave",
215 | "city": "Sint-Lambrechts-Woluwe",
216 | "zip": "64823"
217 | },
218 | {
219 | "id": 25,
220 | "name": "Constance Kent",
221 | "email": "enim.nec.tempus@urnaUt.com",
222 | "phone": "(564) 592-5302",
223 | "address": "P.O. Box 626, 5444 Felis, Rd.",
224 | "city": "Laino Castello",
225 | "zip": "12-888"
226 | }
227 | ]
228 |
--------------------------------------------------------------------------------
/presentation/test/examples/math.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
18 |
19 |
159 |
160 |
161 |
162 |
163 |
164 |
165 |
183 |
184 |
185 |
186 |
--------------------------------------------------------------------------------
/presentation/css/theme/night.css:
--------------------------------------------------------------------------------
1 | /**
2 | * Black theme for reveal.js.
3 | *
4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
5 | */
6 | @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
7 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
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: 40px;
18 | font-weight: normal;
19 | color: #eee; }
20 |
21 | ::selection {
22 | color: #fff;
23 | background: #e7ad52;
24 | text-shadow: none; }
25 |
26 | ::-moz-selection {
27 | color: #fff;
28 | background: #e7ad52;
29 | text-shadow: none; }
30 |
31 | .reveal .slides > section,
32 | .reveal .slides > section > section {
33 | line-height: 1.3;
34 | font-weight: inherit; }
35 |
36 | /*********************************************
37 | * HEADERS
38 | *********************************************/
39 | .reveal h1,
40 | .reveal h2,
41 | .reveal h3,
42 | .reveal h4,
43 | .reveal h5,
44 | .reveal h6 {
45 | margin: 0 0 20px 0;
46 | color: #eee;
47 | font-family: "Montserrat", Impact, sans-serif;
48 | font-weight: normal;
49 | line-height: 1.2;
50 | letter-spacing: -0.03em;
51 | text-transform: none;
52 | text-shadow: none;
53 | word-wrap: break-word; }
54 |
55 | .reveal h1 {
56 | font-size: 3.77em; }
57 |
58 | .reveal h2 {
59 | font-size: 2.11em; }
60 |
61 | .reveal h3 {
62 | font-size: 1.55em; }
63 |
64 | .reveal h4 {
65 | font-size: 1em; }
66 |
67 | .reveal h1 {
68 | text-shadow: none; }
69 |
70 | /*********************************************
71 | * OTHER
72 | *********************************************/
73 | .reveal p {
74 | margin: 20px 0;
75 | line-height: 1.3; }
76 |
77 | /* Ensure certain elements are never larger than the slide itself */
78 | .reveal img,
79 | .reveal video,
80 | .reveal iframe {
81 | max-width: 95%;
82 | max-height: 95%; }
83 |
84 | .reveal strong,
85 | .reveal b {
86 | font-weight: bold; }
87 |
88 | .reveal em {
89 | font-style: italic; }
90 |
91 | .reveal ol,
92 | .reveal dl,
93 | .reveal ul {
94 | display: inline-block;
95 | text-align: left;
96 | margin: 0 0 0 1em; }
97 |
98 | .reveal ol {
99 | list-style-type: decimal; }
100 |
101 | .reveal ul {
102 | list-style-type: disc; }
103 |
104 | .reveal ul ul {
105 | list-style-type: square; }
106 |
107 | .reveal ul ul ul {
108 | list-style-type: circle; }
109 |
110 | .reveal ul ul,
111 | .reveal ul ol,
112 | .reveal ol ol,
113 | .reveal ol ul {
114 | display: block;
115 | margin-left: 40px; }
116 |
117 | .reveal dt {
118 | font-weight: bold; }
119 |
120 | .reveal dd {
121 | margin-left: 40px; }
122 |
123 | .reveal q,
124 | .reveal blockquote {
125 | quotes: none; }
126 |
127 | .reveal blockquote {
128 | display: block;
129 | position: relative;
130 | width: 70%;
131 | margin: 20px auto;
132 | padding: 5px;
133 | font-style: italic;
134 | background: rgba(255, 255, 255, 0.05);
135 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
136 |
137 | .reveal blockquote p:first-child,
138 | .reveal blockquote p:last-child {
139 | display: inline-block; }
140 |
141 | .reveal q {
142 | font-style: italic; }
143 |
144 | .reveal pre {
145 | display: block;
146 | position: relative;
147 | width: 90%;
148 | margin: 20px auto;
149 | text-align: left;
150 | font-size: 0.55em;
151 | font-family: monospace;
152 | line-height: 1.2em;
153 | word-wrap: break-word;
154 | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
155 |
156 | .reveal code {
157 | font-family: monospace; }
158 |
159 | .reveal pre code {
160 | display: block;
161 | padding: 5px;
162 | overflow: auto;
163 | max-height: 400px;
164 | word-wrap: normal; }
165 |
166 | .reveal table {
167 | margin: auto;
168 | border-collapse: collapse;
169 | border-spacing: 0; }
170 |
171 | .reveal table th {
172 | font-weight: bold; }
173 |
174 | .reveal table th,
175 | .reveal table td {
176 | text-align: left;
177 | padding: 0.2em 0.5em 0.2em 0.5em;
178 | border-bottom: 1px solid; }
179 |
180 | .reveal table th[align="center"],
181 | .reveal table td[align="center"] {
182 | text-align: center; }
183 |
184 | .reveal table th[align="right"],
185 | .reveal table td[align="right"] {
186 | text-align: right; }
187 |
188 | .reveal table tbody tr:last-child th,
189 | .reveal table tbody tr:last-child td {
190 | border-bottom: none; }
191 |
192 | .reveal sup {
193 | vertical-align: super; }
194 |
195 | .reveal sub {
196 | vertical-align: sub; }
197 |
198 | .reveal small {
199 | display: inline-block;
200 | font-size: 0.6em;
201 | line-height: 1.2em;
202 | vertical-align: top; }
203 |
204 | .reveal small * {
205 | vertical-align: top; }
206 |
207 | /*********************************************
208 | * LINKS
209 | *********************************************/
210 | .reveal a {
211 | color: #e7ad52;
212 | text-decoration: none;
213 | -webkit-transition: color .15s ease;
214 | -moz-transition: color .15s ease;
215 | transition: color .15s ease; }
216 |
217 | .reveal a:hover {
218 | color: #f3d7ac;
219 | text-shadow: none;
220 | border: none; }
221 |
222 | .reveal .roll span:after {
223 | color: #fff;
224 | background: #d08a1d; }
225 |
226 | /*********************************************
227 | * IMAGES
228 | *********************************************/
229 | .reveal section img {
230 | margin: 15px 0px;
231 | background: rgba(255, 255, 255, 0.12);
232 | border: 4px solid #eee;
233 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
234 |
235 | .reveal section img.plain {
236 | border: 0;
237 | box-shadow: none; }
238 |
239 | .reveal a img {
240 | -webkit-transition: all .15s linear;
241 | -moz-transition: all .15s linear;
242 | transition: all .15s linear; }
243 |
244 | .reveal a:hover img {
245 | background: rgba(255, 255, 255, 0.2);
246 | border-color: #e7ad52;
247 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
248 |
249 | /*********************************************
250 | * NAVIGATION CONTROLS
251 | *********************************************/
252 | .reveal .controls .navigate-left,
253 | .reveal .controls .navigate-left.enabled {
254 | border-right-color: #e7ad52; }
255 |
256 | .reveal .controls .navigate-right,
257 | .reveal .controls .navigate-right.enabled {
258 | border-left-color: #e7ad52; }
259 |
260 | .reveal .controls .navigate-up,
261 | .reveal .controls .navigate-up.enabled {
262 | border-bottom-color: #e7ad52; }
263 |
264 | .reveal .controls .navigate-down,
265 | .reveal .controls .navigate-down.enabled {
266 | border-top-color: #e7ad52; }
267 |
268 | .reveal .controls .navigate-left.enabled:hover {
269 | border-right-color: #f3d7ac; }
270 |
271 | .reveal .controls .navigate-right.enabled:hover {
272 | border-left-color: #f3d7ac; }
273 |
274 | .reveal .controls .navigate-up.enabled:hover {
275 | border-bottom-color: #f3d7ac; }
276 |
277 | .reveal .controls .navigate-down.enabled:hover {
278 | border-top-color: #f3d7ac; }
279 |
280 | /*********************************************
281 | * PROGRESS BAR
282 | *********************************************/
283 | .reveal .progress {
284 | background: rgba(0, 0, 0, 0.2); }
285 |
286 | .reveal .progress span {
287 | background: #e7ad52;
288 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
289 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
290 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
291 |
--------------------------------------------------------------------------------
/presentation/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: 40px;
20 | font-weight: normal;
21 | color: #000; }
22 |
23 | ::selection {
24 | color: #fff;
25 | background: #26351C;
26 | text-shadow: none; }
27 |
28 | ::-moz-selection {
29 | color: #fff;
30 | background: #26351C;
31 | text-shadow: none; }
32 |
33 | .reveal .slides > section,
34 | .reveal .slides > section > section {
35 | line-height: 1.3;
36 | font-weight: inherit; }
37 |
38 | /*********************************************
39 | * HEADERS
40 | *********************************************/
41 | .reveal h1,
42 | .reveal h2,
43 | .reveal h3,
44 | .reveal h4,
45 | .reveal h5,
46 | .reveal h6 {
47 | margin: 0 0 20px 0;
48 | color: #383D3D;
49 | font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
50 | font-weight: normal;
51 | line-height: 1.2;
52 | letter-spacing: normal;
53 | text-transform: none;
54 | text-shadow: none;
55 | word-wrap: break-word; }
56 |
57 | .reveal h1 {
58 | font-size: 3.77em; }
59 |
60 | .reveal h2 {
61 | font-size: 2.11em; }
62 |
63 | .reveal h3 {
64 | font-size: 1.55em; }
65 |
66 | .reveal h4 {
67 | font-size: 1em; }
68 |
69 | .reveal h1 {
70 | text-shadow: none; }
71 |
72 | /*********************************************
73 | * OTHER
74 | *********************************************/
75 | .reveal p {
76 | margin: 20px 0;
77 | line-height: 1.3; }
78 |
79 | /* Ensure certain elements are never larger than the slide itself */
80 | .reveal img,
81 | .reveal video,
82 | .reveal iframe {
83 | max-width: 95%;
84 | max-height: 95%; }
85 |
86 | .reveal strong,
87 | .reveal b {
88 | font-weight: bold; }
89 |
90 | .reveal em {
91 | font-style: italic; }
92 |
93 | .reveal ol,
94 | .reveal dl,
95 | .reveal ul {
96 | display: inline-block;
97 | text-align: left;
98 | margin: 0 0 0 1em; }
99 |
100 | .reveal ol {
101 | list-style-type: decimal; }
102 |
103 | .reveal ul {
104 | list-style-type: disc; }
105 |
106 | .reveal ul ul {
107 | list-style-type: square; }
108 |
109 | .reveal ul ul ul {
110 | list-style-type: circle; }
111 |
112 | .reveal ul ul,
113 | .reveal ul ol,
114 | .reveal ol ol,
115 | .reveal ol ul {
116 | display: block;
117 | margin-left: 40px; }
118 |
119 | .reveal dt {
120 | font-weight: bold; }
121 |
122 | .reveal dd {
123 | margin-left: 40px; }
124 |
125 | .reveal q,
126 | .reveal blockquote {
127 | quotes: none; }
128 |
129 | .reveal blockquote {
130 | display: block;
131 | position: relative;
132 | width: 70%;
133 | margin: 20px auto;
134 | padding: 5px;
135 | font-style: italic;
136 | background: rgba(255, 255, 255, 0.05);
137 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
138 |
139 | .reveal blockquote p:first-child,
140 | .reveal blockquote p:last-child {
141 | display: inline-block; }
142 |
143 | .reveal q {
144 | font-style: italic; }
145 |
146 | .reveal pre {
147 | display: block;
148 | position: relative;
149 | width: 90%;
150 | margin: 20px auto;
151 | text-align: left;
152 | font-size: 0.55em;
153 | font-family: monospace;
154 | line-height: 1.2em;
155 | word-wrap: break-word;
156 | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
157 |
158 | .reveal code {
159 | font-family: monospace; }
160 |
161 | .reveal pre code {
162 | display: block;
163 | padding: 5px;
164 | overflow: auto;
165 | max-height: 400px;
166 | word-wrap: normal; }
167 |
168 | .reveal table {
169 | margin: auto;
170 | border-collapse: collapse;
171 | border-spacing: 0; }
172 |
173 | .reveal table th {
174 | font-weight: bold; }
175 |
176 | .reveal table th,
177 | .reveal table td {
178 | text-align: left;
179 | padding: 0.2em 0.5em 0.2em 0.5em;
180 | border-bottom: 1px solid; }
181 |
182 | .reveal table th[align="center"],
183 | .reveal table td[align="center"] {
184 | text-align: center; }
185 |
186 | .reveal table th[align="right"],
187 | .reveal table td[align="right"] {
188 | text-align: right; }
189 |
190 | .reveal table tbody tr:last-child th,
191 | .reveal table tbody tr:last-child td {
192 | border-bottom: none; }
193 |
194 | .reveal sup {
195 | vertical-align: super; }
196 |
197 | .reveal sub {
198 | vertical-align: sub; }
199 |
200 | .reveal small {
201 | display: inline-block;
202 | font-size: 0.6em;
203 | line-height: 1.2em;
204 | vertical-align: top; }
205 |
206 | .reveal small * {
207 | vertical-align: top; }
208 |
209 | /*********************************************
210 | * LINKS
211 | *********************************************/
212 | .reveal a {
213 | color: #51483D;
214 | text-decoration: none;
215 | -webkit-transition: color .15s ease;
216 | -moz-transition: color .15s ease;
217 | transition: color .15s ease; }
218 |
219 | .reveal a:hover {
220 | color: #8b7c69;
221 | text-shadow: none;
222 | border: none; }
223 |
224 | .reveal .roll span:after {
225 | color: #fff;
226 | background: #25211c; }
227 |
228 | /*********************************************
229 | * IMAGES
230 | *********************************************/
231 | .reveal section img {
232 | margin: 15px 0px;
233 | background: rgba(255, 255, 255, 0.12);
234 | border: 4px solid #000;
235 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
236 |
237 | .reveal section img.plain {
238 | border: 0;
239 | box-shadow: none; }
240 |
241 | .reveal a img {
242 | -webkit-transition: all .15s linear;
243 | -moz-transition: all .15s linear;
244 | transition: all .15s linear; }
245 |
246 | .reveal a:hover img {
247 | background: rgba(255, 255, 255, 0.2);
248 | border-color: #51483D;
249 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
250 |
251 | /*********************************************
252 | * NAVIGATION CONTROLS
253 | *********************************************/
254 | .reveal .controls .navigate-left,
255 | .reveal .controls .navigate-left.enabled {
256 | border-right-color: #51483D; }
257 |
258 | .reveal .controls .navigate-right,
259 | .reveal .controls .navigate-right.enabled {
260 | border-left-color: #51483D; }
261 |
262 | .reveal .controls .navigate-up,
263 | .reveal .controls .navigate-up.enabled {
264 | border-bottom-color: #51483D; }
265 |
266 | .reveal .controls .navigate-down,
267 | .reveal .controls .navigate-down.enabled {
268 | border-top-color: #51483D; }
269 |
270 | .reveal .controls .navigate-left.enabled:hover {
271 | border-right-color: #8b7c69; }
272 |
273 | .reveal .controls .navigate-right.enabled:hover {
274 | border-left-color: #8b7c69; }
275 |
276 | .reveal .controls .navigate-up.enabled:hover {
277 | border-bottom-color: #8b7c69; }
278 |
279 | .reveal .controls .navigate-down.enabled:hover {
280 | border-top-color: #8b7c69; }
281 |
282 | /*********************************************
283 | * PROGRESS BAR
284 | *********************************************/
285 | .reveal .progress {
286 | background: rgba(0, 0, 0, 0.2); }
287 |
288 | .reveal .progress span {
289 | background: #51483D;
290 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
291 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
292 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
293 |
--------------------------------------------------------------------------------
/presentation/css/theme/moon.css:
--------------------------------------------------------------------------------
1 | /**
2 | * Solarized Dark theme for reveal.js.
3 | * Author: Achim Staebler
4 | */
5 | @import url(../../lib/font/league-gothic/league-gothic.css);
6 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
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: 40px;
24 | font-weight: normal;
25 | color: #93a1a1; }
26 |
27 | ::selection {
28 | color: #fff;
29 | background: #d33682;
30 | text-shadow: none; }
31 |
32 | ::-moz-selection {
33 | color: #fff;
34 | background: #d33682;
35 | text-shadow: none; }
36 |
37 | .reveal .slides > section,
38 | .reveal .slides > section > section {
39 | line-height: 1.3;
40 | font-weight: inherit; }
41 |
42 | /*********************************************
43 | * HEADERS
44 | *********************************************/
45 | .reveal h1,
46 | .reveal h2,
47 | .reveal h3,
48 | .reveal h4,
49 | .reveal h5,
50 | .reveal h6 {
51 | margin: 0 0 20px 0;
52 | color: #eee8d5;
53 | font-family: "League Gothic", Impact, sans-serif;
54 | font-weight: normal;
55 | line-height: 1.2;
56 | letter-spacing: normal;
57 | text-transform: uppercase;
58 | text-shadow: none;
59 | word-wrap: break-word; }
60 |
61 | .reveal h1 {
62 | font-size: 3.77em; }
63 |
64 | .reveal h2 {
65 | font-size: 2.11em; }
66 |
67 | .reveal h3 {
68 | font-size: 1.55em; }
69 |
70 | .reveal h4 {
71 | font-size: 1em; }
72 |
73 | .reveal h1 {
74 | text-shadow: none; }
75 |
76 | /*********************************************
77 | * OTHER
78 | *********************************************/
79 | .reveal p {
80 | margin: 20px 0;
81 | line-height: 1.3; }
82 |
83 | /* Ensure certain elements are never larger than the slide itself */
84 | .reveal img,
85 | .reveal video,
86 | .reveal iframe {
87 | max-width: 95%;
88 | max-height: 95%; }
89 |
90 | .reveal strong,
91 | .reveal b {
92 | font-weight: bold; }
93 |
94 | .reveal em {
95 | font-style: italic; }
96 |
97 | .reveal ol,
98 | .reveal dl,
99 | .reveal ul {
100 | display: inline-block;
101 | text-align: left;
102 | margin: 0 0 0 1em; }
103 |
104 | .reveal ol {
105 | list-style-type: decimal; }
106 |
107 | .reveal ul {
108 | list-style-type: disc; }
109 |
110 | .reveal ul ul {
111 | list-style-type: square; }
112 |
113 | .reveal ul ul ul {
114 | list-style-type: circle; }
115 |
116 | .reveal ul ul,
117 | .reveal ul ol,
118 | .reveal ol ol,
119 | .reveal ol ul {
120 | display: block;
121 | margin-left: 40px; }
122 |
123 | .reveal dt {
124 | font-weight: bold; }
125 |
126 | .reveal dd {
127 | margin-left: 40px; }
128 |
129 | .reveal q,
130 | .reveal blockquote {
131 | quotes: none; }
132 |
133 | .reveal blockquote {
134 | display: block;
135 | position: relative;
136 | width: 70%;
137 | margin: 20px auto;
138 | padding: 5px;
139 | font-style: italic;
140 | background: rgba(255, 255, 255, 0.05);
141 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
142 |
143 | .reveal blockquote p:first-child,
144 | .reveal blockquote p:last-child {
145 | display: inline-block; }
146 |
147 | .reveal q {
148 | font-style: italic; }
149 |
150 | .reveal pre {
151 | display: block;
152 | position: relative;
153 | width: 90%;
154 | margin: 20px auto;
155 | text-align: left;
156 | font-size: 0.55em;
157 | font-family: monospace;
158 | line-height: 1.2em;
159 | word-wrap: break-word;
160 | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
161 |
162 | .reveal code {
163 | font-family: monospace; }
164 |
165 | .reveal pre code {
166 | display: block;
167 | padding: 5px;
168 | overflow: auto;
169 | max-height: 400px;
170 | word-wrap: normal; }
171 |
172 | .reveal table {
173 | margin: auto;
174 | border-collapse: collapse;
175 | border-spacing: 0; }
176 |
177 | .reveal table th {
178 | font-weight: bold; }
179 |
180 | .reveal table th,
181 | .reveal table td {
182 | text-align: left;
183 | padding: 0.2em 0.5em 0.2em 0.5em;
184 | border-bottom: 1px solid; }
185 |
186 | .reveal table th[align="center"],
187 | .reveal table td[align="center"] {
188 | text-align: center; }
189 |
190 | .reveal table th[align="right"],
191 | .reveal table td[align="right"] {
192 | text-align: right; }
193 |
194 | .reveal table tbody tr:last-child th,
195 | .reveal table tbody tr:last-child td {
196 | border-bottom: none; }
197 |
198 | .reveal sup {
199 | vertical-align: super; }
200 |
201 | .reveal sub {
202 | vertical-align: sub; }
203 |
204 | .reveal small {
205 | display: inline-block;
206 | font-size: 0.6em;
207 | line-height: 1.2em;
208 | vertical-align: top; }
209 |
210 | .reveal small * {
211 | vertical-align: top; }
212 |
213 | /*********************************************
214 | * LINKS
215 | *********************************************/
216 | .reveal a {
217 | color: #268bd2;
218 | text-decoration: none;
219 | -webkit-transition: color .15s ease;
220 | -moz-transition: color .15s ease;
221 | transition: color .15s ease; }
222 |
223 | .reveal a:hover {
224 | color: #78b9e6;
225 | text-shadow: none;
226 | border: none; }
227 |
228 | .reveal .roll span:after {
229 | color: #fff;
230 | background: #1a6091; }
231 |
232 | /*********************************************
233 | * IMAGES
234 | *********************************************/
235 | .reveal section img {
236 | margin: 15px 0px;
237 | background: rgba(255, 255, 255, 0.12);
238 | border: 4px solid #93a1a1;
239 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
240 |
241 | .reveal section img.plain {
242 | border: 0;
243 | box-shadow: none; }
244 |
245 | .reveal a img {
246 | -webkit-transition: all .15s linear;
247 | -moz-transition: all .15s linear;
248 | transition: all .15s linear; }
249 |
250 | .reveal a:hover img {
251 | background: rgba(255, 255, 255, 0.2);
252 | border-color: #268bd2;
253 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
254 |
255 | /*********************************************
256 | * NAVIGATION CONTROLS
257 | *********************************************/
258 | .reveal .controls .navigate-left,
259 | .reveal .controls .navigate-left.enabled {
260 | border-right-color: #268bd2; }
261 |
262 | .reveal .controls .navigate-right,
263 | .reveal .controls .navigate-right.enabled {
264 | border-left-color: #268bd2; }
265 |
266 | .reveal .controls .navigate-up,
267 | .reveal .controls .navigate-up.enabled {
268 | border-bottom-color: #268bd2; }
269 |
270 | .reveal .controls .navigate-down,
271 | .reveal .controls .navigate-down.enabled {
272 | border-top-color: #268bd2; }
273 |
274 | .reveal .controls .navigate-left.enabled:hover {
275 | border-right-color: #78b9e6; }
276 |
277 | .reveal .controls .navigate-right.enabled:hover {
278 | border-left-color: #78b9e6; }
279 |
280 | .reveal .controls .navigate-up.enabled:hover {
281 | border-bottom-color: #78b9e6; }
282 |
283 | .reveal .controls .navigate-down.enabled:hover {
284 | border-top-color: #78b9e6; }
285 |
286 | /*********************************************
287 | * PROGRESS BAR
288 | *********************************************/
289 | .reveal .progress {
290 | background: rgba(0, 0, 0, 0.2); }
291 |
292 | .reveal .progress span {
293 | background: #268bd2;
294 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
295 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
296 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
297 |
--------------------------------------------------------------------------------
/presentation/css/theme/solarized.css:
--------------------------------------------------------------------------------
1 | /**
2 | * Solarized Light theme for reveal.js.
3 | * Author: Achim Staebler
4 | */
5 | @import url(../../lib/font/league-gothic/league-gothic.css);
6 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
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: 40px;
24 | font-weight: normal;
25 | color: #657b83; }
26 |
27 | ::selection {
28 | color: #fff;
29 | background: #d33682;
30 | text-shadow: none; }
31 |
32 | ::-moz-selection {
33 | color: #fff;
34 | background: #d33682;
35 | text-shadow: none; }
36 |
37 | .reveal .slides > section,
38 | .reveal .slides > section > section {
39 | line-height: 1.3;
40 | font-weight: inherit; }
41 |
42 | /*********************************************
43 | * HEADERS
44 | *********************************************/
45 | .reveal h1,
46 | .reveal h2,
47 | .reveal h3,
48 | .reveal h4,
49 | .reveal h5,
50 | .reveal h6 {
51 | margin: 0 0 20px 0;
52 | color: #586e75;
53 | font-family: "League Gothic", Impact, sans-serif;
54 | font-weight: normal;
55 | line-height: 1.2;
56 | letter-spacing: normal;
57 | text-transform: uppercase;
58 | text-shadow: none;
59 | word-wrap: break-word; }
60 |
61 | .reveal h1 {
62 | font-size: 3.77em; }
63 |
64 | .reveal h2 {
65 | font-size: 2.11em; }
66 |
67 | .reveal h3 {
68 | font-size: 1.55em; }
69 |
70 | .reveal h4 {
71 | font-size: 1em; }
72 |
73 | .reveal h1 {
74 | text-shadow: none; }
75 |
76 | /*********************************************
77 | * OTHER
78 | *********************************************/
79 | .reveal p {
80 | margin: 20px 0;
81 | line-height: 1.3; }
82 |
83 | /* Ensure certain elements are never larger than the slide itself */
84 | .reveal img,
85 | .reveal video,
86 | .reveal iframe {
87 | max-width: 95%;
88 | max-height: 95%; }
89 |
90 | .reveal strong,
91 | .reveal b {
92 | font-weight: bold; }
93 |
94 | .reveal em {
95 | font-style: italic; }
96 |
97 | .reveal ol,
98 | .reveal dl,
99 | .reveal ul {
100 | display: inline-block;
101 | text-align: left;
102 | margin: 0 0 0 1em; }
103 |
104 | .reveal ol {
105 | list-style-type: decimal; }
106 |
107 | .reveal ul {
108 | list-style-type: disc; }
109 |
110 | .reveal ul ul {
111 | list-style-type: square; }
112 |
113 | .reveal ul ul ul {
114 | list-style-type: circle; }
115 |
116 | .reveal ul ul,
117 | .reveal ul ol,
118 | .reveal ol ol,
119 | .reveal ol ul {
120 | display: block;
121 | margin-left: 40px; }
122 |
123 | .reveal dt {
124 | font-weight: bold; }
125 |
126 | .reveal dd {
127 | margin-left: 40px; }
128 |
129 | .reveal q,
130 | .reveal blockquote {
131 | quotes: none; }
132 |
133 | .reveal blockquote {
134 | display: block;
135 | position: relative;
136 | width: 70%;
137 | margin: 20px auto;
138 | padding: 5px;
139 | font-style: italic;
140 | background: rgba(255, 255, 255, 0.05);
141 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
142 |
143 | .reveal blockquote p:first-child,
144 | .reveal blockquote p:last-child {
145 | display: inline-block; }
146 |
147 | .reveal q {
148 | font-style: italic; }
149 |
150 | .reveal pre {
151 | display: block;
152 | position: relative;
153 | width: 90%;
154 | margin: 20px auto;
155 | text-align: left;
156 | font-size: 0.55em;
157 | font-family: monospace;
158 | line-height: 1.2em;
159 | word-wrap: break-word;
160 | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
161 |
162 | .reveal code {
163 | font-family: monospace; }
164 |
165 | .reveal pre code {
166 | display: block;
167 | padding: 5px;
168 | overflow: auto;
169 | max-height: 400px;
170 | word-wrap: normal; }
171 |
172 | .reveal table {
173 | margin: auto;
174 | border-collapse: collapse;
175 | border-spacing: 0; }
176 |
177 | .reveal table th {
178 | font-weight: bold; }
179 |
180 | .reveal table th,
181 | .reveal table td {
182 | text-align: left;
183 | padding: 0.2em 0.5em 0.2em 0.5em;
184 | border-bottom: 1px solid; }
185 |
186 | .reveal table th[align="center"],
187 | .reveal table td[align="center"] {
188 | text-align: center; }
189 |
190 | .reveal table th[align="right"],
191 | .reveal table td[align="right"] {
192 | text-align: right; }
193 |
194 | .reveal table tbody tr:last-child th,
195 | .reveal table tbody tr:last-child td {
196 | border-bottom: none; }
197 |
198 | .reveal sup {
199 | vertical-align: super; }
200 |
201 | .reveal sub {
202 | vertical-align: sub; }
203 |
204 | .reveal small {
205 | display: inline-block;
206 | font-size: 0.6em;
207 | line-height: 1.2em;
208 | vertical-align: top; }
209 |
210 | .reveal small * {
211 | vertical-align: top; }
212 |
213 | /*********************************************
214 | * LINKS
215 | *********************************************/
216 | .reveal a {
217 | color: #268bd2;
218 | text-decoration: none;
219 | -webkit-transition: color .15s ease;
220 | -moz-transition: color .15s ease;
221 | transition: color .15s ease; }
222 |
223 | .reveal a:hover {
224 | color: #78b9e6;
225 | text-shadow: none;
226 | border: none; }
227 |
228 | .reveal .roll span:after {
229 | color: #fff;
230 | background: #1a6091; }
231 |
232 | /*********************************************
233 | * IMAGES
234 | *********************************************/
235 | .reveal section img {
236 | margin: 15px 0px;
237 | background: rgba(255, 255, 255, 0.12);
238 | border: 4px solid #657b83;
239 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
240 |
241 | .reveal section img.plain {
242 | border: 0;
243 | box-shadow: none; }
244 |
245 | .reveal a img {
246 | -webkit-transition: all .15s linear;
247 | -moz-transition: all .15s linear;
248 | transition: all .15s linear; }
249 |
250 | .reveal a:hover img {
251 | background: rgba(255, 255, 255, 0.2);
252 | border-color: #268bd2;
253 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
254 |
255 | /*********************************************
256 | * NAVIGATION CONTROLS
257 | *********************************************/
258 | .reveal .controls .navigate-left,
259 | .reveal .controls .navigate-left.enabled {
260 | border-right-color: #268bd2; }
261 |
262 | .reveal .controls .navigate-right,
263 | .reveal .controls .navigate-right.enabled {
264 | border-left-color: #268bd2; }
265 |
266 | .reveal .controls .navigate-up,
267 | .reveal .controls .navigate-up.enabled {
268 | border-bottom-color: #268bd2; }
269 |
270 | .reveal .controls .navigate-down,
271 | .reveal .controls .navigate-down.enabled {
272 | border-top-color: #268bd2; }
273 |
274 | .reveal .controls .navigate-left.enabled:hover {
275 | border-right-color: #78b9e6; }
276 |
277 | .reveal .controls .navigate-right.enabled:hover {
278 | border-left-color: #78b9e6; }
279 |
280 | .reveal .controls .navigate-up.enabled:hover {
281 | border-bottom-color: #78b9e6; }
282 |
283 | .reveal .controls .navigate-down.enabled:hover {
284 | border-top-color: #78b9e6; }
285 |
286 | /*********************************************
287 | * PROGRESS BAR
288 | *********************************************/
289 | .reveal .progress {
290 | background: rgba(0, 0, 0, 0.2); }
291 |
292 | .reveal .progress span {
293 | background: #268bd2;
294 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
295 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
296 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
297 |
--------------------------------------------------------------------------------
/presentation/css/theme/white.css:
--------------------------------------------------------------------------------
1 | /**
2 | * White theme for reveal.js. This is the opposite of the 'black' theme.
3 | *
4 | * By Hakim El Hattab, http://hakim.se
5 | */
6 | @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
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: 42px;
20 | font-weight: normal;
21 | color: #222; }
22 |
23 | ::selection {
24 | color: #fff;
25 | background: #98bdef;
26 | text-shadow: none; }
27 |
28 | ::-moz-selection {
29 | color: #fff;
30 | background: #98bdef;
31 | text-shadow: none; }
32 |
33 | .reveal .slides > section,
34 | .reveal .slides > section > section {
35 | line-height: 1.3;
36 | font-weight: inherit; }
37 |
38 | /*********************************************
39 | * HEADERS
40 | *********************************************/
41 | .reveal h1,
42 | .reveal h2,
43 | .reveal h3,
44 | .reveal h4,
45 | .reveal h5,
46 | .reveal h6 {
47 | margin: 0 0 20px 0;
48 | color: #222;
49 | font-family: "Source Sans Pro", Helvetica, sans-serif;
50 | font-weight: 600;
51 | line-height: 1.2;
52 | letter-spacing: normal;
53 | text-transform: uppercase;
54 | text-shadow: none;
55 | word-wrap: break-word; }
56 |
57 | .reveal h1 {
58 | font-size: 2.5em; }
59 |
60 | .reveal h2 {
61 | font-size: 1.6em; }
62 |
63 | .reveal h3 {
64 | font-size: 1.3em; }
65 |
66 | .reveal h4 {
67 | font-size: 1em; }
68 |
69 | .reveal h1 {
70 | text-shadow: none; }
71 |
72 | /*********************************************
73 | * OTHER
74 | *********************************************/
75 | .reveal p {
76 | margin: 20px 0;
77 | line-height: 1.3; }
78 |
79 | /* Ensure certain elements are never larger than the slide itself */
80 | .reveal img,
81 | .reveal video,
82 | .reveal iframe {
83 | max-width: 95%;
84 | max-height: 95%; }
85 |
86 | .reveal strong,
87 | .reveal b {
88 | font-weight: bold; }
89 |
90 | .reveal em {
91 | font-style: italic; }
92 |
93 | .reveal ol,
94 | .reveal dl,
95 | .reveal ul {
96 | display: inline-block;
97 | text-align: left;
98 | margin: 0 0 0 1em; }
99 |
100 | .reveal ol {
101 | list-style-type: decimal; }
102 |
103 | .reveal ul {
104 | list-style-type: disc; }
105 |
106 | .reveal ul ul {
107 | list-style-type: square; }
108 |
109 | .reveal ul ul ul {
110 | list-style-type: circle; }
111 |
112 | .reveal ul ul,
113 | .reveal ul ol,
114 | .reveal ol ol,
115 | .reveal ol ul {
116 | display: block;
117 | margin-left: 40px; }
118 |
119 | .reveal dt {
120 | font-weight: bold; }
121 |
122 | .reveal dd {
123 | margin-left: 40px; }
124 |
125 | .reveal q,
126 | .reveal blockquote {
127 | quotes: none; }
128 |
129 | .reveal blockquote {
130 | display: block;
131 | position: relative;
132 | width: 70%;
133 | margin: 20px auto;
134 | padding: 5px;
135 | font-style: italic;
136 | background: rgba(255, 255, 255, 0.05);
137 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
138 |
139 | .reveal blockquote p:first-child,
140 | .reveal blockquote p:last-child {
141 | display: inline-block; }
142 |
143 | .reveal q {
144 | font-style: italic; }
145 |
146 | .reveal pre {
147 | display: block;
148 | position: relative;
149 | width: 90%;
150 | margin: 20px auto;
151 | text-align: left;
152 | font-size: 0.55em;
153 | font-family: monospace;
154 | line-height: 1.2em;
155 | word-wrap: break-word;
156 | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
157 |
158 | .reveal code {
159 | font-family: monospace; }
160 |
161 | .reveal pre code {
162 | display: block;
163 | padding: 5px;
164 | overflow: auto;
165 | max-height: 400px;
166 | word-wrap: normal; }
167 |
168 | .reveal table {
169 | margin: auto;
170 | border-collapse: collapse;
171 | border-spacing: 0; }
172 |
173 | .reveal table th {
174 | font-weight: bold; }
175 |
176 | .reveal table th,
177 | .reveal table td {
178 | text-align: left;
179 | padding: 0.2em 0.5em 0.2em 0.5em;
180 | border-bottom: 1px solid; }
181 |
182 | .reveal table th[align="center"],
183 | .reveal table td[align="center"] {
184 | text-align: center; }
185 |
186 | .reveal table th[align="right"],
187 | .reveal table td[align="right"] {
188 | text-align: right; }
189 |
190 | .reveal table tbody tr:last-child th,
191 | .reveal table tbody tr:last-child td {
192 | border-bottom: none; }
193 |
194 | .reveal sup {
195 | vertical-align: super; }
196 |
197 | .reveal sub {
198 | vertical-align: sub; }
199 |
200 | .reveal small {
201 | display: inline-block;
202 | font-size: 0.6em;
203 | line-height: 1.2em;
204 | vertical-align: top; }
205 |
206 | .reveal small * {
207 | vertical-align: top; }
208 |
209 | /*********************************************
210 | * LINKS
211 | *********************************************/
212 | .reveal a {
213 | color: #2a76dd;
214 | text-decoration: none;
215 | -webkit-transition: color .15s ease;
216 | -moz-transition: color .15s ease;
217 | transition: color .15s ease; }
218 |
219 | .reveal a:hover {
220 | color: #6ca0e8;
221 | text-shadow: none;
222 | border: none; }
223 |
224 | .reveal .roll span:after {
225 | color: #fff;
226 | background: #1a53a1; }
227 |
228 | /*********************************************
229 | * IMAGES
230 | *********************************************/
231 | .reveal section img {
232 | margin: 15px 0px;
233 | background: rgba(255, 255, 255, 0.12);
234 | border: 4px solid #222;
235 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
236 |
237 | .reveal section img.plain {
238 | border: 0;
239 | box-shadow: none; }
240 |
241 | .reveal a img {
242 | -webkit-transition: all .15s linear;
243 | -moz-transition: all .15s linear;
244 | transition: all .15s linear; }
245 |
246 | .reveal a:hover img {
247 | background: rgba(255, 255, 255, 0.2);
248 | border-color: #2a76dd;
249 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
250 |
251 | /*********************************************
252 | * NAVIGATION CONTROLS
253 | *********************************************/
254 | .reveal .controls .navigate-left,
255 | .reveal .controls .navigate-left.enabled {
256 | border-right-color: #2a76dd; }
257 |
258 | .reveal .controls .navigate-right,
259 | .reveal .controls .navigate-right.enabled {
260 | border-left-color: #2a76dd; }
261 |
262 | .reveal .controls .navigate-up,
263 | .reveal .controls .navigate-up.enabled {
264 | border-bottom-color: #2a76dd; }
265 |
266 | .reveal .controls .navigate-down,
267 | .reveal .controls .navigate-down.enabled {
268 | border-top-color: #2a76dd; }
269 |
270 | .reveal .controls .navigate-left.enabled:hover {
271 | border-right-color: #6ca0e8; }
272 |
273 | .reveal .controls .navigate-right.enabled:hover {
274 | border-left-color: #6ca0e8; }
275 |
276 | .reveal .controls .navigate-up.enabled:hover {
277 | border-bottom-color: #6ca0e8; }
278 |
279 | .reveal .controls .navigate-down.enabled:hover {
280 | border-top-color: #6ca0e8; }
281 |
282 | /*********************************************
283 | * PROGRESS BAR
284 | *********************************************/
285 | .reveal .progress {
286 | background: rgba(0, 0, 0, 0.2); }
287 |
288 | .reveal .progress span {
289 | background: #2a76dd;
290 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
291 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
292 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
293 |
--------------------------------------------------------------------------------
/presentation/css/theme/black.css:
--------------------------------------------------------------------------------
1 | /**
2 | * Black theme for reveal.js. This is the opposite of the 'white' theme.
3 | *
4 | * By Hakim El Hattab, http://hakim.se
5 | */
6 | @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
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: 42px;
20 | font-weight: normal;
21 | color: #fff; }
22 |
23 | ::selection {
24 | color: #fff;
25 | background: #bee4fd;
26 | text-shadow: none; }
27 |
28 | ::-moz-selection {
29 | color: #fff;
30 | background: #bee4fd;
31 | text-shadow: none; }
32 |
33 | .reveal .slides > section,
34 | .reveal .slides > section > section {
35 | line-height: 1.3;
36 | font-weight: inherit; }
37 |
38 | /*********************************************
39 | * HEADERS
40 | *********************************************/
41 | .reveal h1,
42 | .reveal h2,
43 | .reveal h3,
44 | .reveal h4,
45 | .reveal h5,
46 | .reveal h6 {
47 | margin: 0 0 20px 0;
48 | color: #fff;
49 | font-family: "Source Sans Pro", Helvetica, sans-serif;
50 | font-weight: 600;
51 | line-height: 1.2;
52 | letter-spacing: normal;
53 | text-transform: uppercase;
54 | text-shadow: none;
55 | word-wrap: break-word; }
56 |
57 | .reveal h1 {
58 | font-size: 2.5em; }
59 |
60 | .reveal h2 {
61 | font-size: 1.6em; }
62 |
63 | .reveal h3 {
64 | font-size: 1.3em; }
65 |
66 | .reveal h4 {
67 | font-size: 1em; }
68 |
69 | .reveal h1 {
70 | text-shadow: none; }
71 |
72 | /*********************************************
73 | * OTHER
74 | *********************************************/
75 | .reveal p {
76 | margin: 20px 0;
77 | line-height: 1.3; }
78 |
79 | /* Ensure certain elements are never larger than the slide itself */
80 | .reveal img,
81 | .reveal video,
82 | .reveal iframe {
83 | max-width: 95%;
84 | max-height: 95%; }
85 |
86 | .reveal strong,
87 | .reveal b {
88 | font-weight: bold; }
89 |
90 | .reveal em {
91 | font-style: italic; }
92 |
93 | .reveal ol,
94 | .reveal dl,
95 | .reveal ul {
96 | display: inline-block;
97 | text-align: left;
98 | margin: 0 0 0 1em; }
99 |
100 | .reveal ol {
101 | list-style-type: decimal; }
102 |
103 | .reveal ul {
104 | list-style-type: disc; }
105 |
106 | .reveal ul ul {
107 | list-style-type: square; }
108 |
109 | .reveal ul ul ul {
110 | list-style-type: circle; }
111 |
112 | .reveal ul ul,
113 | .reveal ul ol,
114 | .reveal ol ol,
115 | .reveal ol ul {
116 | display: block;
117 | margin-left: 40px; }
118 |
119 | .reveal dt {
120 | font-weight: bold; }
121 |
122 | .reveal dd {
123 | margin-left: 40px; }
124 |
125 | .reveal q,
126 | .reveal blockquote {
127 | quotes: none; }
128 |
129 | .reveal blockquote {
130 | display: block;
131 | position: relative;
132 | width: 70%;
133 | margin: 20px auto;
134 | padding: 5px;
135 | font-style: italic;
136 | background: rgba(255, 255, 255, 0.05);
137 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
138 |
139 | .reveal blockquote p:first-child,
140 | .reveal blockquote p:last-child {
141 | display: inline-block; }
142 |
143 | .reveal q {
144 | font-style: italic; }
145 |
146 | .reveal pre {
147 | display: block;
148 | position: relative;
149 | width: 90%;
150 | margin: 20px auto;
151 | text-align: left;
152 | font-size: 0.55em;
153 | font-family: monospace;
154 | line-height: 1.2em;
155 | word-wrap: break-word;
156 | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
157 |
158 | .reveal code {
159 | font-family: monospace; }
160 |
161 | .reveal pre code {
162 | display: block;
163 | padding: 5px;
164 | overflow: auto;
165 | max-height: 400px;
166 | word-wrap: normal; }
167 |
168 | .reveal table {
169 | margin: auto;
170 | border-collapse: collapse;
171 | border-spacing: 0; }
172 |
173 | .reveal table th {
174 | font-weight: bold; }
175 |
176 | .reveal table th,
177 | .reveal table td {
178 | text-align: left;
179 | padding: 0.2em 0.5em 0.2em 0.5em;
180 | border-bottom: 1px solid; }
181 |
182 | .reveal table th[align="center"],
183 | .reveal table td[align="center"] {
184 | text-align: center; }
185 |
186 | .reveal table th[align="right"],
187 | .reveal table td[align="right"] {
188 | text-align: right; }
189 |
190 | .reveal table tbody tr:last-child th,
191 | .reveal table tbody tr:last-child td {
192 | border-bottom: none; }
193 |
194 | .reveal sup {
195 | vertical-align: super; }
196 |
197 | .reveal sub {
198 | vertical-align: sub; }
199 |
200 | .reveal small {
201 | display: inline-block;
202 | font-size: 0.6em;
203 | line-height: 1.2em;
204 | vertical-align: top; }
205 |
206 | .reveal small * {
207 | vertical-align: top; }
208 |
209 | /*********************************************
210 | * LINKS
211 | *********************************************/
212 | .reveal a {
213 | color: #42affa;
214 | text-decoration: none;
215 | -webkit-transition: color .15s ease;
216 | -moz-transition: color .15s ease;
217 | transition: color .15s ease; }
218 |
219 | .reveal a:hover {
220 | color: #8dcffc;
221 | text-shadow: none;
222 | border: none; }
223 |
224 | .reveal .roll span:after {
225 | color: #fff;
226 | background: #068de9; }
227 |
228 | /*********************************************
229 | * IMAGES
230 | *********************************************/
231 | .reveal section img {
232 | margin: 15px 0px;
233 | background: rgba(255, 255, 255, 0.12);
234 | border: 4px solid #fff;
235 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
236 |
237 | .reveal section img.plain {
238 | border: 0;
239 | box-shadow: none; }
240 |
241 | .reveal a img {
242 | -webkit-transition: all .15s linear;
243 | -moz-transition: all .15s linear;
244 | transition: all .15s linear; }
245 |
246 | .reveal a:hover img {
247 | background: rgba(255, 255, 255, 0.2);
248 | border-color: #42affa;
249 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
250 |
251 | /*********************************************
252 | * NAVIGATION CONTROLS
253 | *********************************************/
254 | .reveal .controls .navigate-left,
255 | .reveal .controls .navigate-left.enabled {
256 | border-right-color: #42affa; }
257 |
258 | .reveal .controls .navigate-right,
259 | .reveal .controls .navigate-right.enabled {
260 | border-left-color: #42affa; }
261 |
262 | .reveal .controls .navigate-up,
263 | .reveal .controls .navigate-up.enabled {
264 | border-bottom-color: #42affa; }
265 |
266 | .reveal .controls .navigate-down,
267 | .reveal .controls .navigate-down.enabled {
268 | border-top-color: #42affa; }
269 |
270 | .reveal .controls .navigate-left.enabled:hover {
271 | border-right-color: #8dcffc; }
272 |
273 | .reveal .controls .navigate-right.enabled:hover {
274 | border-left-color: #8dcffc; }
275 |
276 | .reveal .controls .navigate-up.enabled:hover {
277 | border-bottom-color: #8dcffc; }
278 |
279 | .reveal .controls .navigate-down.enabled:hover {
280 | border-top-color: #8dcffc; }
281 |
282 | /*********************************************
283 | * PROGRESS BAR
284 | *********************************************/
285 | .reveal .progress {
286 | background: rgba(0, 0, 0, 0.2); }
287 |
288 | .reveal .progress span {
289 | background: #42affa;
290 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
291 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
292 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
293 |
--------------------------------------------------------------------------------
/presentation/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 | ::-moz-selection {
26 | color: $selectionColor;
27 | background: $selectionBackgroundColor;
28 | text-shadow: none;
29 | }
30 |
31 | .reveal .slides>section,
32 | .reveal .slides>section>section {
33 | line-height: 1.3;
34 | font-weight: inherit;
35 | }
36 |
37 | /*********************************************
38 | * HEADERS
39 | *********************************************/
40 |
41 | .reveal h1,
42 | .reveal h2,
43 | .reveal h3,
44 | .reveal h4,
45 | .reveal h5,
46 | .reveal h6 {
47 | margin: $headingMargin;
48 | color: $headingColor;
49 |
50 | font-family: $headingFont;
51 | font-weight: $headingFontWeight;
52 | line-height: $headingLineHeight;
53 | letter-spacing: $headingLetterSpacing;
54 |
55 | text-transform: $headingTextTransform;
56 | text-shadow: $headingTextShadow;
57 |
58 | word-wrap: break-word;
59 | }
60 |
61 | .reveal h1 {font-size: $heading1Size; }
62 | .reveal h2 {font-size: $heading2Size; }
63 | .reveal h3 {font-size: $heading3Size; }
64 | .reveal h4 {font-size: $heading4Size; }
65 |
66 | .reveal h1 {
67 | text-shadow: $heading1TextShadow;
68 | }
69 |
70 |
71 | /*********************************************
72 | * OTHER
73 | *********************************************/
74 |
75 | .reveal p {
76 | margin: $blockMargin 0;
77 | line-height: 1.3;
78 | }
79 |
80 | /* Ensure certain elements are never larger than the slide itself */
81 | .reveal img,
82 | .reveal video,
83 | .reveal iframe {
84 | max-width: 95%;
85 | max-height: 95%;
86 | }
87 | .reveal strong,
88 | .reveal b {
89 | font-weight: bold;
90 | }
91 |
92 | .reveal em {
93 | font-style: italic;
94 | }
95 |
96 | .reveal ol,
97 | .reveal dl,
98 | .reveal ul {
99 | display: inline-block;
100 |
101 | text-align: left;
102 | margin: 0 0 0 1em;
103 | }
104 |
105 | .reveal ol {
106 | list-style-type: decimal;
107 | }
108 |
109 | .reveal ul {
110 | list-style-type: disc;
111 | }
112 |
113 | .reveal ul ul {
114 | list-style-type: square;
115 | }
116 |
117 | .reveal ul ul ul {
118 | list-style-type: circle;
119 | }
120 |
121 | .reveal ul ul,
122 | .reveal ul ol,
123 | .reveal ol ol,
124 | .reveal ol ul {
125 | display: block;
126 | margin-left: 40px;
127 | }
128 |
129 | .reveal dt {
130 | font-weight: bold;
131 | }
132 |
133 | .reveal dd {
134 | margin-left: 40px;
135 | }
136 |
137 | .reveal q,
138 | .reveal blockquote {
139 | quotes: none;
140 | }
141 |
142 | .reveal blockquote {
143 | display: block;
144 | position: relative;
145 | width: 70%;
146 | margin: $blockMargin auto;
147 | padding: 5px;
148 |
149 | font-style: italic;
150 | background: rgba(255, 255, 255, 0.05);
151 | box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
152 | }
153 | .reveal blockquote p:first-child,
154 | .reveal blockquote p:last-child {
155 | display: inline-block;
156 | }
157 |
158 | .reveal q {
159 | font-style: italic;
160 | }
161 |
162 | .reveal pre {
163 | display: block;
164 | position: relative;
165 | width: 90%;
166 | margin: $blockMargin auto;
167 |
168 | text-align: left;
169 | font-size: 0.55em;
170 | font-family: monospace;
171 | line-height: 1.2em;
172 |
173 | word-wrap: break-word;
174 |
175 | box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
176 | }
177 | .reveal code {
178 | font-family: monospace;
179 | }
180 |
181 | .reveal pre code {
182 | display: block;
183 | padding: 5px;
184 | overflow: auto;
185 | max-height: 400px;
186 | word-wrap: normal;
187 | }
188 |
189 | .reveal table {
190 | margin: auto;
191 | border-collapse: collapse;
192 | border-spacing: 0;
193 | }
194 |
195 | .reveal table th {
196 | font-weight: bold;
197 | }
198 |
199 | .reveal table th,
200 | .reveal table td {
201 | text-align: left;
202 | padding: 0.2em 0.5em 0.2em 0.5em;
203 | border-bottom: 1px solid;
204 | }
205 |
206 | .reveal table th[align="center"],
207 | .reveal table td[align="center"] {
208 | text-align: center;
209 | }
210 |
211 | .reveal table th[align="right"],
212 | .reveal table td[align="right"] {
213 | text-align: right;
214 | }
215 |
216 | .reveal table tbody tr:last-child th,
217 | .reveal table tbody tr:last-child td {
218 | border-bottom: none;
219 | }
220 |
221 | .reveal sup {
222 | vertical-align: super;
223 | }
224 | .reveal sub {
225 | vertical-align: sub;
226 | }
227 |
228 | .reveal small {
229 | display: inline-block;
230 | font-size: 0.6em;
231 | line-height: 1.2em;
232 | vertical-align: top;
233 | }
234 |
235 | .reveal small * {
236 | vertical-align: top;
237 | }
238 |
239 |
240 | /*********************************************
241 | * LINKS
242 | *********************************************/
243 |
244 | .reveal a {
245 | color: $linkColor;
246 | text-decoration: none;
247 |
248 | -webkit-transition: color .15s ease;
249 | -moz-transition: color .15s ease;
250 | transition: color .15s ease;
251 | }
252 | .reveal a:hover {
253 | color: $linkColorHover;
254 |
255 | text-shadow: none;
256 | border: none;
257 | }
258 |
259 | .reveal .roll span:after {
260 | color: #fff;
261 | background: darken( $linkColor, 15% );
262 | }
263 |
264 |
265 | /*********************************************
266 | * IMAGES
267 | *********************************************/
268 |
269 | .reveal section img {
270 | margin: 15px 0px;
271 | background: rgba(255,255,255,0.12);
272 | border: 4px solid $mainColor;
273 |
274 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
275 | }
276 |
277 | .reveal section img.plain {
278 | border: 0;
279 | box-shadow: none;
280 | }
281 |
282 | .reveal a img {
283 | -webkit-transition: all .15s linear;
284 | -moz-transition: all .15s linear;
285 | transition: all .15s linear;
286 | }
287 |
288 | .reveal a:hover img {
289 | background: rgba(255,255,255,0.2);
290 | border-color: $linkColor;
291 |
292 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
293 | }
294 |
295 |
296 | /*********************************************
297 | * NAVIGATION CONTROLS
298 | *********************************************/
299 |
300 | .reveal .controls .navigate-left,
301 | .reveal .controls .navigate-left.enabled {
302 | border-right-color: $linkColor;
303 | }
304 |
305 | .reveal .controls .navigate-right,
306 | .reveal .controls .navigate-right.enabled {
307 | border-left-color: $linkColor;
308 | }
309 |
310 | .reveal .controls .navigate-up,
311 | .reveal .controls .navigate-up.enabled {
312 | border-bottom-color: $linkColor;
313 | }
314 |
315 | .reveal .controls .navigate-down,
316 | .reveal .controls .navigate-down.enabled {
317 | border-top-color: $linkColor;
318 | }
319 |
320 | .reveal .controls .navigate-left.enabled:hover {
321 | border-right-color: $linkColorHover;
322 | }
323 |
324 | .reveal .controls .navigate-right.enabled:hover {
325 | border-left-color: $linkColorHover;
326 | }
327 |
328 | .reveal .controls .navigate-up.enabled:hover {
329 | border-bottom-color: $linkColorHover;
330 | }
331 |
332 | .reveal .controls .navigate-down.enabled:hover {
333 | border-top-color: $linkColorHover;
334 | }
335 |
336 |
337 | /*********************************************
338 | * PROGRESS BAR
339 | *********************************************/
340 |
341 | .reveal .progress {
342 | background: rgba(0,0,0,0.2);
343 | }
344 | .reveal .progress span {
345 | background: $linkColor;
346 |
347 | -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
348 | -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
349 | transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
350 | }
351 |
352 |
353 |
--------------------------------------------------------------------------------