Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

First commit

  • Loading branch information...
commit cc519d8d715c5f769bf14e58c633de229b1dd77d 0 parents
Evangenieur authored November 13, 2012

Showing 50 changed files with 6,570 additions and 0 deletions. Show diff stats Hide diff stats

  1. 19  LICENSE
  2. 3  README.md
  3. 176  css/print/paper.css
  4. 159  css/print/pdf.css
  5. 1,233  css/reveal.css
  6. 7  css/reveal.min.css
  7. 64  css/shaders/tile-flip.fs
  8. 141  css/shaders/tile-flip.vs
  9. 5  css/theme/README.md
  10. 163  css/theme/beige.css
  11. 163  css/theme/default.css
  12. 150  css/theme/night.css
  13. 150  css/theme/serif.css
  14. 152  css/theme/simple.css
  15. 156  css/theme/sky.css
  16. 50  css/theme/source/beige.scss
  17. 42  css/theme/source/default.scss
  18. 35  css/theme/source/night.scss
  19. 33  css/theme/source/serif.scss
  20. 38  css/theme/source/simple.scss
  21. 41  css/theme/source/sky.scss
  22. 29  css/theme/template/mixins.scss
  23. 33  css/theme/template/settings.scss
  24. 163  css/theme/template/theme.scss
  25. 83  grunt.js
  26. 362  index.html
  27. 1,568  js/reveal.js
  28. 8  js/reveal.min.js
  29. 115  lib/css/zenburn.css
  30. BIN  lib/font/league_gothic-webfont.eot
  31. 230  lib/font/league_gothic-webfont.svg
  32. BIN  lib/font/league_gothic-webfont.ttf
  33. BIN  lib/font/league_gothic-webfont.woff
  34. 2  lib/font/league_gothic_license
  35. 2  lib/js/classList.js
  36. 8  lib/js/head.min.js
  37. 7  lib/js/html5shiv.js
  38. 27  package.json
  39. 14  plugin/highlight/highlight.js
  40. 32  plugin/markdown/markdown.js
  41. 62  plugin/markdown/showdown.js
  42. 57  plugin/notes-server/client.js
  43. 58  plugin/notes-server/index.js
  44. 139  plugin/notes-server/notes.html
  45. 142  plugin/notes/notes.html
  46. 98  plugin/notes/notes.js
  47. 39  plugin/postmessage/example.html
  48. 42  plugin/postmessage/postmessage.js
  49. 19  plugin/remotes/remotes.js
  50. 251  plugin/zoom-js/zoom.js
19  LICENSE
... ...
@@ -0,0 +1,19 @@
  1
+Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
  2
+
  3
+Permission is hereby granted, free of charge, to any person obtaining a copy
  4
+of this software and associated documentation files (the "Software"), to deal
  5
+in the Software without restriction, including without limitation the rights
  6
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  7
+copies of the Software, and to permit persons to whom the Software is
  8
+furnished to do so, subject to the following conditions:
  9
+
  10
+The above copyright notice and this permission notice shall be included in
  11
+all copies or substantial portions of the Software.
  12
+
  13
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  14
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  15
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  16
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  17
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  18
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  19
+THE SOFTWARE.
3  README.md
Source Rendered
... ...
@@ -0,0 +1,3 @@
  1
+# Future of Web Dev
  2
+
  3
