diff --git a/README.md b/README.md index 96b7c0e9..04313dfd 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,7 @@ reveal.js comes with a broad range of features including [nested slides](https:/ #### More reading: - [Installation](#installation): Step-by-step instructions for getting reveal.js running on your computer. -- [Changelog](https://github.com/hakimel/reveal.js/wiki/Changelog): Up-to-date version history. +- [Changelog](https://github.com/hakimel/reveal.js/releases): Up-to-date version history. - [Examples](https://github.com/hakimel/reveal.js/wiki/Example-Presentations): Presentations created with reveal.js, add your own! - [Browser Support](https://github.com/hakimel/reveal.js/wiki/Browser-Support): Explanation of browser support and fallbacks. @@ -77,6 +77,9 @@ Reveal.initialize({ // Enable keyboard shortcuts for navigation keyboard: true, + // Enable touch events for navigation + touch: true, + // Enable the slide overview mode overview: true, @@ -630,7 +633,7 @@ The **basic setup** is for authoring presentations only. The **full setup** give The core of reveal.js is very easy to install. You'll simply need to download a copy of this repository and open the index.html file directly in your browser. -1. Download a copy of reveal.js from +1. Download the latest version of reveal.js from 2. Unzip and replace the example contents in index.html with your own @@ -650,17 +653,22 @@ Some reveal.js features, like external markdown, require that presentations run $ git clone git@github.com:hakimel/reveal.js.git ``` -5. Install dependencies +5. Navigate to the reveal.js folder +``` +$ cd reveal.js +``` + +6. Install dependencies ``` $ npm install ``` -6. Serve the presentation and monitor source files for changes +7. Serve the presentation and monitor source files for changes ``` $ grunt serve ``` -7. Open to view your presentation +8. Open to view your presentation ### Folder Structure diff --git a/css/theme/README.md b/css/theme/README.md index b6bcedb1..28ded299 100644 --- a/css/theme/README.md +++ b/css/theme/README.md @@ -1,6 +1,6 @@ ## Dependencies -Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceding: https://github.com/hakimel/reveal.js#development-environment +Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceding: https://github.com/hakimel/reveal.js#full-setup @@ -20,4 +20,4 @@ Declares a set of custom variables that the template file (step 4) expects. Can This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding full selectors with hardcoded styles. 4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)** -The template theme file which will generate final CSS output based on the currently defined variables. \ No newline at end of file +The template theme file which will generate final CSS output based on the currently defined variables. diff --git a/test/assets/image1.png b/examples/assets/image1.png similarity index 100% rename from test/assets/image1.png rename to examples/assets/image1.png diff --git a/test/assets/image2.png b/examples/assets/image2.png similarity index 100% rename from test/assets/image2.png rename to examples/assets/image2.png diff --git a/examples/barebones.html b/examples/barebones.html new file mode 100644 index 00000000..7a1dcee9 --- /dev/null +++ b/examples/barebones.html @@ -0,0 +1,42 @@ + + + + + + + reveal.js - Barebones + + + + + + +
+ +
+ +
+

Barebones Presentation

+

This example contains the bare minimum includes and markup required to run a reveal.js presentation.

+
+ +
+

No Theme

+

There's no theme included, so it will fall back on browser defaults.

+
+ +
+ +
+ + + + + + + + diff --git a/test/media.html b/examples/embedded-media.html similarity index 71% rename from test/media.html rename to examples/embedded-media.html index 6e95606d..f3bcae4e 100644 --- a/test/media.html +++ b/examples/embedded-media.html @@ -4,7 +4,7 @@ - reveal.js - Test + reveal.js - Embedded Media @@ -39,17 +39,8 @@ diff --git a/test/background.html b/examples/slide-backgrounds.html similarity index 80% rename from test/background.html rename to examples/slide-backgrounds.html index 9d6a147c..fbbdd3a5 100644 --- a/test/background.html +++ b/examples/slide-backgrounds.html @@ -4,7 +4,7 @@ - reveal.js - Test + reveal.js - Slide Backgrounds @@ -50,10 +50,19 @@ -
+

Background image

+
+
+

Background image

+
+
+

Background image

+
+
+

Background image

data-background-size="100px" data-background-repeat="repeat" data-background-color="#111"
@@ -78,9 +87,6 @@ // Full list of configuration options available here: // https://github.com/hakimel/reveal.js#configuration Reveal.initialize({ - controls: true, - progress: true, - history: true, center: true, // rtl: true, diff --git a/js/reveal.js b/js/reveal.js index 676122fb..033fe315 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -1918,11 +1918,11 @@ var Reveal = (function(){ toArray( fragments ).forEach( function( element ) { element.classList.add( 'visible' ); - - // Notify subscribers of the change - dispatchEvent( 'fragmentshown', { fragment: element } ); } ); + // Notify subscribers of the change + dispatchEvent( 'fragmentshown', { fragment: fragments[0], fragments: fragments } ); + updateControls(); return true; } @@ -1952,11 +1952,11 @@ var Reveal = (function(){ toArray( fragments ).forEach( function( f ) { f.classList.remove( 'visible' ); - - // Notify subscribers of the change - dispatchEvent( 'fragmenthidden', { fragment: f } ); } ); + // Notify subscribers of the change + dispatchEvent( 'fragmenthidden', { fragment: fragments[0], fragments: fragments } ); + updateControls(); return true; }