diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 70 |
1 files changed, 25 insertions, 45 deletions
@@ -12,8 +12,6 @@ <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> - <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'> - <link rel="stylesheet" href="css/reveal.css"> <link rel="stylesheet" href="css/theme/default.css" id="theme"> @@ -53,7 +51,7 @@ </p> <aside class="notes"> - Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you run the speaker notes server. + 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> </section> @@ -254,14 +252,27 @@ function linkify( selector ) { </section> <section> - <h2>Fragmented Views</h2> - <p>Hit the next arrow...</p> - <p class="fragment">... to step through ...</p> - <ol> - <li class="fragment"><code>any type</code></li> - <li class="fragment"><em>of view</em></li> - <li class="fragment"><strong>fragments</strong></li> - </ol> + <section> + <h2>Fragmented Views</h2> + <p>Hit the next arrow...</p> + <p class="fragment">... to step through ...</p> + <ol> + <li class="fragment"><code>any type</code></li> + <li class="fragment"><em>of view</em></li> + <li class="fragment"><strong>fragments</strong></li> + </ol> + </section> + <section> + <h2>Fragment Styles</h2> + <p>There's a few styles of fragments, like:</p> + <p class="fragment grow">grow</p> + <p class="fragment shrink">shrink</p> + <p class="fragment roll-in">roll-in</p> + <p class="fragment fade-out">fade-out</p> + <p class="fragment highlight-red">highlight-red</p> + <p class="fragment highlight-green">highlight-green</p> + <p class="fragment highlight-blue">highlight-blue</p> + </section> </section> <section> @@ -328,7 +339,7 @@ function linkify( selector ) { <script src="js/reveal.min.js"></script> <script> - + // Full list of configuration options available here: // https://github.com/hakimel/reveal.js#configuration Reveal.initialize({ @@ -345,41 +356,10 @@ function linkify( selector ) { { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } }, { src: 'lib/js/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, { src: 'lib/js/data-markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, - { src: 'plugin/zoom-js/zoom.js', condition: function() { return !!document.body.classList; } }, - { src: '/socket.io/socket.io.js', async: true, condition: function() { return window.location.host === 'localhost:1947'; } }, - { src: 'plugin/speakernotes/client.js', async: true, condition: function() { return window.location.host === 'localhost:1947'; } } + { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } }, + { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } } ] }); - - // Set up simple postMessage notes system. - var url = window.location.href; - if(url.indexOf('?' + 'notes' + '=') !== 'true') { - var notesPopup = window.open('notes.html'); - Reveal.addEventListener('slidechanged', function(event) { - var nextindexh; - var nextindexv; - var slideElement = event.currentSlide; - - if (slideElement.nextElementSibling && slideElement.parentNode.nodeName == 'SECTION') { - nextindexh = event.indexh; - nextindexv = event.indexv + 1; - } else { - nextindexh = event.indexh + 1; - nextindexv = 0; - } - - var notes = slideElement.querySelector('aside.notes'); - var slideData = { - notes : notes ? notes.innerHTML : '', - indexh : event.indexh, - indexv : event.indexv, - nextindexh : nextindexh, - nextindexv : nextindexv, - markdown : notes ? typeof notes.getAttribute('data-markdown') === 'string' : false - }; - notesPopup.postMessage(JSON.stringify(slideData), '*'); - }); - } </script> </body> |