+My presentation for the first [HumanTalks Grenoble](http://humantalks.com/cities/grenoble/events/5)
176  css/print/paper.css
... ...
@@ -0,0 +1,176 @@
  1
+/* Default Print Stylesheet Template
  2
+   by Rob Glazebrook of CSSnewbie.com
  3
+   Last Updated: June 4, 2008
  4
+
  5
+   Feel free (nay, compelled) to edit, append, and 
  6
+   manipulate this file as you see fit. */
  7
+
  8
+
  9
+/* SECTION 1: Set default width, margin, float, and
  10
+   background. This prevents elements from extending 
  11
+   beyond the edge of the printed page, and prevents
  12
+   unnecessary background images from printing */
  13
+body {
  14
+	background: #fff;
  15
+	font-size: 13pt;
  16
+	width: auto;
  17
+	height: auto;
  18
+	border: 0;
  19
+	margin: 0 5%;
  20
+	padding: 0;
  21
+	float: none !important;
  22
+	overflow: visible;
  23
+}
  24
+html {
  25
+	background: #fff;
  26
+	width: auto;
  27
+	height: auto;
  28
+	overflow: visible;
  29
+}
  30
+
  31
+/* SECTION 2: Remove any elements not needed in print. 
  32
+   This would include navigation, ads, sidebars, etc. */
  33
+.nestedarrow, 
  34
+.controls, 
  35
+.reveal .progress, 
  36
+.reveal.overview,
  37
+.fork-reveal,
  38
+.share-reveal,
  39
+.state-background {
  40
+	display: none !important;
  41
+}
  42
+
  43
+/* SECTION 3: Set body font face, size, and color.
  44
+   Consider using a serif font for readability. */
  45
+body, p, td, li, div, a {
  46
+	font-size: 16pt!important;
  47
+	font-family: Georgia, "Times New Roman", Times, serif !important;
  48
+	color: #000; 
  49
+}
  50
+
  51
+/* SECTION 4: Set heading font face, sizes, and color.
  52
+   Diffrentiate your headings from your body text.
  53
+   Perhaps use a large sans-serif for distinction. */
  54
+h1,h2,h3,h4,h5,h6 {
  55
+	color: #000!important;
  56
+	height: auto;
  57
+	line-height: normal;
  58
+	font-family: Georgia, "Times New Roman", Times, serif !important;
  59
+	text-shadow: 0 0 0 #000 !important;
  60
+	text-align: left;
  61
+	letter-spacing: normal;
  62
+}
  63
+/* Need to reduce the size of the fonts for printing */
  64
+h1 { font-size: 26pt !important;  }
  65
+h2 { font-size: 22pt !important; }
  66
+h3 { font-size: 20pt !important; }
  67
+h4 { font-size: 20pt !important; font-variant: small-caps; }
  68
+h5 { font-size: 19pt !important; }
  69
+h6 { font-size: 18pt !important; font-style: italic; }
  70
+
  71
+/* SECTION 5: Make hyperlinks more usable.
  72
+   Ensure links are underlined, and consider appending
  73
+   the URL to the end of the link for usability. */
  74
+a:link, 
  75
+a:visited {
  76
+	color: #000 !important;
  77
+	font-weight: bold;
  78
+	text-decoration: underline;
  79
+}
  80
+/*
  81
+.reveal a:link:after, 
  82
+.reveal a:visited:after {
  83
+	content: " (" attr(href) ") ";
  84
+	color: #222 !important;
  85
+	font-size: 90%;
  86
+}
  87
+*/
  88
+
  89
+
  90
+/* SECTION 6: more reveal.js specific additions by @skypanther */
  91
+ul, ol, div, p {
  92
+	visibility: visible;
  93
+	position: static;
  94
+	width: auto;
  95
+	height: auto;
  96
+	display: block;
  97
+	overflow: visible;
  98
+	margin: auto;
  99
+	text-align: left !important;
  100
+}
  101
+.reveal .slides {
  102
+	position: static;
  103
+	width: auto;
  104
+	height: auto;
  105
+
  106
+	left: auto;
  107
+	top: auto;
  108
+	margin-left: auto;
  109
+	margin-top: auto;
  110
+	padding: auto;
  111
+
  112
+	overflow: visible;
  113
+	display: block;
  114
+
  115
+	text-align: center;
  116
+	-webkit-perspective: none;
  117
+	   -moz-perspective: none;
  118
+	    -ms-perspective: none;
  119
+	        perspective: none;
  120
+
  121
+	-webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
  122
+	   -moz-perspective-origin: 50% 50%;
  123
+	    -ms-perspective-origin: 50% 50%;
  124
+	        perspective-origin: 50% 50%;
  125
+}
  126
+.reveal .slides>section, 
  127
+.reveal .slides>section>section {
  128
+	
  129
+	visibility: visible !important;
  130
+	position: static !important;
  131
+	width: 90% !important;
  132
+	height: auto !important;
  133
+	display: block !important;
  134
+	overflow: visible !important;
  135
+
  136
+	left: 0% !important;
  137
+	top: 0% !important;
  138
+	margin-left: 0px !important;
  139
+	margin-top: 0px !important;
  140
+	padding: 20px 0px !important;
  141
+
  142
+	opacity: 1 !important;
  143
+
  144
+	-webkit-transform-style: flat !important;
  145
+	   -moz-transform-style: flat !important;
  146
+	    -ms-transform-style: flat !important;
  147
+	        transform-style: flat !important;
  148
+
  149
+	-webkit-transform: none !important;
  150
+	   -moz-transform: none !important;
  151
+	    -ms-transform: none !important;
  152
+	        transform: none !important;
  153
+}
  154
+.reveal section {
  155
+	page-break-after: always !important; 
  156
+	display: block !important;
  157
+}
  158
+.reveal section .fragment {
  159
+	opacity: 1 !important;
  160
+	visibility: visible !important;
  161
+	
  162
+	-webkit-transform: none !important;
  163
+	   -moz-transform: none !important;
  164
+	    -ms-transform: none !important;
  165
+	        transform: none !important;
  166
+}
  167
+.reveal section:last-of-type {
  168
+	page-break-after: avoid !important; 
  169
+}
  170
+.reveal section img {
  171
+	display: block;
  172
+	margin: 15px 0px;
  173
+	background: rgba(255,255,255,1);
  174
+	border: 1px solid #666;
  175
+	box-shadow: none;
  176
+}
159  css/print/pdf.css
... ...
@@ -0,0 +1,159 @@
  1
+/* Default Print Stylesheet Template
  2
+   by Rob Glazebrook of CSSnewbie.com
  3
+   Last Updated: June 4, 2008
  4
+
  5
+   Feel free (nay, compelled) to edit, append, and 
  6
+   manipulate this file as you see fit. */
  7
+
  8
+
  9
+/* SECTION 1: Set default width, margin, float, and
  10
+   background. This prevents elements from extending 
  11
+   beyond the edge of the printed page, and prevents
  12
+   unnecessary background images from printing */
  13
+* {
  14
+	-webkit-print-color-adjust: exact; 
  15
+}
  16
+
  17
+body {
  18
+	font-size: 18pt;
  19
+	width: auto;
  20
+	height: auto;
  21
+	border: 0;
  22
+	margin: 0 5%;
  23
+	padding: 0;
  24
+	float: none !important;
  25
+	overflow: visible;
  26
+	background-image: none;
  27
+}
  28
+
  29
+html {
  30
+	width: auto;
  31
+	height: auto;
  32
+	overflow: visible;
  33
+}
  34
+
  35
+/* SECTION 2: Remove any elements not needed in print. 
  36
+   This would include navigation, ads, sidebars, etc. */
  37
+.nestedarrow, 
  38
+.controls, 
  39
+.reveal .progress, 
  40
+.reveal.overview,
  41
+.fork-reveal,
  42
+.share-reveal,
  43
+.state-background {
  44
+	display: none !important;
  45
+}
  46
+
  47
+/* SECTION 3: Set body font face, size, and color.
  48
+   Consider using a serif font for readability. */
  49
+body, p, td, li, div {
  50
+	font-size: 18pt;
  51
+}
  52
+
  53
+/* SECTION 4: Set heading font face, sizes, and color.
  54
+   Diffrentiate your headings from your body text.
  55
+   Perhaps use a large sans-serif for distinction. */
  56
+h1,h2,h3,h4,h5,h6 {
  57
+	text-shadow: 0 0 0 #000 !important;
  58
+}
  59
+
  60
+/* SECTION 5: Make hyperlinks more usable.
  61
+   Ensure links are underlined, and consider appending
  62
+   the URL to the end of the link for usability. */
  63
+a:link, 
  64
+a:visited {
  65
+	font-weight: bold;
  66
+	text-decoration: underline;
  67
+}
  68
+
  69
+
  70
+/* SECTION 6: more reveal.js specific additions by @skypanther */
  71
+ul, ol, div, p {
  72
+	visibility: visible;
  73
+	position: static;
  74
+	width: auto;
  75
+	height: auto;
  76
+	display: block;
  77
+	overflow: visible;
  78
+	margin: auto;
  79
+}
  80
+.reveal .slides {
  81
+	position: static;
  82
+	width: 100%;
  83
+	height: auto;
  84
+
  85
+	left: auto;
  86
+	top: auto;
  87
+	margin-left: auto;
  88
+	margin-top: auto;
  89
+	padding: auto;
  90
+
  91
+	overflow: visible;
  92
+	display: block;
  93
+
  94
+	text-align: center;
  95
+
  96
+	-webkit-perspective: none;
  97
+	   -moz-perspective: none;
  98
+	    -ms-perspective: none;
  99
+	        perspective: none;
  100
+
  101
+	-webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
  102
+	   -moz-perspective-origin: 50% 50%;
  103
+	    -ms-perspective-origin: 50% 50%;
  104
+	        perspective-origin: 50% 50%;
  105
+}
  106
+.reveal .slides section {
  107
+
  108
+	page-break-after: always !important; 
  109
+
  110
+	visibility: visible !important;
  111
+	position: static !important;
  112
+	width: 100% !important;
  113
+	height: auto !important;
  114
+	min-height: initial !important;
  115
+	display: block !important;
  116
+	overflow: visible !important;
  117
+
  118
+	left: 0 !important;
  119
+	top: 0 !important;
  120
+	margin-left: 0px !important;
  121
+	margin-top: 50px !important;
  122
+	padding: 20px 0px !important;
  123
+
  124
+	opacity: 1 !important;
  125
+
  126
+	-webkit-transform-style: flat !important;
  127
+	   -moz-transform-style: flat !important;
  128
+	    -ms-transform-style: flat !important;
  129
+	        transform-style: flat !important;
  130
+
  131
+	-webkit-transform: none !important;
  132
+	   -moz-transform: none !important;
  133
+	    -ms-transform: none !important;
  134
+	        transform: none !important;
  135
+}
  136
+.reveal section.stack {
  137
+	margin: 0px !important;
  138
+	padding: 0px !important;
  139
+	page-break-after: avoid !important; 
  140
+}
  141
+.reveal section .fragment {
  142
+	opacity: 1 !important;
  143
+	visibility: visible !important;
  144
+	
  145
+	-webkit-transform: none !important;
  146
+	   -moz-transform: none !important;
  147
+	    -ms-transform: none !important;
  148
+	        transform: none !important;
  149
+}
  150
+.reveal img {
  151
+	box-shadow: none;
  152
+}
  153
+.reveal .roll {
  154
+	overflow: visible;
  155
+	line-height: 1em;
  156
+}
  157
+.reveal small a {
  158
+	font-size: 16pt !important;
  159
+}
1,233  css/reveal.css
... ...
@@ -0,0 +1,1233 @@
  1
+@charset "UTF-8";
  2
+
  3
+/*!
  4
+ * reveal.js
  5
+ * http://lab.hakim.se/reveal-js
  6
+ * MIT licensed
  7
+ *
  8
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
  9
+ */
  10
+
  11
+
  12
+/*********************************************
  13
+ * RESET STYLES
  14
+ *********************************************/
  15
+
  16
+html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe,
  17
+.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre,
  18
+.reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
  19
+.reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
  20
+.reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
  21
+.reveal b, .reveal u, .reveal i, .reveal center,
  22
+.reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
  23
+.reveal fieldset, .reveal form, .reveal label, .reveal legend,
  24
+.reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
  25
+.reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
  26
+.reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
  27
+.reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
  28
+.reveal time, .reveal mark, .reveal audio, video {
  29
+	margin: 0;
  30
+	padding: 0;
  31
+	border: 0;
  32
+	font-size: 100%;
  33
+	font: inherit;
  34
+	vertical-align: baseline;
  35
+}
  36
+
  37
+.reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
  38
+.reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
  39
+	display: block;
  40
+}
  41
