remove traling whitespace (#197)
This commit is contained in:
		| @@ -4,7 +4,7 @@ | |||||||
|  * reveal.js |  * reveal.js | ||||||
|  * http://lab.hakim.se/reveal-js |  * http://lab.hakim.se/reveal-js | ||||||
|  * MIT licensed |  * MIT licensed | ||||||
|  *  |  * | ||||||
|  * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se |  * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se | ||||||
|  */ |  */ | ||||||
|  |  | ||||||
| @@ -22,8 +22,8 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i | |||||||
| .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li, | .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li, | ||||||
| .reveal fieldset, .reveal form, .reveal label, .reveal legend, | .reveal fieldset, .reveal form, .reveal label, .reveal legend, | ||||||
| .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td, | .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td, | ||||||
| .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,  | .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed, | ||||||
| .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,  | .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup, | ||||||
| .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary, | .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary, | ||||||
| .reveal time, .reveal mark, .reveal audio, video { | .reveal time, .reveal mark, .reveal audio, video { | ||||||
| 	margin: 0; | 	margin: 0; | ||||||
| @@ -34,7 +34,7 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i | |||||||
| 	vertical-align: baseline; | 	vertical-align: baseline; | ||||||
| } | } | ||||||
|  |  | ||||||
| .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,  | .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure, | ||||||
| .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section { | .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section { | ||||||
| 	display: block; | 	display: block; | ||||||
| } | } | ||||||
| @@ -44,7 +44,7 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i | |||||||
|  * GLOBAL STYLES |  * GLOBAL STYLES | ||||||
|  *********************************************/ |  *********************************************/ | ||||||
|  |  | ||||||
| html,  | html, | ||||||
| body { | body { | ||||||
| 	width: 100%; | 	width: 100%; | ||||||
| 	height: 100%; | 	height: 100%; | ||||||
| @@ -57,10 +57,10 @@ body { | |||||||
| 	line-height: 1; | 	line-height: 1; | ||||||
| } | } | ||||||
|  |  | ||||||
| ::selection {  | ::selection { | ||||||
| 	background:#FF5E99;  | 	background:#FF5E99; | ||||||
| 	color:#fff;  | 	color:#fff; | ||||||
| 	text-shadow: none;  | 	text-shadow: none; | ||||||
| } | } | ||||||
|  |  | ||||||
| @media screen and (max-width: 900px) { | @media screen and (max-width: 900px) { | ||||||
| @@ -173,19 +173,19 @@ body { | |||||||
| 	/* preserve aspect ratio and scale image so it's bound within the section */ | 	/* preserve aspect ratio and scale image so it's bound within the section */ | ||||||
| 	max-width: 100%; | 	max-width: 100%; | ||||||
| 	max-height: 100%; | 	max-height: 100%; | ||||||
| }  | } | ||||||
|  |  | ||||||
| .reveal strong,  | .reveal strong, | ||||||
| .reveal b { | .reveal b { | ||||||
| 	font-weight: bold; | 	font-weight: bold; | ||||||
| } | } | ||||||
|  |  | ||||||
| .reveal em,  | .reveal em, | ||||||
| .reveal i { | .reveal i { | ||||||
| 	font-style: italic; | 	font-style: italic; | ||||||
| } | } | ||||||
|  |  | ||||||
| .reveal ol,  | .reveal ol, | ||||||
| .reveal ul { | .reveal ul { | ||||||
| 	display: inline-block; | 	display: inline-block; | ||||||
|  |  | ||||||
| @@ -233,7 +233,7 @@ body { | |||||||
| 	width: 70%; | 	width: 70%; | ||||||
| 	margin: 5px auto; | 	margin: 5px auto; | ||||||
| 	padding: 5px; | 	padding: 5px; | ||||||
| 	 |  | ||||||
| 	font-style: italic; | 	font-style: italic; | ||||||
| 	background: rgba(255, 255, 255, 0.05); | 	background: rgba(255, 255, 255, 0.05); | ||||||
| 	box-shadow: 0px 0px 2px rgba(0,0,0,0.2); | 	box-shadow: 0px 0px 2px rgba(0,0,0,0.2); | ||||||
| @@ -245,7 +245,7 @@ body { | |||||||
| 		content: '”'; | 		content: '”'; | ||||||
| 	} | 	} | ||||||
|  |  | ||||||
| .reveal q {	 | .reveal q { | ||||||
| 	font-style: italic; | 	font-style: italic; | ||||||
| } | } | ||||||
| 	.reveal q:before { | 	.reveal q:before { | ||||||
| @@ -280,7 +280,7 @@ body { | |||||||
| 	max-height: 400px; | 	max-height: 400px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .reveal table th,  | .reveal table th, | ||||||
| .reveal table td { | .reveal table td { | ||||||
| 	text-align: left; | 	text-align: left; | ||||||
| 	padding-right: .3em; | 	padding-right: .3em; | ||||||
| @@ -290,10 +290,10 @@ body { | |||||||
| 	text-shadow: rgb(255,255,255) 1px 1px 2px; | 	text-shadow: rgb(255,255,255) 1px 1px 2px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .reveal sup {  | .reveal sup { | ||||||
| 	vertical-align: super; | 	vertical-align: super; | ||||||
| } | } | ||||||
| .reveal sub {  | .reveal sub { | ||||||
| 	vertical-align: sub; | 	vertical-align: sub; | ||||||
| } | } | ||||||
|  |  | ||||||
| @@ -323,7 +323,7 @@ body { | |||||||
| 	right: 10px; | 	right: 10px; | ||||||
| 	bottom: 10px; | 	bottom: 10px; | ||||||
| } | } | ||||||
| 	 |  | ||||||
| 	.reveal .controls a { | 	.reveal .controls a { | ||||||
| 		font-family: Arial; | 		font-family: Arial; | ||||||
| 		font-size: 0.83em; | 		font-size: 0.83em; | ||||||
| @@ -485,7 +485,7 @@ body { | |||||||
| 	padding: 20px 0px; | 	padding: 20px 0px; | ||||||
| 	overflow: visible; | 	overflow: visible; | ||||||
| 	z-index: 1; | 	z-index: 1; | ||||||
| 	 |  | ||||||
| 	text-align: center; | 	text-align: center; | ||||||
|  |  | ||||||
| 	-webkit-transition: -webkit-perspective .4s ease; | 	-webkit-transition: -webkit-perspective .4s ease; | ||||||
| @@ -493,7 +493,7 @@ body { | |||||||
| 	    -ms-transition: -ms-perspective .4s ease; | 	    -ms-transition: -ms-perspective .4s ease; | ||||||
| 	     -o-transition: -o-perspective .4s ease; | 	     -o-transition: -o-perspective .4s ease; | ||||||
| 	        transition: perspective .4s ease; | 	        transition: perspective .4s ease; | ||||||
| 	 |  | ||||||
| 	-webkit-perspective: 600px; | 	-webkit-perspective: 600px; | ||||||
| 	   -moz-perspective: 600px; | 	   -moz-perspective: 600px; | ||||||
| 	    -ms-perspective: 600px; | 	    -ms-perspective: 600px; | ||||||
| @@ -513,12 +513,12 @@ body { | |||||||
| 	min-height: 600px; | 	min-height: 600px; | ||||||
|  |  | ||||||
| 	z-index: 10; | 	z-index: 10; | ||||||
| 	 |  | ||||||
| 	-webkit-transform-style: preserve-3d; | 	-webkit-transform-style: preserve-3d; | ||||||
| 	   -moz-transform-style: preserve-3d; | 	   -moz-transform-style: preserve-3d; | ||||||
| 	    -ms-transform-style: preserve-3d; | 	    -ms-transform-style: preserve-3d; | ||||||
| 	        transform-style: preserve-3d; | 	        transform-style: preserve-3d; | ||||||
| 	 |  | ||||||
| 	-webkit-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); | 	-webkit-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); | ||||||
| 	   -moz-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); | 	   -moz-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); | ||||||
| 	    -ms-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); | 	    -ms-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); | ||||||
| @@ -544,7 +544,7 @@ body { | |||||||
| .reveal .slides>section.past { | .reveal .slides>section.past { | ||||||
| 	display: block; | 	display: block; | ||||||
| 	opacity: 0; | 	opacity: 0; | ||||||
| 	 |  | ||||||
| 	-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); | 	-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); | ||||||
| 	   -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); | 	   -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); | ||||||
| 	    -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); | 	    -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); | ||||||
| @@ -553,7 +553,7 @@ body { | |||||||
| .reveal .slides>section.future { | .reveal .slides>section.future { | ||||||
| 	display: block; | 	display: block; | ||||||
| 	opacity: 0; | 	opacity: 0; | ||||||
| 	 |  | ||||||
| 	-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); | 	-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); | ||||||
| 	   -moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); | 	   -moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); | ||||||
| 	    -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); | 	    -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); | ||||||
| @@ -563,7 +563,7 @@ body { | |||||||
| .reveal .slides>section>section.past { | .reveal .slides>section>section.past { | ||||||
| 	display: block; | 	display: block; | ||||||
| 	opacity: 0; | 	opacity: 0; | ||||||
| 	 |  | ||||||
| 	-webkit-transform: translate3d(0, -50%, 0) rotateX(70deg) translate3d(0, -50%, 0); | 	-webkit-transform: translate3d(0, -50%, 0) rotateX(70deg) translate3d(0, -50%, 0); | ||||||
| 	   -moz-transform: translate3d(0, -50%, 0) rotateX(70deg) translate3d(0, -50%, 0); | 	   -moz-transform: translate3d(0, -50%, 0) rotateX(70deg) translate3d(0, -50%, 0); | ||||||
| 	    -ms-transform: translate3d(0, -50%, 0) rotateX(70deg) translate3d(0, -50%, 0); | 	    -ms-transform: translate3d(0, -50%, 0) rotateX(70deg) translate3d(0, -50%, 0); | ||||||
| @@ -572,7 +572,7 @@ body { | |||||||
| .reveal .slides>section>section.future { | .reveal .slides>section>section.future { | ||||||
| 	display: block; | 	display: block; | ||||||
| 	opacity: 0; | 	opacity: 0; | ||||||
| 	 |  | ||||||
| 	-webkit-transform: translate3d(0, 50%, 0) rotateX(-70deg) translate3d(0, 50%, 0); | 	-webkit-transform: translate3d(0, 50%, 0) rotateX(-70deg) translate3d(0, 50%, 0); | ||||||
| 	   -moz-transform: translate3d(0, 50%, 0) rotateX(-70deg) translate3d(0, 50%, 0); | 	   -moz-transform: translate3d(0, 50%, 0) rotateX(-70deg) translate3d(0, 50%, 0); | ||||||
| 	    -ms-transform: translate3d(0, 50%, 0) rotateX(-70deg) translate3d(0, 50%, 0); | 	    -ms-transform: translate3d(0, 50%, 0) rotateX(-70deg) translate3d(0, 50%, 0); | ||||||
| @@ -719,7 +719,7 @@ body { | |||||||
| 	   -moz-backface-visibility: hidden; | 	   -moz-backface-visibility: hidden; | ||||||
| 	    -ms-backface-visibility: hidden; | 	    -ms-backface-visibility: hidden; | ||||||
| 	        backface-visibility: hidden; | 	        backface-visibility: hidden; | ||||||
| 	 |  | ||||||
| 	-webkit-box-sizing: border-box; | 	-webkit-box-sizing: border-box; | ||||||
| 	   -moz-box-sizing: border-box; | 	   -moz-box-sizing: border-box; | ||||||
| 	        box-sizing: border-box; | 	        box-sizing: border-box; | ||||||
| @@ -937,7 +937,7 @@ body { | |||||||
| 	-webkit-transform: none; | 	-webkit-transform: none; | ||||||
| 	-webkit-transition-duration: 800ms; | 	-webkit-transition-duration: 800ms; | ||||||
|  |  | ||||||
| 	-webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg),  | 	-webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg), | ||||||
| 		amount 0, randomness 0, flipAxis 0 1 0, tileOutline 1 | 		amount 0, randomness 0, flipAxis 0 1 0, tileOutline 1 | ||||||
| 	); | 	); | ||||||
| } | } | ||||||
| @@ -945,8 +945,8 @@ body { | |||||||
| .reveal.tileflip .slides section.past { | .reveal.tileflip .slides section.past { | ||||||
| 	-webkit-transform: none; | 	-webkit-transform: none; | ||||||
| 	-webkit-transition-duration: 800ms; | 	-webkit-transition-duration: 800ms; | ||||||
| 	 |  | ||||||
| 	-webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg),  | 	-webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg), | ||||||
| 		amount 1, randomness 0, flipAxis 0 1 0, tileOutline 1 | 		amount 1, randomness 0, flipAxis 0 1 0, tileOutline 1 | ||||||
| 	); | 	); | ||||||
| } | } | ||||||
| @@ -955,25 +955,25 @@ body { | |||||||
| 	-webkit-transform: none; | 	-webkit-transform: none; | ||||||
| 	-webkit-transition-duration: 800ms; | 	-webkit-transition-duration: 800ms; | ||||||
|  |  | ||||||
| 	-webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg),  | 	-webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg), | ||||||
| 		amount 1, randomness 0, flipAxis 0 1 0, tileOutline 1 | 		amount 1, randomness 0, flipAxis 0 1 0, tileOutline 1 | ||||||
| 	); | 	); | ||||||
| } | } | ||||||
|  |  | ||||||
| .reveal.tileflip .slides>section>section.present {	 | .reveal.tileflip .slides>section>section.present { | ||||||
| 	-webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg),  | 	-webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg), | ||||||
| 		amount 0, randomness 2, flipAxis 1 0 0, tileOutline 1 | 		amount 0, randomness 2, flipAxis 1 0 0, tileOutline 1 | ||||||
| 	); | 	); | ||||||
| } | } | ||||||
|  |  | ||||||
| .reveal.tileflip .slides>section>section.past {	 | .reveal.tileflip .slides>section>section.past { | ||||||
| 	-webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg),  | 	-webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg), | ||||||
| 		amount 1, randomness 2, flipAxis 1 0 0, tileOutline 1 | 		amount 1, randomness 2, flipAxis 1 0 0, tileOutline 1 | ||||||
| 	); | 	); | ||||||
| } | } | ||||||
|  |  | ||||||
| .reveal.tileflip .slides>section>section.future {	 | .reveal.tileflip .slides>section>section.future { | ||||||
| 	-webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg),  | 	-webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg), | ||||||
| 		amount 1, randomness 2, flipAxis 1 0 0, tileOutline 1 | 		amount 1, randomness 2, flipAxis 1 0 0, tileOutline 1 | ||||||
| 	); | 	); | ||||||
| } | } | ||||||
| @@ -1012,7 +1012,7 @@ body { | |||||||
| .reveal.overview .slides section { | .reveal.overview .slides section { | ||||||
| 	padding: 20px 0; | 	padding: 20px 0; | ||||||
| 	max-height: 600px; | 	max-height: 600px; | ||||||
| 	overflow: hidden;	 | 	overflow: hidden; | ||||||
| 	opacity: 1!important; | 	opacity: 1!important; | ||||||
| 	visibility: visible!important; | 	visibility: visible!important; | ||||||
| 	cursor: pointer; | 	cursor: pointer; | ||||||
|   | |||||||
							
								
								
									
										54
									
								
								index.html
									
									
									
									
									
								
							
							
						
						
									
										54
									
								
								index.html
									
									
									
									
									
								
							| @@ -1,9 +1,9 @@ | |||||||
| <!doctype html>   | <!doctype html> | ||||||
| <html lang="en"> | <html lang="en"> | ||||||
| 	 |  | ||||||
| 	<head> | 	<head> | ||||||
| 		<meta charset="utf-8"> | 		<meta charset="utf-8"> | ||||||
| 		 |  | ||||||
| 		<title>reveal.js - The HTML Presentation Framework</title> | 		<title>reveal.js - The HTML Presentation Framework</title> | ||||||
|  |  | ||||||
| 		<meta name="description" content="A framework for easily creating beautiful presentations using HTML"> | 		<meta name="description" content="A framework for easily creating beautiful presentations using HTML"> | ||||||
| @@ -11,7 +11,7 @@ | |||||||
|  |  | ||||||
| 		<meta name="apple-mobile-web-app-capable" content="yes" /> | 		<meta name="apple-mobile-web-app-capable" content="yes" /> | ||||||
| 		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> | 		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> | ||||||
| 		 |  | ||||||
| 		<link rel="stylesheet" href="css/reveal.css"> | 		<link rel="stylesheet" href="css/reveal.css"> | ||||||
| 		<link rel="stylesheet" href="css/theme/default.css" id="theme"> | 		<link rel="stylesheet" href="css/theme/default.css" id="theme"> | ||||||
|  |  | ||||||
| @@ -27,9 +27,9 @@ | |||||||
| 		<script src="lib/js/html5shiv.js"></script> | 		<script src="lib/js/html5shiv.js"></script> | ||||||
| 		<![endif]--> | 		<![endif]--> | ||||||
| 	</head> | 	</head> | ||||||
| 	 |  | ||||||
| 	<body> | 	<body> | ||||||
| 		 |  | ||||||
| 		<div class="reveal"> | 		<div class="reveal"> | ||||||
|  |  | ||||||
| 			<!-- Any section element inside of this container is displayed as a slide --> | 			<!-- Any section element inside of this container is displayed as a slide --> | ||||||
| @@ -39,11 +39,11 @@ | |||||||
| 					<h1>Reveal.js</h1> | 					<h1>Reveal.js</h1> | ||||||
| 					<h3>HTML Presentations Made Easy</h3> | 					<h3>HTML Presentations Made Easy</h3> | ||||||
| 				</section> | 				</section> | ||||||
| 				 |  | ||||||
| 				<section> | 				<section> | ||||||
| 					<h2>Heads Up</h2> | 					<h2>Heads Up</h2> | ||||||
| 					<p> | 					<p> | ||||||
| 						reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with  | 						reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with | ||||||
| 						support for CSS 3D transforms to see it in its full glory. | 						support for CSS 3D transforms to see it in its full glory. | ||||||
| 					</p> | 					</p> | ||||||
| 					<p> | 					<p> | ||||||
| @@ -54,7 +54,7 @@ | |||||||
| 						Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard). | 						Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard). | ||||||
| 					</aside> | 					</aside> | ||||||
| 				</section> | 				</section> | ||||||
| 				 |  | ||||||
| 				<!-- Example of nested vertical slides --> | 				<!-- Example of nested vertical slides --> | ||||||
| 				<section> | 				<section> | ||||||
| 					<section> | 					<section> | ||||||
| @@ -117,7 +117,7 @@ | |||||||
| 						<li>Or here</li> | 						<li>Or here</li> | ||||||
| 					</ul> | 					</ul> | ||||||
| 				</section> | 				</section> | ||||||
| 				 |  | ||||||
| 				<section> | 				<section> | ||||||
| 					<h2>Fantastic Ordered List</h2> | 					<h2>Fantastic Ordered List</h2> | ||||||
| 					<ol> | 					<ol> | ||||||
| @@ -130,13 +130,13 @@ | |||||||
| 				<section data-markdown> | 				<section data-markdown> | ||||||
| 					<script type="text/template"> | 					<script type="text/template"> | ||||||
| 						## Markdown support | 						## Markdown support | ||||||
| 						 |  | ||||||
| 						For those of you who like that sort of thing. Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown). | 						For those of you who like that sort of thing. Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown). | ||||||
|  |  | ||||||
| 							<section data-markdown> | 							<section data-markdown> | ||||||
| 							  ## Markdown support | 							  ## Markdown support | ||||||
|  |  | ||||||
| 							  For those of you who like that sort of thing.  | 							  For those of you who like that sort of thing. | ||||||
| 							  Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown). | 							  Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown). | ||||||
| 							</section> | 							</section> | ||||||
| 					</script> | 					</script> | ||||||
| @@ -149,9 +149,9 @@ | |||||||
| 						<a href="?transition=cube#/transitions">Cube</a> - | 						<a href="?transition=cube#/transitions">Cube</a> - | ||||||
| 						<a href="?transition=page#/transitions">Page</a> - | 						<a href="?transition=page#/transitions">Page</a> - | ||||||
| 						<a href="?transition=concave#/transitions">Concave</a> - | 						<a href="?transition=concave#/transitions">Concave</a> - | ||||||
| 						<a href="?transition=zoom#/transitions">Zoom</a> -  | 						<a href="?transition=zoom#/transitions">Zoom</a> - | ||||||
| 						<a href="?transition=linear#/transitions">Linear</a> -  | 						<a href="?transition=linear#/transitions">Linear</a> - | ||||||
| 						<a href="?transition=none#/transitions">None</a> -  | 						<a href="?transition=none#/transitions">None</a> - | ||||||
| 						<a href="?#/transitions">Default</a> | 						<a href="?#/transitions">Default</a> | ||||||
| 					</p> | 					</p> | ||||||
| 				</section> | 				</section> | ||||||
| @@ -217,17 +217,17 @@ | |||||||
| 						The nice thing about standards is that there are so many to choose from</q> and block: | 						The nice thing about standards is that there are so many to choose from</q> and block: | ||||||
| 					</p> | 					</p> | ||||||
| 					<blockquote cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations"> | 					<blockquote cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations"> | ||||||
| 						For years there has been a theory that millions of monkeys typing at random on millions of typewriters would  | 						For years there has been a theory that millions of monkeys typing at random on millions of typewriters would | ||||||
| 						reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue. | 						reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue. | ||||||
| 					</blockquote> | 					</blockquote> | ||||||
| 				</section> | 				</section> | ||||||
| 				 |  | ||||||
| 				<section> | 				<section> | ||||||
| 					<h2>Pretty Code</h2> | 					<h2>Pretty Code</h2> | ||||||
| 					<pre><code contenteditable> | 					<pre><code contenteditable> | ||||||
| function linkify( selector ) { | function linkify( selector ) { | ||||||
|   if( supports3DTransforms ) { |   if( supports3DTransforms ) { | ||||||
|      |  | ||||||
|     var nodes = document.querySelectorAll( selector ); |     var nodes = document.querySelectorAll( selector ); | ||||||
|  |  | ||||||
|     for( var i = 0, len = nodes.length; i < len; i++ ) { |     for( var i = 0, len = nodes.length; i < len; i++ ) { | ||||||
| @@ -242,7 +242,7 @@ function linkify( selector ) { | |||||||
| 					</code></pre> | 					</code></pre> | ||||||
| 					<p>Courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p> | 					<p>Courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p> | ||||||
| 				</section> | 				</section> | ||||||
| 				 |  | ||||||
| 				<section> | 				<section> | ||||||
| 					<h2>Intergalactic Interconnections</h2> | 					<h2>Intergalactic Interconnections</h2> | ||||||
| 					<p> | 					<p> | ||||||
| @@ -274,14 +274,14 @@ function linkify( selector ) { | |||||||
| 						<p class="fragment highlight-blue">highlight-blue</p> | 						<p class="fragment highlight-blue">highlight-blue</p> | ||||||
| 					</section> | 					</section> | ||||||
| 				</section> | 				</section> | ||||||
| 				 |  | ||||||
| 				<section> | 				<section> | ||||||
| 					<h2>Spectacular image!</h2> | 					<h2>Spectacular image!</h2> | ||||||
| 					<a class="image" href="http://lab.hakim.se/meny/" target="_blank"> | 					<a class="image" href="http://lab.hakim.se/meny/" target="_blank"> | ||||||
| 						<img width="320" height="299" src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" alt="Meny"> | 						<img width="320" height="299" src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" alt="Meny"> | ||||||
| 					</a> | 					</a> | ||||||
| 				</section> | 				</section> | ||||||
| 				 |  | ||||||
| 				<section> | 				<section> | ||||||
| 					<h2>Export to PDF</h2> | 					<h2>Export to PDF</h2> | ||||||
| 					<p>Presentations can be <a href="https://github.com/hakimel/reveal.js#pdf-export">exported to PDF</a>, below is an example that's been uploaded to SlideShare.</p> | 					<p>Presentations can be <a href="https://github.com/hakimel/reveal.js#pdf-export">exported to PDF</a>, below is an example that's been uploaded to SlideShare.</p> | ||||||
| @@ -290,11 +290,11 @@ function linkify( selector ) { | |||||||
| 						document.getElementById('slideshare').attributeName = 'allowfullscreen'; | 						document.getElementById('slideshare').attributeName = 'allowfullscreen'; | ||||||
| 					</script> | 					</script> | ||||||
| 				</section> | 				</section> | ||||||
| 				 |  | ||||||
| 				<section> | 				<section> | ||||||
| 					<h2>Take a Moment</h2> | 					<h2>Take a Moment</h2> | ||||||
| 					<p> | 					<p> | ||||||
| 						Press b or period on your keyboard to enter the 'paused' mode. This mode is helpful when you want to take disctracting slides off the screen  | 						Press b or period on your keyboard to enter the 'paused' mode. This mode is helpful when you want to take disctracting slides off the screen | ||||||
| 						during a presentation. | 						during a presentation. | ||||||
| 					</p> | 					</p> | ||||||
| 				</section> | 				</section> | ||||||
| @@ -311,7 +311,7 @@ function linkify( selector ) { | |||||||
| 				<section> | 				<section> | ||||||
| 					<h2>It's free</h2> | 					<h2>It's free</h2> | ||||||
| 					<p> | 					<p> | ||||||
| 						reveal.js and <a href="http://www.rvl.io">rvl.io</a> are entirely free but if you'd like to support the projects you can donate below.  | 						reveal.js and <a href="http://www.rvl.io">rvl.io</a> are entirely free but if you'd like to support the projects you can donate below. | ||||||
| 						Donations will go towards hosting and domain costs. | 						Donations will go towards hosting and domain costs. | ||||||
| 					</p> | 					</p> | ||||||
| 					<form action="https://www.paypal.com/cgi-bin/webscr" method="post"> | 					<form action="https://www.paypal.com/cgi-bin/webscr" method="post"> | ||||||
| @@ -325,14 +325,14 @@ function linkify( selector ) { | |||||||
| 						<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> | 						<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> | ||||||
| 					</form> | 					</form> | ||||||
| 				</section> | 				</section> | ||||||
| 				 |  | ||||||
| 				<section> | 				<section> | ||||||
| 					<h1>THE END</h1> | 					<h1>THE END</h1> | ||||||
| 					<h3>BY Hakim El Hattab / hakim.se</h3> | 					<h3>BY Hakim El Hattab / hakim.se</h3> | ||||||
| 				</section> | 				</section> | ||||||
|  |  | ||||||
| 			</div> | 			</div> | ||||||
| 			 |  | ||||||
| 		</div> | 		</div> | ||||||
|  |  | ||||||
| 		<script src="lib/js/head.min.js"></script> | 		<script src="lib/js/head.min.js"></script> | ||||||
| @@ -346,7 +346,7 @@ function linkify( selector ) { | |||||||
| 				controls: true, | 				controls: true, | ||||||
| 				progress: true, | 				progress: true, | ||||||
| 				history: true, | 				history: true, | ||||||
| 				 |  | ||||||
| 				theme: Reveal.getQueryHash().theme, // available themes are in /css/theme | 				theme: Reveal.getQueryHash().theme, // available themes are in /css/theme | ||||||
| 				transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/none | 				transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/none | ||||||
|  |  | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user