aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChris Lawrence <lawrencc@debian.org>2013-07-22 05:39:20 -0400
committerChris Lawrence <lawrencc@debian.org>2013-07-22 05:39:20 -0400
commit4874b13f916c5683cbcaefcf127f548413ec3043 (patch)
tree30ef93372b5b522ec16920cc320453ff33f86dcd
parentad086b897eafb9f314f75dfc8e451090b6bbf809 (diff)
parent7d19b4f7ce2ab3fd7880d0f60b1c147d44808f0c (diff)
downloadfosdem-2018-presentation-4874b13f916c5683cbcaefcf127f548413ec3043.tar
fosdem-2018-presentation-4874b13f916c5683cbcaefcf127f548413ec3043.tar.gz
Merge remote-tracking branch 'upstream/master'
-rw-r--r--README.md18
-rw-r--r--css/theme/README.md4
-rw-r--r--examples/assets/image1.png (renamed from test/assets/image1.png)bin21991 -> 21991 bytes
-rw-r--r--examples/assets/image2.png (renamed from test/assets/image2.png)bin10237 -> 10237 bytes
-rw-r--r--examples/barebones.html42
-rw-r--r--examples/embedded-media.html (renamed from test/media.html)13
-rw-r--r--examples/slide-backgrounds.html (renamed from test/background.html)16
-rw-r--r--js/reveal.js12
8 files changed, 76 insertions, 29 deletions
diff --git a/README.md b/README.md
index 96b7c0e..04313df 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 <https://github.com/hakimel/reveal.js/archive/master.zip>
+1. Download the latest version of reveal.js from <https://github.com/hakimel/reveal.js/releases>
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 <http://localhost:8000> to view your presentation
+8. Open <http://localhost:8000> to view your presentation
### Folder Structure
diff --git a/css/theme/README.md b/css/theme/README.md
index b6bcedb..28ded29 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
index 8747594..8747594 100644
--- a/test/assets/image1.png
+++ b/examples/assets/image1.png
Binary files differ
diff --git a/test/assets/image2.png b/examples/assets/image2.png
index 6c403a0..6c403a0 100644
--- a/test/assets/image2.png
+++ b/examples/assets/image2.png
Binary files differ
diff --git a/examples/barebones.html b/examples/barebones.html
new file mode 100644
index 0000000..7a1dcee
--- /dev/null
+++ b/examples/barebones.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html lang="en">
+
+ <head>
+ <meta charset="utf-8">
+
+ <title>reveal.js - Barebones</title>
+
+ <link rel="stylesheet" href="../css/reveal.min.css">
+ </head>
+
+ <body>
+
+ <div class="reveal">
+
+ <div class="slides">
+
+ <section>
+ <h2>Barebones Presentation</h2>
+ <p>This example contains the bare minimum includes and markup required to run a reveal.js presentation.</p>
+ </section>
+
+ <section>
+ <h2>No Theme</h2>
+ <p>There's no theme included, so it will fall back on browser defaults.</p>
+ </section>
+
+ </div>
+
+ </div>
+
+ <script src="../lib/js/head.min.js"></script>
+ <script src="../js/reveal.min.js"></script>
+
+ <script>
+
+ Reveal.initialize();
+
+ </script>
+
+ </body>
+</html>
diff --git a/test/media.html b/examples/embedded-media.html
index 6e95606..f3bcae4 100644
--- a/test/media.html
+++ b/examples/embedded-media.html
@@ -4,7 +4,7 @@
<head>
<meta charset="utf-8">
- <title>reveal.js - Test</title>
+ <title>reveal.js - Embedded Media</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
@@ -39,17 +39,8 @@
<script>
- // Full list of configuration options available here:
- // https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
- controls: true,
- progress: true,
- history: true,
- center: true,
-
- transition: 'linear',
- // transitionSpeed: 'slow',
- // backgroundTransition: 'linear'
+ transition: 'linear'
});
</script>
diff --git a/test/background.html b/examples/slide-backgrounds.html
index 9d6a147..fbbdd3a 100644
--- a/test/background.html
+++ b/examples/slide-backgrounds.html
@@ -4,7 +4,7 @@
<head>
<meta charset="utf-8">
- <title>reveal.js - Test</title>
+ <title>reveal.js - Slide Backgrounds</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
@@ -50,10 +50,19 @@
</section>
</section>
- <section data-background="assets/image1.png" style="background: rgba(255,255,255,0.9)">
+ <section data-background-transition="slide" data-background="assets/image1.png" style="background: rgba(255,255,255,0.9)">
<h2>Background image</h2>
</section>
+ <section>
+ <section data-background-transition="slide" data-background="assets/image1.png" style="background: rgba(255,255,255,0.9)">
+ <h2>Background image</h2>
+ </section>
+ <section data-background-transition="slide" data-background="assets/image1.png" style="background: rgba(255,255,255,0.9)">
+ <h2>Background image</h2>
+ </section>
+ </section>
+
<section data-background="assets/image2.png" data-background-size="100px" data-background-repeat="repeat" data-background-color="#111" style="background: rgba(255,255,255,0.9)">
<h2>Background image</h2>
<pre>data-background-size="100px" data-background-repeat="repeat" data-background-color="#111"</pre>
@@ -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 676122f..033fe31 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;
}