+
  42
+
  43
+/*********************************************
  44
+ * GLOBAL STYLES
  45
+ *********************************************/
  46
+
  47
+html,
  48
+body {
  49
+	width: 100%;
  50
+	height: 100%;
  51
+	overflow: hidden;
  52
+}
  53
+
  54
+body {
  55
+	position: relative;
  56
+	line-height: 1;
  57
+}
  58
+
  59
+::selection {
  60
+	background: #FF5E99;
  61
+	color: #fff;
  62
+	text-shadow: none;
  63
+}
  64
+
  65
+@media screen and (max-width: 900px), (max-height: 600px) {
  66
+	.reveal .slides {
  67
+		font-size: 0.82em;
  68
+	}
  69
+}
  70
+
  71
+@media screen and (max-width: 700px), (max-height: 400px) {
  72
+	.reveal .slides {
  73
+		font-size: 0.66em;
  74
+	}
  75
+}
  76
+
  77
+/*********************************************
  78
+ * HEADERS
  79
+ *********************************************/
  80
+
  81
+.reveal h1 { font-size: 3.77em; }
  82
+.reveal h2 { font-size: 2.11em;	}
  83
+.reveal h3 { font-size: 1.55em;	}
  84
+.reveal h4 { font-size: 1em;	}
  85
