Merge branch 'patch-1' of https://github.com/Jmuccigr/reveal.js into dev
This commit is contained in:
		
							
								
								
									
										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 | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user