reveal-jekyll 0.0.1

data/assets/plugin/zoom-js/zoom.js

@@ -0,0 +1,277 @@
+// Custom reveal.js integration
+var RevealZoom = (function(){
+
+	return {
+		init: function() {
+
+			Reveal.getRevealElement().addEventListener( 'mousedown', function( event ) {
+				var defaultModifier = /Linux/.test( window.navigator.platform ) ? 'ctrl' : 'alt';
+
+				var modifier = ( Reveal.getConfig().zoomKey ? Reveal.getConfig().zoomKey : defaultModifier ) + 'Key';
+				var zoomLevel = ( Reveal.getConfig().zoomLevel ? Reveal.getConfig().zoomLevel : 2 );
+
+				if( event[ modifier ] && !Reveal.isOverview() ) {
+					event.preventDefault();
+
+					zoom.to({
+						x: event.clientX,
+						y: event.clientY,
+						scale: zoomLevel,
+						pan: false
+					});
+				}
+			} );
+
+		}
+	}
+
+})();
+
+Reveal.registerPlugin( 'zoom', RevealZoom );
+
+/*!
+ * zoom.js 0.3 (modified for use with reveal.js)
+ * http://lab.hakim.se/zoom-js
+ * MIT licensed
+ *
+ * Copyright (C) 2011-2014 Hakim El Hattab, http://hakim.se
+ */
+var zoom = (function(){
+
+	// The current zoom level (scale)
+	var level = 1;
+
+	// The current mouse position, used for panning
+	var mouseX = 0,
+		mouseY = 0;
+
+	// Timeout before pan is activated
+	var panEngageTimeout = -1,
+		panUpdateInterval = -1;
+
+	// Check for transform support so that we can fallback otherwise
+	var supportsTransforms = 	'WebkitTransform' in document.body.style ||
+								'MozTransform' in document.body.style ||
+								'msTransform' in document.body.style ||
+								'OTransform' in document.body.style ||
+								'transform' in document.body.style;
+
+	if( supportsTransforms ) {
+		// The easing that will be applied when we zoom in/out
+		document.body.style.transition = 'transform 0.8s ease';
+		document.body.style.OTransition = '-o-transform 0.8s ease';
+		document.body.style.msTransition = '-ms-transform 0.8s ease';
+		document.body.style.MozTransition = '-moz-transform 0.8s ease';
+		document.body.style.WebkitTransition = '-webkit-transform 0.8s ease';
+	}
+
+	// Zoom out if the user hits escape
+	document.addEventListener( 'keyup', function( event ) {
+		if( level !== 1 && event.keyCode === 27 ) {
+			zoom.out();
+		}
+	} );
+
+	// Monitor mouse movement for panning
+	document.addEventListener( 'mousemove', function( event ) {
+		if( level !== 1 ) {
+			mouseX = event.clientX;
+			mouseY = event.clientY;
+		}
+	} );
+
+	/**
+	 * Applies the CSS required to zoom in, prefers the use of CSS3
+	 * transforms but falls back on zoom for IE.
+	 *
+	 * @param {Object} rect
+	 * @param {Number} scale
+	 */
+	function magnify( rect, scale ) {
+
+		var scrollOffset = getScrollOffset();
+
+		// Ensure a width/height is set
+		rect.width = rect.width || 1;
+		rect.height = rect.height || 1;
+
+		// Center the rect within the zoomed viewport
+		rect.x -= ( window.innerWidth - ( rect.width * scale ) ) / 2;
+		rect.y -= ( window.innerHeight - ( rect.height * scale ) ) / 2;
+
+		if( supportsTransforms ) {
+			// Reset
+			if( scale === 1 ) {
+				document.body.style.transform = '';
+				document.body.style.OTransform = '';
+				document.body.style.msTransform = '';
+				document.body.style.MozTransform = '';
+				document.body.style.WebkitTransform = '';
+			}
+			// Scale
+			else {
+				var origin = scrollOffset.x +'px '+ scrollOffset.y +'px',
+					transform = 'translate('+ -rect.x +'px,'+ -rect.y +'px) scale('+ scale +')';
+
+				document.body.style.transformOrigin = origin;
+				document.body.style.OTransformOrigin = origin;
+				document.body.style.msTransformOrigin = origin;
+				document.body.style.MozTransformOrigin = origin;
+				document.body.style.WebkitTransformOrigin = origin;
+
+				document.body.style.transform = transform;
+				document.body.style.OTransform = transform;
+				document.body.style.msTransform = transform;
+				document.body.style.MozTransform = transform;
+				document.body.style.WebkitTransform = transform;
+			}
+		}
+		else {
+			// Reset
+			if( scale === 1 ) {
+				document.body.style.position = '';
+				document.body.style.left = '';
+				document.body.style.top = '';
+				document.body.style.width = '';
+				document.body.style.height = '';
+				document.body.style.zoom = '';
+			}
+			// Scale
+			else {
+				document.body.style.position = 'relative';
+				document.body.style.left = ( - ( scrollOffset.x + rect.x ) / scale ) + 'px';
+				document.body.style.top = ( - ( scrollOffset.y + rect.y ) / scale ) + 'px';
+				document.body.style.width = ( scale * 100 ) + '%';
+				document.body.style.height = ( scale * 100 ) + '%';
+				document.body.style.zoom = scale;
+			}
+		}
+
+		level = scale;
+
+		if( document.documentElement.classList ) {
+			if( level !== 1 ) {
+				document.documentElement.classList.add( 'zoomed' );
+			}
+			else {
+				document.documentElement.classList.remove( 'zoomed' );
+			}
+		}
+	}
+
+	/**
+	 * Pan the document when the mosue cursor approaches the edges
+	 * of the window.
+	 */
+	function pan() {
+		var range = 0.12,
+			rangeX = window.innerWidth * range,
+			rangeY = window.innerHeight * range,
+			scrollOffset = getScrollOffset();
+
+		// Up
+		if( mouseY < rangeY ) {
+			window.scroll( scrollOffset.x, scrollOffset.y - ( 1 - ( mouseY / rangeY ) ) * ( 14 / level ) );
+		}
+		// Down
+		else if( mouseY > window.innerHeight - rangeY ) {
+			window.scroll( scrollOffset.x, scrollOffset.y + ( 1 - ( window.innerHeight - mouseY ) / rangeY ) * ( 14 / level ) );
+		}
+
+		// Left
+		if( mouseX < rangeX ) {
+			window.scroll( scrollOffset.x - ( 1 - ( mouseX / rangeX ) ) * ( 14 / level ), scrollOffset.y );
+		}
+		// Right
+		else if( mouseX > window.innerWidth - rangeX ) {
+			window.scroll( scrollOffset.x + ( 1 - ( window.innerWidth - mouseX ) / rangeX ) * ( 14 / level ), scrollOffset.y );
+		}
+	}
+
+	function getScrollOffset() {
+		return {
+			x: window.scrollX !== undefined ? window.scrollX : window.pageXOffset,
+			y: window.scrollY !== undefined ? window.scrollY : window.pageYOffset
+		}
+	}
+
+	return {
+		/**
+		 * Zooms in on either a rectangle or HTML element.
+		 *
+		 * @param {Object} options
+		 *   - element: HTML element to zoom in on
+		 *   OR
+		 *   - x/y: coordinates in non-transformed space to zoom in on
+		 *   - width/height: the portion of the screen to zoom in on
+		 *   - scale: can be used instead of width/height to explicitly set scale
+		 */
+		to: function( options ) {
+
+			// Due to an implementation limitation we can't zoom in
+			// to another element without zooming out first
+			if( level !== 1 ) {
+				zoom.out();
+			}
+			else {
+				options.x = options.x || 0;
+				options.y = options.y || 0;
+
+				// If an element is set, that takes precedence
+				if( !!options.element ) {
+					// Space around the zoomed in element to leave on screen
+					var padding = 20;
+					var bounds = options.element.getBoundingClientRect();
+
+					options.x = bounds.left - padding;
+					options.y = bounds.top - padding;
+					options.width = bounds.width + ( padding * 2 );
+					options.height = bounds.height + ( padding * 2 );
+				}
+
+				// If width/height values are set, calculate scale from those values
+				if( options.width !== undefined && options.height !== undefined ) {
+					options.scale = Math.max( Math.min( window.innerWidth / options.width, window.innerHeight / options.height ), 1 );
+				}
+
+				if( options.scale > 1 ) {
+					options.x *= options.scale;
+					options.y *= options.scale;
+
+					magnify( options, options.scale );
+
+					if( options.pan !== false ) {
+
+						// Wait with engaging panning as it may conflict with the
+						// zoom transition
+						panEngageTimeout = setTimeout( function() {
+							panUpdateInterval = setInterval( pan, 1000 / 60 );
+						}, 800 );
+
+					}
+				}
+			}
+		},
+
+		/**
+		 * Resets the document zoom state to its default.
+		 */
+		out: function() {
+			clearTimeout( panEngageTimeout );
+			clearInterval( panUpdateInterval );
+
+			magnify( { x: 0, y: 0 }, 1 );
+
+			level = 1;
+		},
+
+		// Alias
+		magnify: function( options ) { this.to( options ) },
+		reset: function() { this.out() },
+
+		zoomLevel: function() {
+			return level;
+		}
+	}
+
+})();