+
  86
+
  87
+/*********************************************
  88
+ * VIEW FRAGMENTS
  89
+ *********************************************/
  90
+
  91
+.reveal .slides section .fragment {
  92
+	opacity: 0;
  93
+
  94
+	-webkit-transition: all .2s ease;
  95
+	   -moz-transition: all .2s ease;
  96
+	    -ms-transition: all .2s ease;
  97
+	     -o-transition: all .2s ease;
  98
+	        transition: all .2s ease;
  99
+}
  100
+	.reveal .slides section .fragment.visible {
  101
+		opacity: 1;
  102
+	}
  103
+
  104
+.reveal .slides section .fragment.grow {
  105
+	opacity: 1;
  106
+}
  107
+	.reveal .slides section .fragment.grow.visible {
  108
+		-webkit-transform: scale( 1.3 );
  109
+		   -moz-transform: scale( 1.3 );
  110
+		    -ms-transform: scale( 1.3 );
  111
+		     -o-transform: scale( 1.3 );
  112
+		        transform: scale( 1.3 );
  113
+	}
  114
+
  115
+.reveal .slides section .fragment.shrink {
  116
+	opacity: 1;
  117
+}
  118
+	.reveal .slides section .fragment.shrink.visible {
  119
+		-webkit-transform: scale( 0.7 );
  120
+		   -moz-transform: scale( 0.7 );
  121
+		    -ms-transform: scale( 0.7 );
  122
+		     -o-transform: scale( 0.7 );
  123
+		        transform: scale( 0.7 );
  124
+	}
  125
+
  126
+.reveal .slides section .fragment.roll-in {
  127
+	opacity: 0;
  128
+
  129
+	-webkit-transform: rotateX( 90deg );
  130
+	   -moz-transform: rotateX( 90deg );
  131
+	    -ms-transform: rotateX( 90deg );
  132
+	     -o-transform: rotateX( 90deg );
  133
+	        transform: rotateX( 90deg );
  134
+}
  135
+	.reveal .slides section .fragment.roll-in.visible {
  136
+		opacity: 1;
  137
+
  138
+		-webkit-transform: rotateX( 0 );
  139
+		   -moz-transform: rotateX( 0 );
  140
+		    -ms-transform: rotateX( 0 );
  141
+		     -o-transform: rotateX( 0 );
  142
+		        transform: rotateX( 0 );
  143
+	}
  144
+
  145
+.reveal .slides section .fragment.fade-out {
  146
+	opacity: 1;
  147
+}
  148
+	.reveal .slides section .fragment.fade-out.visible {
  149
+		opacity: 0;
  150
+	}
  151
+
  152
+.reveal .slides section .fragment.highlight-red,
  153
+.reveal .slides section .fragment.highlight-green,
  154
+.reveal .slides section .fragment.highlight-blue {
  155
+	opacity: 1;
  156
+}
  157
+	.reveal .slides section .fragment.highlight-red.visible {
  158
+		color: #ff2c2d
  159
+	}
  160
+	.reveal .slides section .fragment.highlight-green.visible {
  161
+		color: #17ff2e;
  162
+	}
  163
+	.reveal .slides section .fragment.highlight-blue.visible {
  164
+		color: #1b91ff;
  165
+	}
  166
