remove traling whitespace (#197)
This commit is contained in:
parent
8bdeb360ce
commit
8576264574
|
@ -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
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user