metadata

@@ -0,0 +1,180 @@
+--- !ruby/object:Gem::Specification
+name: reveal-jekyll
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Sylhare
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2019-12-11 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.5'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.5'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: 2.1.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: 2.1.0
+description: Reveal.js Web presentation served with jekyll
+email:
+- sylhare@outlook.com
+executables: []
+extensions: []
+extra_rdoc_files:
+- README.md
+- LICENSE
+files:
+- LICENSE
+- README.md
+- _includes/basements.html
+- _includes/head.html
+- _includes/reveal.html
+- _layouts/presentation.html
+- _layouts/raw.html
+- assets/css/print/paper.css
+- assets/css/print/pdf.css
+- assets/css/reset.css
+- assets/css/reveal.css
+- assets/css/reveal.scss
+- assets/css/rouge-highlight/monokai.css
+- assets/css/theme/README.md
+- assets/css/theme/beige.css
+- assets/css/theme/black.css
+- assets/css/theme/blood.css
+- assets/css/theme/league.css
+- assets/css/theme/moon.css
+- assets/css/theme/night.css
+- assets/css/theme/serif.css
+- assets/css/theme/simple.css
+- assets/css/theme/sky.css
+- assets/css/theme/solarized.css
+- assets/css/theme/source/beige.scss
+- assets/css/theme/source/black.scss
+- assets/css/theme/source/blood.scss
+- assets/css/theme/source/league.scss
+- assets/css/theme/source/moon.scss
+- assets/css/theme/source/night.scss
+- assets/css/theme/source/serif.scss
+- assets/css/theme/source/simple.scss
+- assets/css/theme/source/sky.scss
+- assets/css/theme/source/solarized.scss
+- assets/css/theme/source/white.scss
+- assets/css/theme/template/mixins.scss
+- assets/css/theme/template/settings.scss
+- assets/css/theme/template/theme.scss
+- assets/css/theme/white.css
+- assets/js/reveal.js
+- assets/lib/css/monokai.css
+- assets/lib/css/zenburn.css
+- assets/lib/font/Pacifico/Pacifico.eot
+- assets/lib/font/Pacifico/Pacifico.svg
+- assets/lib/font/Pacifico/Pacifico.ttf
+- assets/lib/font/Pacifico/Pacifico.woff
+- assets/lib/font/Pacifico/Pacifico.woff2
+- assets/lib/font/Pacifico/original-pacifico-regular.ttf
+- assets/lib/font/fontawesome/FontAwesome.otf
+- assets/lib/font/fontawesome/fontawesome-webfont.eot
+- assets/lib/font/fontawesome/fontawesome-webfont.svg
+- assets/lib/font/fontawesome/fontawesome-webfont.ttf
+- assets/lib/font/fontawesome/fontawesome-webfont.woff
+- assets/lib/font/fontawesome/fontawesome-webfont.woff2
+- assets/lib/font/league-gothic/LICENSE
+- assets/lib/font/league-gothic/league-gothic.css
+- assets/lib/font/league-gothic/league-gothic.eot
+- assets/lib/font/league-gothic/league-gothic.ttf
+- assets/lib/font/league-gothic/league-gothic.woff
+- assets/lib/font/source-sans-pro/LICENSE
+- assets/lib/font/source-sans-pro/source-sans-pro-italic.eot
+- assets/lib/font/source-sans-pro/source-sans-pro-italic.ttf
+- assets/lib/font/source-sans-pro/source-sans-pro-italic.woff
+- assets/lib/font/source-sans-pro/source-sans-pro-regular.eot
+- assets/lib/font/source-sans-pro/source-sans-pro-regular.ttf
+- assets/lib/font/source-sans-pro/source-sans-pro-regular.woff
+- assets/lib/font/source-sans-pro/source-sans-pro-semibold.eot
+- assets/lib/font/source-sans-pro/source-sans-pro-semibold.ttf
+- assets/lib/font/source-sans-pro/source-sans-pro-semibold.woff
+- assets/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot
+- assets/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf
+- assets/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff
+- assets/lib/font/source-sans-pro/source-sans-pro.css
+- assets/lib/js/html5shiv.js
+- assets/lib/js/promise.js
+- assets/plugin/highlight/highlight.js
+- assets/plugin/markdown/example.html
+- assets/plugin/markdown/example.md
+- assets/plugin/markdown/markdown.js
+- assets/plugin/markdown/marked.js
+- assets/plugin/math/math.js
+- assets/plugin/multiplex/client.js
+- assets/plugin/multiplex/index.js
+- assets/plugin/multiplex/master.js
+- assets/plugin/multiplex/package.json
+- assets/plugin/notes-server/client.js
+- assets/plugin/notes-server/index.js
+- assets/plugin/notes-server/notes.html
+- assets/plugin/notes/notes.html
+- assets/plugin/notes/notes.js
+- assets/plugin/print-pdf/print-pdf.js
+- assets/plugin/search/search.js
+- assets/plugin/zoom-js/zoom.js
+homepage: https://github.com/sylhare/Reveal-Jekyll
+licenses:
+- MIT
+metadata:
+  plugin_type: theme
+post_install_message: 
+rdoc_options:
+- "--charset=UTF-8"
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.4.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.0.6
+signing_key: 
+specification_version: 4
+summary: Reveal.js Web presentation served with jekyll
+test_files: []