+
  167
+
  168
+/*********************************************
  169
+ * DEFAULT ELEMENT STYLES
  170
+ *********************************************/
  171
+
  172
+/* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
  173
+.reveal:after {
  174
+  content: '';
  175
+  font-style: italic;
  176
+}
  177
+
  178
+/* Preserve aspect ratio and scale image so it's bound within the section */
  179
+.reveal img {
  180
+	max-width: 100%;
  181
+	max-height: 100%;
  182
+}
  183
+
  184
+.reveal strong,
  185
+.reveal b {
  186
+	font-weight: bold;
  187
+}
  188
+
  189
+.reveal em,
  190
+.reveal i {
  191
+	font-style: italic;
  192
+}
  193
+
  194
+.reveal ol,
  195
+.reveal ul {
  196
+	display: inline-block;
  197
+
  198
+	text-align: left;
  199
+	margin: 0 0 0 1em;
  200
+}
  201
+
  202
+.reveal ol {
  203
+	list-style-type: decimal;
  204
+}
  205
+
  206
+.reveal ul {
  207
+	list-style-type: disc;
  208
+}
  209
+
  210
+.reveal ul ul {
  211
+	list-style-type: square;
  212
+}
  213
+
  214
+.reveal ul ul ul {
  215
+	list-style-type: circle;
  216
+}
  217
+
  218
+.reveal ul ul,
  219
+.reveal ul ol,
  220
+.reveal ol ol,
  221
+.reveal ol ul {
  222
+	display: block;
  223
+	margin-left: 40px;
  224
+}
  225
+
  226
+.reveal p {
  227
+	margin-bottom: 10px;
  228
+	line-height: 1.2em;
  229
+}
  230
+
  231
+.reveal q,
  232
+.reveal blockquote {
  233
+	quotes: none;
  234
+}
  235
+
  236
+.reveal blockquote {
  237
+	display: block;
  238
+	position: relative;
  239
+	width: 70%;
  240
+	margin: 5px auto;
  241
+	padding: 5px;
  242
+
  243
+	font-style: italic;
  244
+	background: rgba(255, 255, 255, 0.05);
  245
+	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
  246
+}
  247
+	.reveal blockquote p:first-child,
  248
+	.reveal blockquote p:last-child {
  249
+		display: inline-block;
  250
+	}
  251
+	.reveal blockquote:before {
  252
+		content: '\201C';
  253
+	}
  254
+	.reveal blockquote:after {
  255
+		content: '\201D';
  256
+	}
  257
+
  258
+.reveal q {
  259
+	font-style: italic;
  260
+}
  261
+	.reveal q:before {
  262
+		content: '\201C';
  263
+	}
  264
+	.reveal q:after {
  265
+		content: '\201D';
  266
+	}
  267
+
  268
+.reveal pre {
  269
+	display: block;
  270
+	position: relative;
  271
+	width: 90%;
  272
+	margin: 15px auto;
  273
+
  274
+	text-align: left;
  275
+	font-size: 0.55em;
  276
+	font-family: monospace;
  277
+	line-height: 1.2em;
  278
+
  279
+	word-wrap: break-word;
  280
+
  281
+	box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
  282
+}
  283
+.reveal pre code {
  284
+	padding: 5px;
  285
+}
  286
+
  287
+.reveal code {
  288
+	font-family: monospace;
  289
+	overflow: auto;
  290
+	max-height: 400px;
  291
+}
  292
+
  293
+.reveal table th,
  294
+.reveal table td {
  295
+	text-align: left;
  296
+	padding-right: .3em;
  297
+}
  298
+
  299
+.reveal table th {
  300
+	text-shadow: rgb(255,255,255) 1px 1px 2px;
  301
+}
  302
+
  303
+.reveal sup {
  304
+	vertical-align: super;
  305
+}
  306
+.reveal sub {
  307
+	vertical-align: sub;
  308
+}
  309
+
  310
+.reveal small {
  311
+	display: inline-block;
  312
+	font-size: 0.6em;
  313
+	line-height: 1.2em;
  314
+	vertical-align: top;
  315
+}
  316
+
  317
+.reveal small * {
  318
+	vertical-align: top;
  319
+}
  320
+
  321
+
  322
+/*********************************************
  323
+ * CONTROLS
  324
+ *********************************************/
  325
+
  326
+.reveal .controls {
  327
+	display: none;
  328
+	position: fixed;
  329
+	width: 110px;
  330
+	height: 110px;
  331
+	z-index: 30;
  332
+	right: 10px;
  333
+	bottom: 10px;
  334
+}
  335
+
  336
+.reveal .controls div {
  337
+	position: absolute;
  338
+	opacity: 0.1;
  339
+	width: 0; 
  340
+	height: 0; 
  341
+	border: 12px solid transparent;
  342
+
  343
+	-webkit-transition: opacity 0.2s ease;
  344
+	   -moz-transition: opacity 0.2s ease;
  345
+	    -ms-transition: opacity 0.2s ease;
  346
+	     -o-transition: opacity 0.2s ease;
  347
+	        transition: opacity 0.2s ease;
  348
+}
  349
+
  350
