minor style or wording tweaks
This commit is contained in:
parent
5909c223c6
commit
5a6837358b
2 changed files with 28 additions and 29 deletions
|
@ -182,7 +182,7 @@ html {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
line-height: 1.1em;
|
line-height: 1.2em;
|
||||||
|
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
|
||||||
|
|
15
index.html
15
index.html
|
@ -28,11 +28,10 @@
|
||||||
<div class="slides">
|
<div class="slides">
|
||||||
<section>
|
<section>
|
||||||
<h1>Reveal.js</h1>
|
<h1>Reveal.js</h1>
|
||||||
<h3 class="inverted">A CSS 3D Slideshow</h3>
|
<h3 class="inverted">CSS 3D Presentations</h3>
|
||||||
<script>
|
<script>
|
||||||
// Delicously hacky. Look away.
|
// Delicously hacky. Look away.
|
||||||
if( navigator.userAgent.match( /(iPhone|iPad|iPod|Android)/i ) )
|
if( navigator.userAgent.match( /(iPhone|iPad|iPod|Android)/i ) ) document.write( '<p style="color: rgba(0,0,0,0.3); text-shadow: none;">('+'Tap to navigate'+')</p>' );
|
||||||
document.write( '<p style="color: rgba(0,0,0,0.3); text-shadow: none;">('+'Tap to navigate'+')</p>' );
|
|
||||||
</script>
|
</script>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
@ -95,6 +94,7 @@
|
||||||
<li><a href="http://lab.hakim.se/reveal-js/?transition=cube">Cube</a></li>
|
<li><a href="http://lab.hakim.se/reveal-js/?transition=cube">Cube</a></li>
|
||||||
<li><a href="http://lab.hakim.se/reveal-js/?transition=page">Page</a></li>
|
<li><a href="http://lab.hakim.se/reveal-js/?transition=page">Page</a></li>
|
||||||
<li><a href="http://lab.hakim.se/reveal-js/?transition=concave">Concave</a></li>
|
<li><a href="http://lab.hakim.se/reveal-js/?transition=concave">Concave</a></li>
|
||||||
|
<li><a href="http://lab.hakim.se/reveal-js/?transition=linear">Linear</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
@ -148,11 +148,10 @@
|
||||||
<p>
|
<p>
|
||||||
Additionally custom events can be triggered on a per slide basis by binding to the <code>data-state</code> name.
|
Additionally custom events can be triggered on a per slide basis by binding to the <code>data-state</code> name.
|
||||||
</p>
|
</p>
|
||||||
<p><code style="font-size: 27px;">
|
<pre><code contenteditable style="font-size: 18px; margin-top: 20px;">document.addEventListener( 'customevent', function() {
|
||||||
document.addEventListener('customevent', function(){<br />
|
alert( '"customevent" has fired' );
|
||||||
alert('event has fired');<br />
|
|
||||||
} );
|
} );
|
||||||
</code></p>
|
</code></pre>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
|
@ -263,7 +262,7 @@
|
||||||
} );
|
} );
|
||||||
|
|
||||||
document.addEventListener( 'customevent', function() {
|
document.addEventListener( 'customevent', function() {
|
||||||
alert('event has fired');
|
alert( '"customevent" has fired' );
|
||||||
} );
|
} );
|
||||||
|
|
||||||
Reveal.initialize({
|
Reveal.initialize({
|
||||||
|
|
Loading…
Reference in a new issue