Merge branch 'patch-1' of https://github.com/Jmuccigr/reveal.js into dev
This commit is contained in:
commit
5848a432d9
3 changed files with 24 additions and 6 deletions
10
README.md
10
README.md
|
@ -131,6 +131,10 @@ When used locally, this feature requires that reveal.js [runs from a local web s
|
||||||
data-separator-vertical="^\n\n"
|
data-separator-vertical="^\n\n"
|
||||||
data-separator-notes="^Note:"
|
data-separator-notes="^Note:"
|
||||||
data-charset="iso-8859-15">
|
data-charset="iso-8859-15">
|
||||||
|
<!--
|
||||||
|
Note that Windows uses `\r\n` instead of `\n` as its linefeed character.
|
||||||
|
For a regex that supports all operating systems, use `\r?\n` instead of `\n`.
|
||||||
|
-->
|
||||||
</section>
|
</section>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -272,6 +276,8 @@ Reveal.initialize({
|
||||||
hideAddressBar: true,
|
hideAddressBar: true,
|
||||||
|
|
||||||
// Opens links in an iframe preview overlay
|
// Opens links in an iframe preview overlay
|
||||||
|
// Add `data-preview-link` and `data-preview-link="false"` to customise each link
|
||||||
|
// individually
|
||||||
previewLinks: false,
|
previewLinks: false,
|
||||||
|
|
||||||
// Transition style
|
// Transition style
|
||||||
|
@ -798,7 +804,9 @@ Reveal.addEventListener( 'fragmenthidden', function( event ) {
|
||||||
|
|
||||||
### Code syntax highlighting
|
### Code syntax highlighting
|
||||||
|
|
||||||
By default, Reveal is configured with [highlight.js](https://highlightjs.org/) for code syntax highlighting. Below is an example with clojure code that will be syntax highlighted. When the `data-trim` attribute is present, surrounding whitespace is automatically removed. HTML will be escaped by default. To avoid this, for example if you are using `<mark>` to call out a line of code, add the `data-noescape` attribute to the `<code>` element.
|
By default, Reveal is configured with [highlight.js](https://highlightjs.org/) for code syntax highlighting. To enable syntax highlighting, you'll have to load the highlight plugin ([plugin/highlight/highlight.js](plugin/highlight/highlight.js)) and a highlight.js CSS theme (Reveal comes packaged with the zenburn theme: [lib/css/zenburn.css](lib/css/zenburn.css)).
|
||||||
|
|
||||||
|
Below is an example with clojure code that will be syntax highlighted. When the `data-trim` attribute is present, surrounding whitespace is automatically removed. HTML will be escaped by default. To avoid this, for example if you are using `<mark>` to call out a line of code, add the `data-noescape` attribute to the `<code>` element.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<section>
|
<section>
|
||||||
|
|
|
@ -4,7 +4,7 @@ Themes are written using Sass to keep things modular and reduce the need for rep
|
||||||
|
|
||||||
## Creating a Theme
|
## Creating a Theme
|
||||||
|
|
||||||
To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js)) when you run `grunt css-themes`.
|
To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js)) when you run `npm run build -- css-themes`.
|
||||||
|
|
||||||
Each theme file does four things in the following order:
|
Each theme file does four things in the following order:
|
||||||
|
|
||||||
|
|
10
js/reveal.js
10
js/reveal.js
|
@ -154,6 +154,8 @@
|
||||||
hideAddressBar: true,
|
hideAddressBar: true,
|
||||||
|
|
||||||
// Opens links in an iframe preview overlay
|
// Opens links in an iframe preview overlay
|
||||||
|
// Add `data-preview-link` and `data-preview-link="false"` to customise each link
|
||||||
|
// individually
|
||||||
previewLinks: false,
|
previewLinks: false,
|
||||||
|
|
||||||
// Exposes the reveal.js API through window.postMessage
|
// Exposes the reveal.js API through window.postMessage
|
||||||
|
@ -180,6 +182,12 @@
|
||||||
// Parallax background size
|
// Parallax background size
|
||||||
parallaxBackgroundSize: '', // CSS syntax, e.g. "3000px 2000px"
|
parallaxBackgroundSize: '', // CSS syntax, e.g. "3000px 2000px"
|
||||||
|
|
||||||
|
// Parallax background repeat
|
||||||
|
parallaxBackgroundRepeat: '', // repeat/repeat-x/repeat-y/no-repeat/initial/inherit
|
||||||
|
|
||||||
|
// Parallax background position
|
||||||
|
parallaxBackgroundPosition: '', // CSS syntax, e.g. "top left"
|
||||||
|
|
||||||
// Amount of pixels to move the parallax background per slide step
|
// Amount of pixels to move the parallax background per slide step
|
||||||
parallaxBackgroundHorizontal: null,
|
parallaxBackgroundHorizontal: null,
|
||||||
parallaxBackgroundVertical: null,
|
parallaxBackgroundVertical: null,
|
||||||
|
@ -877,6 +885,8 @@
|
||||||
|
|
||||||
dom.background.style.backgroundImage = 'url("' + config.parallaxBackgroundImage + '")';
|
dom.background.style.backgroundImage = 'url("' + config.parallaxBackgroundImage + '")';
|
||||||
dom.background.style.backgroundSize = config.parallaxBackgroundSize;
|
dom.background.style.backgroundSize = config.parallaxBackgroundSize;
|
||||||
|
dom.background.style.backgroundRepeat = config.parallaxBackgroundRepeat;
|
||||||
|
dom.background.style.backgroundPosition = config.parallaxBackgroundPosition;
|
||||||
|
|
||||||
// Make sure the below properties are set on the element - these properties are
|
// Make sure the below properties are set on the element - these properties are
|
||||||
// needed for proper transitions to be set on the element via CSS. To remove
|
// needed for proper transitions to be set on the element via CSS. To remove
|
||||||
|
|
Loading…
Reference in a new issue