+.reveal .controls div.enabled {
  351
+	opacity: 0.6;
  352
+	cursor: pointer;
  353
+}
  354
+
  355
+.reveal .controls div.enabled:active {
  356
+	margin-top: 1px;
  357
+}
  358
+
  359
+.reveal .controls div.navigate-left {
  360
+	top: 42px;
  361
+
  362
+	border-right-width: 22px;
  363
+	border-right-color: #eee;
  364
+}
  365
+
  366
+.reveal .controls div.navigate-right {
  367
+	left: 74px;
  368
+	top: 42px;
  369
+
  370
+	border-left-width: 22px;
  371
+	border-left-color: #eee;
  372
+}
  373
+
  374
+.reveal .controls div.navigate-up {
  375
+	left: 42px;
  376
+
  377
+	border-bottom-width: 22px;
  378
+	border-bottom-color: #eee;
  379
+}
  380
+
  381
+.reveal .controls div.navigate-down {
  382
+	left: 42px;
  383
+	top: 74px;
  384
+
  385
+	border-top-width: 22px;
  386
+	border-top-color: #eee;
  387
+}
  388
+
  389
+
  390
+/*********************************************
  391
+ * PROGRESS BAR
  392
+ *********************************************/
  393
+
  394
+.reveal .progress {
  395
+	position: fixed;
  396
+	display: none;
  397
+	height: 3px;
  398
+	width: 100%;
  399
+	bottom: 0;
  400
+	left: 0;
  401
+	z-index: 10;
  402
+}
  403
+	.reveal .progress:after {
  404
+		content: '';
  405
+		display: 'block';
  406
+		position: absolute;
  407
+		height: 20px;
  408
+		width: 100%;
  409
+		top: -20px;
  410
+	}
  411
+	.reveal .progress span {
  412
+		display: block;
  413
+		height: 100%;
  414
+		width: 0px;
  415
+
  416
+		-webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
  417
+		   -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
  418
+		    -ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
  419
+		     -o-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
  420
+		        transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
  421
+	}
  422
+
  423
+
  424
+/*********************************************
  425
+ * ROLLING LINKS
  426
+ *********************************************/
  427
+
  428
+.reveal .roll {
  429
+	display: inline-block;
  430
+	line-height: 1.2;
  431
+	overflow: hidden;
  432
+
  433
+	vertical-align: top;
  434
+
  435
+	-webkit-perspective: 400px;
  436
+	   -moz-perspective: 400px;
  437
+	    -ms-perspective: 400px;
  438
+	        perspective: 400px;
  439
+
  440
+	-webkit-perspective-origin: 50% 50%;
  441
+	   -moz-perspective-origin: 50% 50%;
  442
+	    -ms-perspective-origin: 50% 50%;
  443
+	        perspective-origin: 50% 50%;
  444
+}
  445
+	.reveal .roll:hover {
  446
+		background: none;
  447
+		text-shadow: none;
  448
+	}
  449
+.reveal .roll span {
  450
+	display: block;
  451
+	position: relative;
  452
+	padding: 0 2px;
  453
+
  454
+	pointer-events: none;
  455
+
  456
+	-webkit-transition: all 400ms ease;
  457
+	   -moz-transition: all 400ms ease;
  458
+	    -ms-transition: all 400ms ease;
  459
+	        transition: all 400ms ease;
  460
+
  461
+	-webkit-transform-origin: 50% 0%;
  462
+	   -moz-transform-origin: 50% 0%;
  463
+	    -ms-transform-origin: 50% 0%;
  464
+	        transform-origin: 50% 0%;
  465
+
  466
+	-webkit-transform-style: preserve-3d;
  467
+	   -moz-transform-style: preserve-3d;
  468
+	    -ms-transform-style: preserve-3d;
  469
+	        transform-style: preserve-3d;
  470
+
  471
+	-webkit-backface-visibility: hidden;
  472
+	   -moz-backface-visibility: hidden;
  473
+	        backface-visibility: hidden;
  474
+}
  475
+	.reveal .roll:hover span {
  476
+	    background: rgba(0,0,0,0.5);
  477
+
  478
+	    -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
  479
+	       -moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
  480
+	        -ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
  481
+	            transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
  482
+	}
  483
+.reveal .roll span:after {
  484
+	content: attr(data-title);
  485
+
  486
+	display: block;
  487
+	position: absolute;
  488
+	left: 0;
  489
+	top: 0;
  490
+	padding: 0 2px;
  491
+
  492
+	-webkit-transform-origin: 50% 0%;
  493
+	   -moz-transform-origin: 50% 0%;
  494
+	    -ms-transform-origin: 50% 0%;
  495
+	        transform-origin: 50% 0%;
  496
+
  497
+	-webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
  498
+	   -moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
  499
+	    -ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
  500
+	        transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
  501
+}
  502
+
  503
+
  504
+/*********************************************
  505
+ * SLIDES
  506
+ *********************************************/
  507
+
  508
+.reveal {
  509
+	position: relative;
  510
+	width: 100%;
  511
+	height: 100%;
  512
+	min-height: 640px; /* min height + 40 to account for padding */
  513
+}
  514
+
  515
+.reveal .slides {
  516
+	position: absolute;
  517
+	max-width: 900px;
  518
+	min-height: 600px;
  519
+	width: 80%;
  520
+	left: 50%;
  521
+	top: 50%;
  522
+	
  523
+	overflow: visible;
  524
+	z-index: 1;
  525
+	text-align: center;
  526
+
  527
+	-webkit-transition: -webkit-perspective .4s ease;
  528
+	   -moz-transition: -moz-perspective .4s ease;
  529
+	    -ms-transition: -ms-perspective .4s ease;
  530
+	     -o-transition: -o-perspective .4s ease;
  531
+	        transition: perspective .4s ease;
  532
+
  533
+	-webkit-perspective: 600px;
  534
+	   -moz-perspective: 600px;
  535
+	    -ms-perspective: 600px;
  536
+	        perspective: 600px;
  537
+
  538
+	-webkit-perspective-origin: 0px -100px;
  539
+	   -moz-perspective-origin: 0px -100px;
  540
+	    -ms-perspective-origin: 0px -100px;
  541
+	        perspective-origin: 0px -100px;
  542
+}
  543
+
  544
+.reveal .slides>section,
  545
+.reveal .slides>section>section {
  546
+	display: none;
  547
+	position: absolute;
  548
+	width: 100%;
  549
+	padding: 20px 0px;
  550
+
  551
+	z-index: 10;
  552
+	line-height: 1.2em;
  553
+	font-weight: normal;
  554
+
  555
+	-webkit-transform-style: preserve-3d;
  556
+	   -moz-transform-style: preserve-3d;
  557
+	    -ms-transform-style: preserve-3d;
  558
+	        transform-style: preserve-3d;
  559
+
  560
+	-webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  561
+						-webkit-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  562
+	                    visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  563
+	                    opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
  564
+	   -moz-transition: -moz-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  565
+	   					-moz-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  566
+	                    visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  567
+	                    opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
  568
+	    -ms-transition: -ms-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  569
+	    				-ms-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  570
+	                    visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  571
+	                    opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
  572
+	     -o-transition: -o-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  573
+	     				-o-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  574
+	                    visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  575
+	                    opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
  576
+	        transition: transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  577
+	        			transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  578
+	                    visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
  579
+	                    opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
  580
+}
  581
+
  582
+.reveal .slides>section {
  583
+	left: -50%;
  584
+	top: -50%;
  585
+}
  586
+
  587
+.reveal .slides>section.present,
  588
+.reveal .slides>section>section.present {
  589
+	display: block;
  590
+	z-index: 11;
  591
+	opacity: 1;
  592
+}
  593
+
  594
+.reveal.center,
  595
+.reveal.center .slides {
  596
+	min-height: auto;
  597
+}
  598
+
  599
+
  600
+
  601
+/*********************************************
  602
+ * DEFAULT TRANSITION
  603
+ *********************************************/
  604
+
  605
+.reveal .slides>section.past {
  606
+	display: block;
  607
+	opacity: 0;
  608
+
  609
+	-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
  610
+	   -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
  611
+	    -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
  612
+	        transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
  613
+}
  614
+.reveal .slides>section.future {
  615
+	display: block;
  616
+	opacity: 0;
  617
+
  618
+	-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
  619
+	   -moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
  620
+	    -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
  621
+	        transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
  622
+}
  623
+
  624
+.reveal .slides>section>section.past {
  625
+	display: block;
  626
+	opacity: 0;
  627
+
  628
+	-webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
  629
+	   -moz-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
  630
+	    -ms-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
  631
+	        transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
  632
+}
  633
+.reveal .slides>section>section.future {
  634
+	display: block;
  635
+	opacity: 0;
  636
+
  637
+	-webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
  638
+	   -moz-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
  639
+	    -ms-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
  640
+	        transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
  641
+}
  642
+
  643
+
  644
+/*********************************************
  645
+ * CONCAVE TRANSITION
  646
+ *********************************************/
  647
+
  648
+.reveal.concave  .slides>section.past {
  649
+	-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
  650
+	   -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
  651
+	    -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
  652
+	        transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
  653
+}
  654
+.reveal.concave  .slides>section.future {
  655
+	-webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
  656
+	   -moz-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
  657
+	    -ms-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
  658
+	        transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
  659
+}
  660
+
  661
+.reveal.concave  .slides>section>section.past {
  662
+	-webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
  663
+	   -moz-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
  664
+	    -ms-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
  665
+	        transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
  666
+}
  667
+.reveal.concave  .slides>section>section.future {
  668
+	-webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
  669
+	   -moz-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
  670
+	    -ms-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
  671
+	        transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
  672
+}
  673
+
  674
+
  675
+/*********************************************
  676
+ * ZOOM TRANSITION
  677
+ *********************************************/
  678
+
  679
+.reveal.zoom .slides>section.past {
  680
+	opacity: 0;
  681
+	visibility: hidden;
  682
+
  683
+	-webkit-transform: scale(16);
  684
+	   -moz-transform: scale(16);
  685
+	    -ms-transform: scale(16);
  686
+	     -o-transform: scale(16);
  687
+	        transform: scale(16);
  688
+}
  689
+.reveal.zoom .slides>section.future {
  690
+	opacity: 0;
  691
+	visibility: hidden;
  692
+
  693
+	-webkit-transform: scale(0.2);
  694
+	   -moz-transform: scale(0.2);
  695
+	    -ms-transform: scale(0.2);
  696
+	     -o-transform: scale(0.2);
  697
+	        transform: scale(0.2);
  698
+}
  699
+
  700
+.reveal.zoom .slides>section>section.past {
  701
+	-webkit-transform: translate(0, -150%);
  702
+	   -moz-transform: translate(0, -150%);
  703
+	    -ms-transform: translate(0, -150%);
  704
+	     -o-transform: translate(0, -150%);
  705
+	        transform: translate(0, -150%);
  706
+}
  707
+.reveal.zoom .slides>section>section.future {
  708
+	-webkit-transform: translate(0, 150%);
  709
+	   -moz-transform: translate(0, 150%);
  710
+	    -ms-transform: translate(0, 150%);
  711
+	     -o-transform: translate(0, 150%);
  712
+	        transform: translate(0, 150%);
  713
+}
  714
+
  715
+
  716
+/*********************************************
  717
+ * LINEAR TRANSITION
  718
+ *********************************************/
  719
+
  720
+.reveal.linear .slides>section.past {
  721
+	-webkit-transform: translate(-150%, 0);
  722
+	   -moz-transform: translate(-150%, 0);
  723
+	    -ms-transform: translate(-150%, 0);
  724
+	     -o-transform: translate(-150%, 0);
  725
+	        transform: translate(-150%, 0);
  726
+}
  727
+.reveal.linear .slides>section.future {
  728
+	-webkit-transform: translate(150%, 0);
  729
+	   -moz-transform: translate(150%, 0);
  730
+	    -ms-transform: translate(150%, 0);
  731
+	     -o-transform: translate(150%, 0);
  732
+	        transform: translate(150%, 0);
  733
+}
  734
+
  735
+.reveal.linear .slides>section>section.past {
  736
+	-webkit-transform: translate(0, -150%);
  737
+	   -moz-transform: translate(0, -150%);
  738
+	    -ms-transform: translate(0, -150%);
  739
+	     -o-transform: translate(0, -150%);
  740
+	        transform: translate(0, -150%);
  741
+}
  742
+.reveal.linear .slides>section>section.future {
  743
+	-webkit-transform: translate(0, 150%);
  744
+	   -moz-transform: translate(0, 150%);
  745
+	    -ms-transform: translate(0, 150%);
  746
+	     -o-transform: translate(0, 150%);
  747
+	        transform: translate(0, 150%);
  748
+}
  749
+
  750
+
  751
+/*********************************************
  752
+ * CUBE TRANSITION
  753
+ *********************************************/
  754
+
  755
+.reveal.cube .slides {
  756
+	-webkit-perspective: 1300px;
  757
+	   -moz-perspective: 1300px;
  758
+	    -ms-perspective: 1300px;
  759
+	        perspective: 1300px;
  760
+}
  761
+
  762
+.reveal.cube .slides section {
  763
+	padding: 30px;
  764
+	min-height: 600px;
  765
+
  766
+	-webkit-backface-visibility: hidden;
  767
+	   -moz-backface-visibility: hidden;
  768
+	    -ms-backface-visibility: hidden;
  769
+	        backface-visibility: hidden;
  770
+
  771
+	-webkit-box-sizing: border-box;
  772
+	   -moz-box-sizing: border-box;
  773
+	        box-sizing: border-box;
  774
+}
  775
+	.reveal.center.cube .slides section {
  776
+		min-height: auto;
  777
+	}
  778
+	.reveal.cube .slides section:not(.stack):before {
  779
+		content: '';
  780
+		position: absolute;
  781
+		display: block;
  782
+		width: 100%;
  783
+		height: 100%;
  784
+		left: 0;
  785
+		top: 0;
  786
+		background: rgba(0,0,0,0.1);
  787
+		border-radius: 4px;
  788
+
  789
+		-webkit-transform: translateZ( -20px );
  790
+		   -moz-transform: translateZ( -20px );
  791
+		    -ms-transform: translateZ( -20px );
  792
+		     -o-transform: translateZ( -20px );
  793
+		        transform: translateZ( -20px );
  794
+	}
  795
+	.reveal.cube .slides section:not(.stack):after {
  796
+		content: '';
  797
+		position: absolute;
  798
+		display: block;
  799
+		width: 90%;
  800
+		height: 30px;
  801
+		left: 5%;
  802
+		bottom: 0;
  803
+		background: none;
  804
+		z-index: 1;
  805
+
  806
+		border-radius: 4px;
  807
+		box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
  808
+
  809
+		-webkit-transform: translateZ(-90px) rotateX( 65deg );
  810
+		   -moz-transform: translateZ(-90px) rotateX( 65deg );
  811
+		    -ms-transform: translateZ(-90px) rotateX( 65deg );
  812
+		     -o-transform: translateZ(-90px) rotateX( 65deg );
  813
+		        transform: translateZ(-90px) rotateX( 65deg );
  814
+	}
  815
+
  816
+.reveal.cube .slides>section.stack {
  817
+	padding: 0;
  818
+	background: none;
  819
+}