You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@predictionio.apache.org by do...@apache.org on 2016/10/07 22:08:21 UTC

[40/50] [abbrv] incubator-predictionio git commit: Unbundle 3rd party documentation components

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/distribution/0.9.4/slidebars.min.js
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/distribution/0.9.4/slidebars.min.js b/docs/manual/bower_components/Slidebars/distribution/0.9.4/slidebars.min.js
deleted file mode 100644
index 8bab0bc..0000000
--- a/docs/manual/bower_components/Slidebars/distribution/0.9.4/slidebars.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// Slidebars 0.9.4 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://plugins.adchsm.me/slidebars/license.txt
-;(function(a){a.slidebars=function(b){var x=a.extend({siteClose:true,disableOver:false,hideControlClasses:false},b);var v=document.createElement("div").style,t=false,k=false;if(v.MozTransition===""||v.WebkitTransition===""||v.OTransition===""||v.transition===""){t=true}if(v.MozTransform===""||v.WebkitTransform===""||v.OTransform===""||v.transform===""){k=true}var s=navigator.userAgent,y=false,c=false;if(/Android/.test(s)){y=s.substr(s.indexOf("Android")+8,3)}else{if(/(iPhone|iPod|iPad)/.test(s)){c=s.substr(s.indexOf("OS ")+3,3).replace("_",".")}}if(y&&y<3||c&&c<5){a("html").addClass("sb-static")}if(!a("#sb-site").length){a("body").children().wrapAll('<div id="sb-site" />')}var q=a("#sb-site");if(!q.parent().is("body")){q.appendTo("body")}if(a(".sb-left").length){var e=a(".sb-left"),g=false;e.addClass("sb-slidebar");if(!e.parent().is("body")){e.appendTo("body")}}if(a(".sb-right").length){var h=a(".sb-right"),j=false;h.addClass("sb-slidebar");if(!h.parent().is("body")){h.appendTo("bod
 y")}}var r=false,z=a(window).width(),w=a(".sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close"),m=a(".sb-slide");function o(){if(!x.disableOver||(typeof x.disableOver==="number"&&x.disableOver>=z)){r=true;a("html").addClass("sb-init");if(x.hideControlClasses){w.removeClass("sb-hide")}}else{if(typeof x.disableOver==="number"&&x.disableOver<z){r=false;a("html").removeClass("sb-init");if(x.hideControlClasses){w.addClass("sb-hide")}if(g||j){l()}}}}o();function f(){q.css("minHeight","");q.css("minHeight",a("body").height()+"px");if(e&&(e.hasClass("sb-style-push")||e.hasClass("sb-style-overlay"))){e.css("marginLeft","-"+e.css("width"))}if(h&&(h.hasClass("sb-style-push")||h.hasClass("sb-style-overlay"))){h.css("marginRight","-"+h.css("width"))}if(e&&e.hasClass("sb-width-custom")){e.css("width",e.attr("data-sb-width"))}if(h&&h.hasClass("sb-width-custom")){h.css("width",h.attr("data-sb-width"))}}f();a(window).resize(function(){var A=a(window).width();if(z!==A){z=A;o()
 ;f();if(g){i("left")}if(j){i("right")}}});var u;if(t&&k){u="translate";if(y&&y<4.4){u="side"}}else{u="jQuery"}function d(B,E,D){var A;if(B.hasClass("sb-style-push")){A=q.add(B).add(m)}else{if(B.hasClass("sb-style-overlay")){A=B}else{A=q.add(m)}}if(u==="translate"){A.css("transform","translate("+E+")")}else{if(u==="side"){if(E[0]==="-"){E=E.substr(1)}A.css(D,E);setTimeout(function(){if(E==="0px"){A.removeAttr("style");f()}},400)}else{if(u==="jQuery"){if(E[0]==="-"){E=E.substr(1)}var C={};C[D]=E;A.stop().animate(C,400);setTimeout(function(){if(E==="0px"){A.removeAttr("style");f()}},400)}}}}function i(A){if(A==="left"&&e&&j||A==="right"&&h&&g){l();setTimeout(B,400)}else{B()}function B(){if(r&&A==="left"&&e){a("html").addClass("sb-active sb-active-left");e.addClass("sb-active");d(e,e.css("width"),"left");setTimeout(function(){g=true},400)}else{if(r&&A==="right"&&h){a("html").addClass("sb-active sb-active-right");h.addClass("sb-active");d(h,"-"+h.css("width"),"right");setTimeout(function
 (){j=true},400)}}}}function l(A){if(g||j){if(g){d(e,"0px","left");g=false}if(j){d(h,"0px","right");j=false}setTimeout(function(){a("html").removeClass("sb-active sb-active-left sb-active-right");if(e){e.removeClass("sb-active")}if(h){h.removeClass("sb-active")}if(A){window.location=A}},400)}}function n(A){if(A==="left"&&e){if(!g){i("left")}else{l()}}if(A==="right"&&h){if(!j){i("right")}else{l()}}}this.open=i;this.close=l;this.toggle=n;this.init=function(){return r};this.active=function(A){if(A==="left"&&e){return g}if(A==="right"&&h){return j}};function p(B,A){B.stopPropagation();B.preventDefault();if(B.type==="touchend"){A.off("click")}}a(".sb-toggle-left").on("touchend click",function(A){p(A,a(this));n("left")});a(".sb-toggle-right").on("touchend click",function(A){p(A,a(this));n("right")});a(".sb-open-left").on("touchend click",function(A){p(A,a(this));i("left")});a(".sb-open-right").on("touchend click",function(A){p(A,a(this));i("right")});a(".sb-close").on("touchend click",func
 tion(A){p(A,a(this));l()});a(".sb-slidebar a").not(".sb-disable-close").on("click",function(A){p(A,a(this));l(a(this).attr("href"))});q.on("touchend click",function(A){if(x.siteClose&&(g||j)){p(A,a(this));l()}})}})(jQuery);
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.css
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.css b/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.css
deleted file mode 100644
index 1e15fb9..0000000
--- a/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.css
+++ /dev/null
@@ -1,196 +0,0 @@
-/* -----------------------------------
- * Slidebars
- * Version 0.9
- * http://plugins.adchsm.me/slidebars/
- *
- * Written by Adam Smith
- * http://www.adchsm.me/
- *
- * Released under MIT License
- * http://plugins.adchsm.me/slidebars/license.txt
- *
- * -------------------
- * Slidebars CSS Index
- *
- * 001 - Box Model, Html & Body
- * 002 - Site
- * 003 - Slidebars
- * 004 - Animation
- * 005 - Helper Classes
- *
- * ----------------------------
- * 001 - Box Model, Html & Body
- */
-
-html, body, #sb-site, .sb-slidebar {
-	margin: 0;
-	padding: 0;
-	-webkit-box-sizing: border-box;
-	   -moz-box-sizing: border-box;
-	        box-sizing: border-box;
-}
-
-html, body {
-	width: 100%;
-	overflow-x: hidden; /* Stops horizontal scrolling. */
-}
-
-html {
-	height: 100%;
-}
-
-body {
-	min-height: 100%;
-	position: relative;
-}
-
-/* ----------
- * 002 - Site
- */
-
-#sb-site {
-	width: 100%;
-	height: 100%; /* Initially set here but accurate height is set by slidebars.js */
-	position: relative;
-	z-index: 1; /* Site sits above Slidebars */
-	background-color: #ffffff; /* Default background colour, overwrite this with your own css. */
-}
-
-/* ---------------
- * 003 - Slidebars
- */
-
-.sb-slidebar {
-	height: 100%;
-	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
-	position: fixed;
-	top: 0;
-	z-index: 0; /* Slidebars sit behind sb-site. */
-	visibility: hidden; /* Initially hide the Slidebars. */
-	background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */
-}
-
-.sb-left {
-	left: 0; /* Set Slidebar to the left. */
-}
-
-.sb-right {
-	right: 0; /* Set Slidebar to the right. */
-}
-
-html.sb-static .sb-slidebar,
-.sb-slidebar.sb-static {
-	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
-}
-
-.sb-slidebar.sb-active {
-	visibility: visible; /* Makes Slidebars visibile when open. */
-}
-
-.sb-slidebar.sb-style-overlay {
-	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
-}
-
-/* Slidebar widths for devices that don't support media queries. */
-	.sb-slidebar {
-		width: 30%;
-	}
-	
-	.sb-width-thin {
-		width: 15%;
-	}
-	
-	.sb-width-wide {
-		width: 45%;
-	}
-
-@media (max-width: 480px) { /* Slidebar width on extra small screens. */
-	.sb-slidebar {
-		width: 70%;
-	}
-	
-	.sb-width-thin {
-		width: 55%;
-	}
-	
-	.sb-width-wide {
-		width: 85%;
-	}
-}
-
-@media (min-width: 481px) { /* Slidebar width on small screens. */
-	.sb-slidebar {
-		width: 55%;
-	}
-	
-	.sb-width-thin {
-		width: 40%;
-	}
-	
-	.sb-width-wide {
-		width: 70%;
-	}
-}
-
-@media (min-width: 768px) { /* Slidebar width on small screens. */
-	.sb-slidebar {
-		width: 40%;
-	}
-	
-	.sb-width-thin {
-		width: 25%;
-	}
-	
-	.sb-width-wide {
-		width: 55%;
-	}
-}
-
-@media (min-width: 992px) { /* Slidebar width on medium screens. */
-	.sb-slidebar {
-		width: 30%;
-	}
-	
-	.sb-width-thin {
-		width: 15%;
-	}
-	
-	.sb-width-wide {
-		width: 45%;
-	}
-}
-
-@media (min-width: 1200px) { /* Slidebar width on large screens. */
-	.sb-slidebar {
-		width: 20%;
-	}
-	
-	.sb-width-thin {
-		width: 5%;
-	}
-	
-	.sb-width-wide {
-		width: 35%;
-	}
-}
-
-/* ---------------
- * 004 - Animation
- */
-
-.sb-slide, #sb-site, .sb-slidebar {
-	-webkit-transition: -webkit-transform 400ms ease;
-	   -moz-transition: -moz-transform 400ms ease;
-	     -o-transition: -o-transform 400ms ease;
-	        transition: transform 400ms ease;
-	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
-	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
-}
-
-/* --------------------
- * 005 - Helper Classes
- */
- 
-.sb-hide { 
-	display: none; /* May be applied to control classes when Slidebars is disabled over a certain width. */
-}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.js
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.js b/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.js
deleted file mode 100644
index 8f68753..0000000
--- a/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.js
+++ /dev/null
@@ -1,328 +0,0 @@
-
-// -----------------------------------
-// Slidebars
-// Version 0.9
-// http://plugins.adchsm.me/slidebars/
-//
-// Written by Adam Smith
-// http://www.adchsm.me/
-//
-// Released under MIT License
-// http://plugins.adchsm.me/slidebars/license.txt
-//
-// ---------------------
-// Index of Slidebars.js
-//
-// 001 - Default Settings
-// 002 - Feature Detection
-// 003 - User Agents
-// 004 - Setup
-// 005 - Animation
-// 006 - Operations
-// 007 - API
-// 008 - User Input
-
-;(function($) {
-
-	$.slidebars = function(options) {
-
-		// ----------------------
-		// 001 - Default Settings
-
-		var settings = $.extend({
-			siteClose: true, // true or false - Enable closing of Slidebars by clicking on #sb-site.
-			disableOver: false, // integer or false - Hide Slidebars over a specific width.
-			hideControlClasses: false // true or false - Hide controls at same width as disableOver.
-		}, options);
-
-		// -----------------------
-		// 002 - Feature Detection
-
-		var test = document.createElement('div').style, // Create element to test on.
-		supportTransition = false, // Variable for testing transitions.
-		supportTransform = false; // variable for testing transforms.
-
-		// Test for CSS Transitions
-		if (test.MozTransition === '' || test.WebkitTransition === '' || test.OTransition === '' || test.transition === '') supportTransition = true;
-
-		// Test for CSS Transforms
-		if (test.MozTransform === '' || test.WebkitTransform === '' || test.OTransform === '' || test.transform === '') supportTransform = true;
-
-		// -----------------
-		// 003 - User Agents
-
-		var ua = navigator.userAgent, // Get user agent string.
-		android = false, // Variable for storing android version.
-		iOS = false; // Variable for storing iOS version.
-		
-		if (/Android/.test(ua)) { // Detect Android in user agent string.
-			android = ua.substr(ua.indexOf('Android')+8, 3); // Set version of Android.
-		} else if (/(iPhone|iPod|iPad)/.test(ua)) { // Detect iOS in user agent string.
-			iOS = ua.substr(ua.indexOf('OS ')+3, 3).replace('_', '.'); // Set version of iOS.
-		}
-		
-		if (android && android < 3 || iOS && iOS < 5) $('html').addClass('sb-static'); // Add helper class for older versions of Android & iOS.
-
-		// -----------
-		// 004 - Setup
-
-		// Site Container
-		if (!$('#sb-site').length) $('body').children().wrapAll('<div id="sb-site" />'); // Check if content is wrapped with sb-site, wrap if it isn't.
-		var $site = $('#sb-site'); // Cache the selector.
-		if (!$site.parent().is('body')) $site.appendTo('body'); // Check its location and move if necessary.
-
-		// Left Slidebar	
-		if ($('.sb-left').length) { // Check if the left Slidebar exists.
-			var $left = $('.sb-left'), // Cache the selector.
-			leftActive = false; // Used to check whether the left Slidebar is open or closed.
-			$left.addClass('sb-slidebar'); // Make sure the Slidebar has the base class.
-			if (!$left.parent().is('body')) $left.appendTo('body'); // Check its location and move if necessary.
-		}
-
-		// Right Slidebar
-		if ($('.sb-right').length) { // Check if the right Slidebar exists.
-			var $right = $('.sb-right'), // Cache the selector.
-			rightActive = false; // Used to check whether the right Slidebar is open or closed.
-			$right.addClass('sb-slidebar'); // Make sure the Slidebar has the base class.
-			if (!$right.parent().is('body')) $right.appendTo('body'); // Check its location and move if necessary.
-		}
-				
-		var init = false,
-		windowWidth = $(window).width(), // Get width of window.
-		$controls = $('.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close'), // Cache the control classes.
-		$slide = $('.sb-slide'); // Cache users elements to animate.
-		
-		// Initailise Slidebars
-		function initialise() {
-			if (!settings.disableOver || (typeof settings.disableOver === 'number' && settings.disableOver >= windowWidth)) { // False or larger than window size. 
-				init = true; // true enabled Slidebars to open.
-				$('html').addClass('sb-init'); // Add helper class.
-				if (settings.hideControlClasses) $controls.removeClass('sb-hide'); // Remove class just incase Slidebars was originally disabled.
-			} else if (typeof settings.disableOver === 'number' && settings.disableOver < windowWidth) { // Less than window size.
-				init = false; // false stop Slidebars from opening.
-				$('html').removeClass('sb-init'); // Remove helper class.
-				if (settings.hideControlClasses) $controls.addClass('sb-hide'); // Hide controls
-				if (leftActive || rightActive) close(); // Close Slidebars if open.
-			}
-		}
-		initialise();
-		
-		// Inline CSS
-		function css() {
-			// Set minimum height.
-			$site.css('minHeight', ''); // Reset minimum height.
-			$site.css('minHeight', $('body').height() + 'px'); // Set minimum height of the site to the minimum height of the body.
-			
-			// Set off-canvas margins for Slidebars with push and overlay animations.
-			if ($left && ($left.hasClass('sb-style-push') || $left.hasClass('sb-style-overlay'))) $left.css('marginLeft', '-' + $left.css('width'));
-			if ($right && ($right.hasClass('sb-style-push') || $right.hasClass('sb-style-overlay'))) $right.css('marginRight', '-' + $right.css('width'));
-			
-			// Custom Slidebar Widths
-			if ($left && $left.hasClass('sb-width-custom')) $left.css('width', $left.attr('data-sb-width')); // Set user custom width.
-			if ($right && $right.hasClass('sb-width-custom')) $right.css('width', $right.attr('data-sb-width')); // Set user custom width.
-		}
-		css();
-		
-		// Resize Functions
-		$(window).resize(function() {
-			var resizedWindowWidth = $(window).width(); // Get resized window width.
-			if (windowWidth !== resizedWindowWidth) { // Window was actually resized.
-				windowWidth = resizedWindowWidth; // Set the new window width.
-				initialise(); // Call initalise to see if Slidebars should still be running.
-				css(); // Reset minimum heights and negative margins.
-				if (leftActive) open('left'); // If left Slidebar is open, calling open will ensure it is the correct size.
-				if (rightActive) open('right'); // If right Slidebar is open, calling open will ensure it is the correct size.
-			}
-		});
-		// I may include a height check along side a width check here in future.
-
-		// ---------------
-		// 005 - Animation
-
-		var animation; // Animation type.
-
-		// Set Animation Type
-		if (supportTransition && supportTransform) { // Browser supports css transitions and transforms.
-			animation = 'translate'; // Translate for browsers that support it.
-			if (android && android < 4.4) animation = 'side'; // Android supports both, but can't translate any fixed positions, so use left instead.
-		} else {
-			animation = 'jQuery'; // Browsers that don't support css transitions and transitions.
-		}
-
-		// Animate Mixin
-		function animate(object, amount, side) {
-			// Choose selectors depending on animation style.
-			var selector;
-			
-			if (object.hasClass('sb-style-push')) {
-				selector = $site.add(object).add($slide); // Push - Animate site, Slidebar and user elements.
-			} else if (object.hasClass('sb-style-overlay')) {
-				selector = object; // Overlay - Animate Slidebar only.
-			} else {
-				selector = $site.add($slide); // Reveal - Animate site and user elements.
-			}
-			
-			// Apply Animation
-			if (animation === 'translate') {
-				selector.css('transform', 'translate(' + amount + ')');
-			} else if (animation === 'side') {		
-				if (amount[0] === '-') amount = amount.substr(1); // Remove the '-' from the passed amount for side animations.
-				selector.css(side, amount);
-				setTimeout(function() {
-					if (amount === '0px') {
-						selector.removeAttr('style');
-						css();
-					}
-				}, 400);
-			} else if (animation === 'jQuery') {
-				if (amount[0] === '-') amount = amount.substr(1); // Remove the '-' from the passed amount for jQuery animations.
-				var properties = {};
-				properties[side] = amount;
-				selector.stop().animate(properties, 400); // Stop any current jQuery animation before starting another.
-				setTimeout(function() {
-					if (amount === '0px') {
-						selector.removeAttr('style');
-						css();
-					}
-				}, 400); // If closed, remove the inline styling on completion of the animation.	
-			}
-		}
-
-		// ----------------
-		// 006 - Operations
-
-		// Open a Slidebar
-		function open(side) {
-			// Check to see if opposite Slidebar is open.
-			if (side === 'left' && $left && rightActive || side === 'right' && $right && leftActive) { // It's open, close it, then continue.
-				close();
-				setTimeout(proceed, 400);
-			} else { // Its not open, continue.
-				proceed();
-			}
-
-			// Open
-			function proceed() {
-				if (init && side === 'left' && $left) { // Slidebars is initiated, left is in use and called to open.
-					$('html').addClass('sb-active sb-active-left'); // Add active classes.
-					$left.addClass('sb-active');
-					animate($left, $left.css('width'), 'left'); // Animation
-					setTimeout(function() { leftActive = true; }, 400); // Set active variables.
-				} else if (init && side === 'right' && $right) { // Slidebars is initiated, right is in use and called to open.
-					$('html').addClass('sb-active sb-active-right'); // Add active classes.
-					$right.addClass('sb-active');
-					animate($right, '-' + $right.css('width'), 'right'); // Animation
-					setTimeout(function() { rightActive = true; }, 400); // Set active variables.
-				}
-			}
-		}
-			
-		// Close either Slidebar
-		function close(link) {
-			if (leftActive || rightActive) { // If a Slidebar is open.
-				if (leftActive) {
-					animate($left, '0px', 'left'); // Animation
-					leftActive = false;
-				}
-				if (rightActive) {
-					animate($right, '0px', 'right'); // Animation
-					rightActive = false;
-				}
-			
-				setTimeout(function() { // Wait for closing animation to finish.
-					$('html').removeClass('sb-active sb-active-left sb-active-right'); // Remove active classes.
-					if ($left) $left.removeClass('sb-active');
-					if ($right) $right.removeClass('sb-active');
-					if (link) window.location = link; // If a link has been passed to the function, go to it.
-				}, 400);
-			}
-		}
-		
-		// Toggle either Slidebar
-		function toggle(side) {
-			if (side === 'left' && $left) { // If left Slidebar is called and in use.
-				if (!leftActive) {
-					open('left'); // Slidebar is closed, open it.
-				} else {
-					close(); // Slidebar is open, close it.
-				}
-			}
-			if (side === 'right' && $right) { // If right Slidebar is called and in use.
-				if (!rightActive) {
-					open('right'); // Slidebar is closed, open it.
-				} else {
-					close(); // Slidebar is open, close it.
-				}
-			}
-		}
-
-		// ---------
-		// 007 - API
-
-		this.open = open; // Maps user variable name to the open method.
-		this.close = close; // Maps user variable name to the close method.
-		this.toggle = toggle; // Maps user variable name to the toggle method.
-		this.init = function() { // Returns true or false whether Slidebars are running or not.
-			return init;
-		};
-		this.active = function(side) { // Returns true or false whether Slidebar is open or closed.
-			if (side === 'left' && $left) return leftActive;
-			if (side === 'right' && $right) return rightActive;
-		};
-
-		// ----------------
-		// 008 - User Input
-		
-		function eventHandler(event, selector) {
-			event.stopPropagation(); // Stop event bubbling.
-			event.preventDefault(); // Prevent default behaviour
-			if (event.type === 'touchend') selector.off('click'); // If event type was touch turn off clicks to prevent phantom clicks.
-		}
-		
-		// Toggle Left Slidebar
-		$('.sb-toggle-left').on('touchend click', function(event) {
-			eventHandler(event, $(this)); // Handle the event.
-			toggle('left'); // Toggle the left Slidbar.
-		});
-		
-		// Toggle Right Slidebar
-		$('.sb-toggle-right').on('touchend click', function(event) {
-			eventHandler(event, $(this)); // Handle the event.
-			toggle('right'); // Toggle the right Slidbar.
-		});
-		
-		// Open Left Slidebar
-		$('.sb-open-left').on('touchend click', function(event) {
-			eventHandler(event, $(this)); // Handle the event.
-			open('left'); // Open the left Slidebar.
-		});
-		
-		// Open Right Slidebar
-		$('.sb-open-right').on('touchend click', function(event) {
-			eventHandler(event, $(this)); // Handle the event.
-			open('right'); // Open the right Slidebar.
-		});
-		
-		// Close a Slidebar
-		$('.sb-close').on('touchend click', function(event) {
-			eventHandler(event, $(this)); // Handle the event.
-			close(); // Close either Slidebar.
-		});
-		
-		// Close Slidebar via Link
-		$('.sb-slidebar a').not('.sb-disable-close').on('click', function(event) {
-			eventHandler(event, $(this)); // Handle the event.
-			close( $(this).attr('href') ); // Close the Slidebar and pass link.
-		});
-		
-		// Close Slidebar via Site
-		$site.on('touchend click', function(event) {
-			if (settings.siteClose && (leftActive || rightActive)) { // If settings permit closing by site and left or right Slidebar is open.
-				eventHandler(event, $(this)); // Handle the event.
-				close(); // Close it.
-			}
-		});
-		
-	}; // End slidebars function.
-
-}) (jQuery);
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.min.css
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.min.css b/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.min.css
deleted file mode 100644
index d35c8a0..0000000
--- a/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.min.css
+++ /dev/null
@@ -1,2 +0,0 @@
-/* Slidebars 0.9 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://plugins.adchsm.me/slidebars/license.txt */
-html,body,#sb-site,.sb-slidebar{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}html{height:100%}body{min-height:100%;position:relative}#sb-site{width:100%;height:100%;position:relative;z-index:1;background-color:#fff}.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;visibility:hidden;background-color:#222}.sb-left{left:0}.sb-right{right:0}html.sb-static .sb-slidebar,.sb-slidebar.sb-static{position:absolute}.sb-slidebar.sb-active{visibility:visible}.sb-slidebar.sb-style-overlay{z-index:9999}.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}@media(max-width:480px){.sb-slidebar{width:70%}.sb-width-thin{width:55%}.sb-width-wide{width:85%}}@media(min-width:481px){.sb-slidebar{width:55%}.sb-width-thin{width:40%}.sb-width-wide{width:70%}}@media(min-width:768px){.sb-slidebar{width:40%}.sb-width-thin{width:25%}.sb-width-wide{width:55%}}@media(min-width:992px)
 {.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}}@media(min-width:1200px){.sb-slidebar{width:20%}.sb-width-thin{width:5%}.sb-width-wide{width:35%}}.sb-slide,#sb-site,.sb-slidebar{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden}.sb-hide{display:none}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.min.js
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.min.js b/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.min.js
deleted file mode 100644
index 207ebdf..0000000
--- a/docs/manual/bower_components/Slidebars/distribution/0.9/slidebars.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// Slidebars 0.9 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://plugins.adchsm.me/slidebars/license.txt
-;(function(a){a.slidebars=function(b){var x=a.extend({siteClose:true,disableOver:false,hideControlClasses:false},b);var v=document.createElement("div").style,t=false,k=false;if(v.MozTransition===""||v.WebkitTransition===""||v.OTransition===""||v.transition===""){t=true}if(v.MozTransform===""||v.WebkitTransform===""||v.OTransform===""||v.transform===""){k=true}var s=navigator.userAgent,y=false,c=false;if(/Android/.test(s)){y=s.substr(s.indexOf("Android")+8,3)}else{if(/(iPhone|iPod|iPad)/.test(s)){c=s.substr(s.indexOf("OS ")+3,3).replace("_",".")}}if(y&&y<3||c&&c<5){a("html").addClass("sb-static")}if(!a("#sb-site").length){a("body").children().wrapAll('<div id="sb-site" />')}var q=a("#sb-site");if(!q.parent().is("body")){q.appendTo("body")}if(a(".sb-left").length){var e=a(".sb-left"),g=false;e.addClass("sb-slidebar");if(!e.parent().is("body")){e.appendTo("body")}}if(a(".sb-right").length){var h=a(".sb-right"),j=false;h.addClass("sb-slidebar");if(!h.parent().is("body")){h.appendTo("bod
 y")}}var r=false,z=a(window).width(),w=a(".sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close"),m=a(".sb-slide");function o(){if(!x.disableOver||(typeof x.disableOver==="number"&&x.disableOver>=z)){r=true;a("html").addClass("sb-init");if(x.hideControlClasses){w.removeClass("sb-hide")}}else{if(typeof x.disableOver==="number"&&x.disableOver<z){r=false;a("html").removeClass("sb-init");if(x.hideControlClasses){w.addClass("sb-hide")}if(g||j){l()}}}}o();function f(){q.css("minHeight","");q.css("minHeight",a("body").height()+"px");if(e&&(e.hasClass("sb-style-push")||e.hasClass("sb-style-overlay"))){e.css("marginLeft","-"+e.css("width"))}if(h&&(h.hasClass("sb-style-push")||h.hasClass("sb-style-overlay"))){h.css("marginRight","-"+h.css("width"))}if(e&&e.hasClass("sb-width-custom")){e.css("width",e.attr("data-sb-width"))}if(h&&h.hasClass("sb-width-custom")){h.css("width",h.attr("data-sb-width"))}}f();a(window).resize(function(){var A=a(window).width();if(z!==A){z=A;o()
 ;f();if(g){i("left")}if(j){i("right")}}});var u;if(t&&k){u="translate";if(y&&y<4.4){u="side"}}else{u="jQuery"}function d(B,E,D){var A;if(B.hasClass("sb-style-push")){A=q.add(B).add(m)}else{if(B.hasClass("sb-style-overlay")){A=B}else{A=q.add(m)}}if(u==="translate"){A.css("transform","translate("+E+")")}else{if(u==="side"){if(E[0]==="-"){E=E.substr(1)}A.css(D,E);setTimeout(function(){if(E==="0px"){A.removeAttr("style");f()}},400)}else{if(u==="jQuery"){if(E[0]==="-"){E=E.substr(1)}var C={};C[D]=E;A.stop().animate(C,400);setTimeout(function(){if(E==="0px"){A.removeAttr("style");f()}},400)}}}}function i(A){if(A==="left"&&e&&j||A==="right"&&h&&g){l();setTimeout(B,400)}else{B()}function B(){if(r&&A==="left"&&e){a("html").addClass("sb-active sb-active-left");e.addClass("sb-active");d(e,e.css("width"),"left");setTimeout(function(){g=true},400)}else{if(r&&A==="right"&&h){a("html").addClass("sb-active sb-active-right");h.addClass("sb-active");d(h,"-"+h.css("width"),"right");setTimeout(function
 (){j=true},400)}}}}function l(A){if(g||j){if(g){d(e,"0px","left");g=false}if(j){d(h,"0px","right");j=false}setTimeout(function(){a("html").removeClass("sb-active sb-active-left sb-active-right");if(e){e.removeClass("sb-active")}if(h){h.removeClass("sb-active")}if(A){window.location=A}},400)}}function n(A){if(A==="left"&&e){if(!g){i("left")}else{l()}}if(A==="right"&&h){if(!j){i("right")}else{l()}}}this.open=i;this.close=l;this.toggle=n;this.init=function(){return r};this.active=function(A){if(A==="left"&&e){return g}if(A==="right"&&h){return j}};function p(B,A){B.stopPropagation();B.preventDefault();if(B.type==="touchend"){A.off("click")}}a(".sb-toggle-left").on("touchend click",function(A){p(A,a(this));n("left")});a(".sb-toggle-right").on("touchend click",function(A){p(A,a(this));n("right")});a(".sb-open-left").on("touchend click",function(A){p(A,a(this));i("left")});a(".sb-open-right").on("touchend click",function(A){p(A,a(this));i("right")});a(".sb-close").on("touchend click",func
 tion(A){p(A,a(this));l()});a(".sb-slidebar a").not(".sb-disable-close").on("click",function(A){p(A,a(this));l(a(this).attr("href"))});q.on("touchend click",function(A){if(x.siteClose&&(g||j)){p(A,a(this));l()}})}})(jQuery);
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/examples/animation-styles.html
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/examples/animation-styles.html b/docs/manual/bower_components/Slidebars/examples/animation-styles.html
deleted file mode 100644
index 4f621cc..0000000
--- a/docs/manual/bower_components/Slidebars/examples/animation-styles.html
+++ /dev/null
@@ -1,66 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>Slidebars Animation Styles</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-		
-		<!-- Slidebars CSS -->
-		<link rel="stylesheet" href="slidebars/slidebars.css">
-		
-		<!-- Example Styles -->
-		<link rel="stylesheet" href="example-styles.css">
-	</head>
-	
-	<body>	
-		<div id="sb-site">
-			<h1>Slidebars Animation Styles</h1>
-			<p>The standard animation is to reveal Slidebars, however you can add modifier classes to change this. In this example, the left Slidebar has class '.sb-style-push' which makes the Slidebar push the site across. The right Slidebar has class '.sb-style-overlay', which makes the Slidebar slide over the site without moving it.</p>
-			<ul>
-				<li class="sb-toggle-left">Toggle left Slidebar</li>
-				<li class="sb-toggle-right">Toggle right Slidebar</li>
-				<li class="sb-open-left">Open left Slidebar</li>
-				<li class="sb-open-right">Open right Slidebar</li>
-				<li class="sb-close">Close either Slidebar</li>
-			</ul>
-			
-			<h2>More Examples</h2>
-			<ul>
-				<li><a href="control-classes.html">Control Classes</a></li>
-				<li><a href="api-usage.html">API Usage</a></li>
-				<li><a href="mobile-only.html">Mobile Only</a></li>
-				<li><a href="animation-styles.html">Animation Styles</a></li>
-				<li><a href="optional-widths.html">Optional Widths</a></li>
-				<li><a href="custom-widths.html">Custom Widths</a></li>
-				<li><a href="scroll-lock.html">Scroll Lock</a></li>
-				<li><a href="slidebar-links.html">Slidebar Links</a></li>
-				<li><a href="static-slidebars.html">Static Slidebars</a></li>
-				<li><a href="momentum-scrolling.html">Momentum Scrolling</a></li>
-				<li><a href="left-slidebar-only.html">Left Slidebar Only</a></li>
-				<li><a href="right-slidebar-only.html">Right Slidebar Only</a></li>
-			</ul>
-		</div>
-		
-		<div class="sb-slidebar sb-left sb-style-push">
-			<!-- Your left Slidebar content. -->
-			<p>Just a line of text to demonstrate the push effect.</p>
-		</div>
-		
-		<div class="sb-slidebar sb-right sb-style-overlay">
-			<!-- Your right Slidebar content. -->
-			<p>Just a line of text to demonstrate the overlay effect.</p>
-		</div>
-				
-		<!-- jQuery -->
-		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-		
-		<!-- Slidebars -->
-		<script src="slidebars/slidebars.js"></script>
-		<script>
-			(function($) {
-				$(document).ready(function() {
-					$.slidebars();
-				});
-			}) (jQuery);
-		</script>
-	</body>
-</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/examples/api-usage.html
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/examples/api-usage.html b/docs/manual/bower_components/Slidebars/examples/api-usage.html
deleted file mode 100644
index a457b69..0000000
--- a/docs/manual/bower_components/Slidebars/examples/api-usage.html
+++ /dev/null
@@ -1,144 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>Slidebars API Usage</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-		
-		<!-- Slidebars CSS -->
-		<link rel="stylesheet" href="slidebars/slidebars.css">
-		
-		<!-- Example Styles -->
-		<link rel="stylesheet" href="example-styles.css">
-	</head>
-	
-	<body>	
-		<div id="sb-site">
-			<h1>Slidebars API Usage</h1>
-			<p>The list items below do not use the standard control classes and are instead mapped to the Slidebars API. You can open a Slidebar, check if the plugin  has been initiated, check if a Slidebars is active, and remove them from the DOM entirely.</p>
-			<p>As of version 0.10, all API methods have been prefixed with '.slidebars'. myVariable.open('left') should now be myVariable.slidebars.open('left').</p>
-			<ul>
-				<li class="toggle-left">Toggle left Slidebar</li>
-				<li class="toggle-right">Toggle right Slidebar</li>
-				<li class="open-left">Open left Slidebar</li>
-				<li class="open-right">Open right Slidebar</li>
-				<li class="close">Close either Slidebar</li>
-				<li class="test-slidebars-init">Test Slidebars Initialisation</li>
-				<li class="test-left-slidebar">Test left Slidebar</li>
-				<li class="test-right-slidebar">Test right Slidebar</li>
-				<li class="destroy-left-slidebar">Destroy left Slidebar</li>
-				<li class="destroy-right-slidebar">Destroy right Slidebar</li>
-			</ul>
-			
-			<h2>More Examples</h2>
-			<ul>
-				<li><a href="control-classes.html">Control Classes</a></li>
-				<li><a href="api-usage.html">API Usage</a></li>
-				<li><a href="mobile-only.html">Mobile Only</a></li>
-				<li><a href="animation-styles.html">Animation Styles</a></li>
-				<li><a href="optional-widths.html">Optional Widths</a></li>
-				<li><a href="custom-widths.html">Custom Widths</a></li>
-				<li><a href="scroll-lock.html">Scroll Lock</a></li>
-				<li><a href="slidebar-links.html">Slidebar Links</a></li>
-				<li><a href="static-slidebars.html">Static Slidebars</a></li>
-				<li><a href="momentum-scrolling.html">Momentum Scrolling</a></li>
-				<li><a href="left-slidebar-only.html">Left Slidebar Only</a></li>
-				<li><a href="right-slidebar-only.html">Right Slidebar Only</a></li>
-			</ul>
-		</div>
-		
-		<div class="sb-slidebar sb-left">
-			<!-- Your left Slidebar content. -->
-		</div>
-		
-		<div class="sb-slidebar sb-right">
-			<!-- Your right Slidebar content. -->
-		</div>
-				
-		<!-- jQuery -->
-		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-		
-		<!-- Slidebars -->
-		<script src="slidebars/slidebars.js"></script>
-		<script>
-			(function($) {
-				$(document).ready(function() {
-					var mySlidebars = new $.slidebars(); // Create new instance of Slidebars
-					
-					// Event handler
-					function eventHandler(e) {
-						e.stopPropagation();
-						e.preventDefault();
-					}
-					
-					// Toggle methods
-					$('.toggle-left').on('click', function(e) {
-						eventHandler(e);
-						mySlidebars.slidebars.toggle('left');
-					});
-					
-					$('.toggle-right').on('click', function(e) {
-						eventHandler(e);
-						mySlidebars.slidebars.toggle('right');
-					});
-					
-					// Open methods
-					$('.open-left').on('click', function(e) {
-						eventHandler(e);
-						mySlidebars.slidebars.open('left');
-					});
-					
-					$('.open-right').on('click', function(e) {
-						eventHandler(e);
-						mySlidebars.slidebars.open('right');
-					});
-					
-					// Close
-					$('.close').on('click', function(e) {
-						eventHandler(e);
-						mySlidebars.slidebars.close();
-					});
-					
-					// Test initialisation
-					$('.test-slidebars-init').on('click', function(e) {
-						eventHandler(e);
-						if (mySlidebars.slidebars.init) { // Check if Slidebars has been initiated.
-							alert('Slidebars has been initialised.');
-						} else {
-							alert('Slidebars has not been initialised.');
-						}
-					});
-					
-					// Test Slidebar active states
-					$('.test-left-slidebar').on('click', function(e) {
-						eventHandler(e);
-						if (mySlidebars.slidebars.active('left')) { // Check if left Slidebar is active.
-							alert('Left Slidebar is open.');
-						} else {
-							alert('Left Slidebar is closed.');
-						}
-					});
-					
-					$('.test-right-slidebar').on('click', function(e) {
-						eventHandler(e);
-						if (mySlidebars.slidebars.active('right')) { // Check if right Slidebar is active.
-							alert('Right Slidebar is open.');
-						} else {
-							alert('Right Slidebar is closed.');
-						}
-					});
-					
-					// Destroy Slidebars
-					$('.destroy-left-slidebar').on('click', function() {
-						mySlidebars.slidebars.destroy('left');
-						alert('Boom!');
-					});
-					
-					$('.destroy-right-slidebar').on('click', function() {
-						mySlidebars.slidebars.destroy('right');
-						alert('Boom!');
-					});
-				});
-			}) (jQuery);
-		</script>
-	</body>
-</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/examples/basic-template.html
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/examples/basic-template.html b/docs/manual/bower_components/Slidebars/examples/basic-template.html
deleted file mode 100644
index 8ae3ec1..0000000
--- a/docs/manual/bower_components/Slidebars/examples/basic-template.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>Slidebars Basic Template</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-		
-		<!-- Slidebars CSS -->
-		<link rel="stylesheet" href="slidebars/slidebars.css">
-	</head>
-	
-	<body>	
-		<div id="sb-site">
-			<!-- Your main site content here. -->
-		</div>
-		
-		<div class="sb-slidebar sb-left">
-			<!-- Your left Slidebar content. -->
-		</div>
-		
-		<div class="sb-slidebar sb-right">
-			<!-- Your right Slidebar content. -->
-		</div>
-				
-		<!-- jQuery -->
-		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-		
-		<!-- Slidebars -->
-		<script src="slidebars/slidebars.js"></script>
-		<script>
-			(function($) {
-				$(document).ready(function() {
-					$.slidebars();
-				});
-			}) (jQuery);
-		</script>
-	</body>
-</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/examples/control-classes.html
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/examples/control-classes.html b/docs/manual/bower_components/Slidebars/examples/control-classes.html
deleted file mode 100644
index 8813696..0000000
--- a/docs/manual/bower_components/Slidebars/examples/control-classes.html
+++ /dev/null
@@ -1,64 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>Slidebars Control Classes Example</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-		
-		<!-- Slidebars CSS -->
-		<link rel="stylesheet" href="slidebars/slidebars.css">
-		
-		<!-- Example Styles -->
-		<link rel="stylesheet" href="example-styles.css">
-	</head>
-	
-	<body>	
-		<div id="sb-site">
-			<h1>Slidebars Control Classes Example</h1>
-			<p>This example uses the standard Slidebars control classes.</p>
-			<ul>
-				<li class="sb-toggle-left">Toggle left Slidebar</li>
-				<li class="sb-toggle-right">Toggle right Slidebar</li>
-				<li class="sb-open-left">Open left Slidebar</li>
-				<li class="sb-open-right">Open right Slidebar</li>
-				<li class="sb-close">Close either Slidebar</li>
-			</ul>
-			
-			<h2>More Examples</h2>
-			<ul>
-				<li><a href="control-classes.html">Control Classes</a></li>
-				<li><a href="api-usage.html">API Usage</a></li>
-				<li><a href="mobile-only.html">Mobile Only</a></li>
-				<li><a href="animation-styles.html">Animation Styles</a></li>
-				<li><a href="optional-widths.html">Optional Widths</a></li>
-				<li><a href="custom-widths.html">Custom Widths</a></li>
-				<li><a href="scroll-lock.html">Scroll Lock</a></li>
-				<li><a href="slidebar-links.html">Slidebar Links</a></li>
-				<li><a href="static-slidebars.html">Static Slidebars</a></li>
-				<li><a href="momentum-scrolling.html">Momentum Scrolling</a></li>
-				<li><a href="left-slidebar-only.html">Left Slidebar Only</a></li>
-				<li><a href="right-slidebar-only.html">Right Slidebar Only</a></li>
-			</ul>
-		</div>
-		
-		<div class="sb-slidebar sb-left">
-			<!-- Your left Slidebar content. -->
-		</div>
-		
-		<div class="sb-slidebar sb-right">
-			<!-- Your right Slidebar content. -->
-		</div>
-				
-		<!-- jQuery -->
-		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-		
-		<!-- Slidebars -->
-		<script src="slidebars/slidebars.js"></script>
-		<script>
-			(function($) {
-				$(document).ready(function() {
-					$.slidebars();
-				});
-			}) (jQuery);
-		</script>
-	</body>
-</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/examples/custom-widths.html
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/examples/custom-widths.html b/docs/manual/bower_components/Slidebars/examples/custom-widths.html
deleted file mode 100644
index f25a102..0000000
--- a/docs/manual/bower_components/Slidebars/examples/custom-widths.html
+++ /dev/null
@@ -1,65 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>Slidebars Custom Width Example</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-		
-		<!-- Slidebars CSS -->
-		<link rel="stylesheet" href="slidebars/slidebars.css">
-		
-		<!-- Example Styles -->
-		<link rel="stylesheet" href="example-styles.css">
-	</head>
-	
-	<body>	
-		<div id="sb-site">
-			<h1>Slidebars Custom Width Example</h1>
-			<p>In this example both Slidebars have custom widths. You can set these by adding the modifier class '.sb-width-custom' to your Slidebar, and pass the width as a data attribute 'data-sb-width'. This can be a px or % value.</p>
-			<p>The left Slidebar has a width of 50%, and the right Slidebar has a width of 100px, no matter what the screen size.</p> 
-			<ul>
-				<li class="sb-toggle-left">Toggle left Slidebar</li>
-				<li class="sb-toggle-right">Toggle right Slidebar</li>
-				<li class="sb-open-left">Open left Slidebar</li>
-				<li class="sb-open-right">Open right Slidebar</li>
-				<li class="sb-close">Close either Slidebar</li>
-			</ul>
-			
-			<h2>More Examples</h2>
-			<ul>
-				<li><a href="control-classes.html">Control Classes</a></li>
-				<li><a href="api-usage.html">API Usage</a></li>
-				<li><a href="mobile-only.html">Mobile Only</a></li>
-				<li><a href="animation-styles.html">Animation Styles</a></li>
-				<li><a href="optional-widths.html">Optional Widths</a></li>
-				<li><a href="custom-widths.html">Custom Widths</a></li>
-				<li><a href="scroll-lock.html">Scroll Lock</a></li>
-				<li><a href="slidebar-links.html">Slidebar Links</a></li>
-				<li><a href="static-slidebars.html">Static Slidebars</a></li>
-				<li><a href="momentum-scrolling.html">Momentum Scrolling</a></li>
-				<li><a href="left-slidebar-only.html">Left Slidebar Only</a></li>
-				<li><a href="right-slidebar-only.html">Right Slidebar Only</a></li>
-			</ul>
-		</div>
-		
-		<div class="sb-slidebar sb-left sb-width-custom" data-sb-width="50%">
-			<!-- Your left Slidebar content. -->
-		</div>
-		
-		<div class="sb-slidebar sb-right sb-width-custom" data-sb-width="100px">
-			<!-- Your right Slidebar content. -->
-		</div>
-				
-		<!-- jQuery -->
-		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-		
-		<!-- Slidebars -->
-		<script src="slidebars/slidebars.js"></script>
-		<script>
-			(function($) {
-				$(document).ready(function() {
-					$.slidebars();
-				});
-			}) (jQuery);
-		</script>
-	</body>
-</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/examples/example-styles.css
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/examples/example-styles.css b/docs/manual/bower_components/Slidebars/examples/example-styles.css
deleted file mode 100644
index a1396fa..0000000
--- a/docs/manual/bower_components/Slidebars/examples/example-styles.css
+++ /dev/null
@@ -1,46 +0,0 @@
-html {
-	font-family: sans-serif;
-}
-
-body {
-	background-color: #222222;
-}
-
-#sb-site, .sb-site-container {
-	padding: 14px;
-}
-
-.sb-slidebar {
-	padding: 14px;
-	color: #fff;
-}
-
-html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
-	cursor: pointer;
-}
-
-/* Fixed position examples */
-#sb-site.top-padding {
-	padding-top: 50px;
-}
-
-#fixed-top {
-	position: fixed;
-	top: 0;
-	width: 100%;
-	height: 50px;
-	background-color: red;
-	z-index: 4;
-}
-
-#fixed-top span.sb-toggle-left {
-	float: left;
-	color: white;
-	padding: 10px;
-}
-
-#fixed-top span.sb-toggle-right {
-	float: right;
-	color: white;
-	padding: 10px;
-}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/examples/fixed-positions.html
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/examples/fixed-positions.html b/docs/manual/bower_components/Slidebars/examples/fixed-positions.html
deleted file mode 100644
index 2d6eb09..0000000
--- a/docs/manual/bower_components/Slidebars/examples/fixed-positions.html
+++ /dev/null
@@ -1,97 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>Using Fixed Positions with Slidebars Example</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-		
-		<!-- Slidebars CSS -->
-		<link rel="stylesheet" href="slidebars/slidebars.css">
-		
-		<!-- Example Styles -->
-		<link rel="stylesheet" href="example-styles.css">
-	</head>
-	
-	<body>
-		<div id="fixed-top" class="sb-slide">
-			<span class="sb-toggle-left">Toggle left Slidebar</span>
-			<span class="sb-toggle-right">Toggle right Slidebar</span>
-		</div>
-		
-		<div id="sb-site" class="top-padding">
-			<h1>Using Fixed Positions with Slidebars Example</h1>
-			<p>If you have elements with a fixed position (for example a top navigation bar), there are a few steps you need to take to make them work properly. Firstly, your fixed element must be outside of your '#sb-site' container. Next, give your fixed element an additional class '.sb-slide'. The plugin will pick up on this class, and animate it alongside your Slidebars.</p>
-			<ul>
-				<li class="sb-toggle-left">Toggle left Slidebar</li>
-				<li class="sb-toggle-right">Toggle right Slidebar</li>
-				<li class="sb-open-left">Open left Slidebar</li>
-				<li class="sb-open-right">Open right Slidebar</li>
-				<li class="sb-close">Close either Slidebar</li>
-			</ul>
-			
-			<h2>More Examples</h2>
-			<ul>
-				<li><a href="control-classes.html">Control Classes</a></li>
-				<li><a href="api-usage.html">API Usage</a></li>
-				<li><a href="mobile-only.html">Mobile Only</a></li>
-				<li><a href="animation-styles.html">Animation Styles</a></li>
-				<li><a href="optional-widths.html">Optional Widths</a></li>
-				<li><a href="custom-widths.html">Custom Widths</a></li>
-				<li><a href="scroll-lock.html">Scroll Lock</a></li>
-				<li><a href="slidebar-links.html">Slidebar Links</a></li>
-				<li><a href="static-slidebars.html">Static Slidebars</a></li>
-				<li><a href="momentum-scrolling.html">Momentum Scrolling</a></li>
-				<li><a href="left-slidebar-only.html">Left Slidebar Only</a></li>
-				<li><a href="right-slidebar-only.html">Right Slidebar Only</a></li>
-			</ul>
-			
-			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et nisl eget tellus dignissim commodo. Donec euismod malesuada dolor, eu euismod massa fermentum non. Morbi eleifend lorem vel nisi scelerisque iaculis. Etiam feugiat nibh in leo porttitor, non tempor felis varius. Vivamus feugiat lobortis justo vel pharetra. Donec varius convallis metus ac venenatis. Nulla facilisi. Morbi bibendum eget mi eu bibendum. Vestibulum et augue dapibus, pharetra neque in, semper nisl. Morbi arcu lacus, suscipit sit amet tincidunt eget, mattis eget nunc. Cras eu elit at mauris consequat ullamcorper a in diam. Donec dapibus sed magna sed malesuada. Maecenas quis eleifend purus. Maecenas condimentum arcu quis purus luctus ultrices. Aliquam dictum pellentesque nisi nec placerat. Donec interdum magna eget purus dictum, nec venenatis odio posuere.</p>
-			
-			<p>Nunc tincidunt libero eu velit accumsan, sit amet vulputate turpis lacinia. Aenean quis tincidunt velit. Proin ultricies risus nec lectus cursus ultrices. Nulla a tincidunt neque. Aliquam commodo metus euismod mauris tincidunt facilisis. Quisque a congue lorem. Curabitur condimentum turpis urna, vitae dignissim risus tincidunt non. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum varius odio in mi elementum pharetra. Aenean condimentum ultricies velit, vitae bibendum turpis vehicula vulputate. Phasellus posuere, dolor sit amet tempus scelerisque, ligula nisi egestas lectus, nec cursus nunc risus varius lorem. Sed non ipsum at erat mollis cursus vitae ac est. Cras nec mauris metus. Aliquam euismod velit eros, et adipiscing leo gravida vitae.</p>
-			
-			<p>Mauris eu dui commodo, ultrices arcu sed, fringilla ante. Praesent pellentesque erat sed sodales viverra. Vestibulum molestie, augue non egestas vestibulum, velit sapien viverra augue, quis tempus odio augue quis massa. Integer id ultricies sapien, a bibendum turpis. Praesent facilisis eros orci, eu rhoncus risus feugiat in. Curabitur euismod auctor tincidunt. Duis laoreet ligula id elit pretium accumsan. Ut aliquam sapien nulla, nec feugiat lacus sollicitudin non.</p>
-			
-			<p>Aliquam nec lectus urna. Morbi sit amet enim sem. Phasellus fringilla sem a nibh dignissim scelerisque. Sed a elementum dolor, vel pharetra enim. In posuere convallis odio, a luctus risus euismod a. Ut in mauris eget massa consequat interdum. Cras tempor, magna id rutrum tincidunt, augue eros molestie diam, varius gravida urna nulla in nunc. Maecenas sapien orci, malesuada ac ligula sed, consectetur ullamcorper massa. Donec purus risus, dignissim ornare adipiscing vel, sollicitudin in lorem. Donec tristique ut diam at interdum. Maecenas iaculis massa dolor, pellentesque vehicula augue elementum et. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi congue elementum eros, vitae placerat augue posuere pulvinar. Etiam sit amet gravida arcu. Nullam eget risus sapien. Pellentesque in velit in felis laoreet tincidunt sit amet non libero.</p>
-			
-			<p>Nulla commodo ornare metus id posuere. Aenean fringilla nisi id massa dictum, et lobortis sem scelerisque. Donec vulputate, nibh a consectetur tincidunt, tellus lectus fringilla risus, id ullamcorper ligula metus sit amet mauris. Pellentesque ornare mauris sit amet elit fermentum, quis congue ipsum interdum. Nulla malesuada libero nisl, sed accumsan justo feugiat in. Sed tincidunt, lectus ac convallis blandit, lorem mauris dictum risus, sed iaculis libero felis ut orci. Aliquam erat volutpat. Etiam porta velit tincidunt enim dignissim aliquet. Ut blandit eget lacus nec ullamcorper. Vestibulum malesuada rhoncus commodo. Suspendisse faucibus ipsum eget posuere iaculis. Mauris eu purus a leo aliquam consectetur a non ipsum. Sed eget hendrerit neque. Vestibulum aliquet leo ut nisi elementum luctus.</p>
-			
-			<p>Sed neque metus, ullamcorper eget ante eget, volutpat vehicula elit. Morbi tempor, est et lobortis feugiat, turpis augue suscipit odio, et porta leo tortor id magna. In pulvinar turpis non condimentum varius. In in tortor tortor. Vivamus lacinia iaculis scelerisque. Duis commodo, urna sed porta laoreet, enim tortor venenatis ante, in commodo dui lacus ut tortor. Morbi a mi vel mauris luctus luctus vitae a felis. Maecenas interdum lorem purus, in dapibus leo dictum nec. Morbi convallis neque eget dui eleifend dapibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
-			
-			<p>Ut odio dui, viverra ac velit sed, accumsan tempus diam. Integer varius, massa vitae vestibulum imperdiet, erat libero suscipit lorem, nec consectetur sem libero a magna. Suspendisse elementum orci in odio varius aliquam. Quisque lacinia massa vitae arcu fringilla gravida. Ut quis facilisis nunc. Pellentesque ornare ornare urna vel dignissim. Mauris venenatis ante erat, et volutpat metus adipiscing vel. Donec vitae sapien rhoncus, aliquam nisl sit amet, mattis nunc.</p>
-			
-			<p>Sed nec libero ac est rutrum faucibus in quis risus. Ut accumsan et tellus posuere venenatis. Aliquam vitae lacus ac quam placerat volutpat. Cras mauris nulla, ultricies vel aliquet vel, bibendum non felis. Integer non ornare justo, nec ornare orci. Nullam bibendum velit non dignissim auctor. Mauris condimentum orci nec libero fermentum, vitae placerat magna convallis.</p>
-			
-			<p>Morbi vel enim vitae lectus pharetra pharetra consectetur id enim. Cras in nisl condimentum, porttitor ante quis, malesuada nisl. Nulla molestie quam in sapien tempus, in pharetra purus consectetur. Nam venenatis dapibus turpis id vulputate. Etiam tortor odio, vestibulum ac adipiscing vitae, vestibulum id enim. Donec non consequat velit. Donec elementum imperdiet tortor, non facilisis mi vestibulum et. Proin vehicula sollicitudin risus vitae elementum. Curabitur justo justo, suscipit sit amet laoreet eu, dictum a diam. Donec neque justo, rutrum in velit nec, tempus congue nisl. Donec pulvinar tempus ante, semper mollis neque vulputate vestibulum. Sed suscipit, magna fermentum ornare pellentesque, eros quam elementum sem, vehicula venenatis nulla nulla sit amet quam. In tincidunt, ante et scelerisque iaculis, massa ante tempor nunc, ut sollicitudin magna metus in sapien.</p>
-			
-			<p>Morbi mattis bibendum interdum. Nulla sed dolor faucibus, euismod diam vel, blandit magna. Ut eu mauris posuere, mattis leo id, venenatis augue. In ut auctor felis. Morbi congue pulvinar convallis. Pellentesque blandit leo vitae auctor posuere. Fusce sodales vel tortor eu vestibulum. Suspendisse condimentum nunc nec turpis semper, quis rutrum sapien suscipit. Cras lacus orci, elementum vitae suscipit sit amet, tincidunt ut ipsum. Quisque vestibulum, nunc vitae vehicula ultricies, lorem enim gravida tortor, et tempus leo risus id tellus. Quisque non sem risus. Curabitur sed lorem ac turpis feugiat adipiscing a vel neque. Nunc in lectus est. Fusce hendrerit, lacus a ullamcorper bibendum, ligula ante lacinia dolor, sollicitudin porta lectus nulla nec enim. Nam at convallis metus, a facilisis sem. Mauris vehicula placerat lorem, et consectetur leo sollicitudin consectetur.</p> 
-		</div>
-		
-		<div class="sb-slidebar sb-left">
-			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae lorem eleifend, ultricies nisi tempor, dapibus dui. Ut iaculis adipiscing mi, at lacinia augue pulvinar in. Pellentesque et nunc a libero cursus posuere. Fusce semper metus id nunc laoreet vulputate. Maecenas sit amet augue ornare, tempus augue eget, scelerisque arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec quis diam ac est ultricies vestibulum. Aenean nec rhoncus lorem. Nam velit elit, mollis in blandit vel, pellentesque id augue. In hac habitasse platea dictumst. Nunc placerat est eget vulputate tristique. Sed turpis libero, aliquam at dolor eu, consectetur tincidunt est. Nulla vel semper dui, porttitor gravida lacus. Mauris lacinia pharetra tincidunt. Nunc varius mattis molestie.</p>
-			
-			<p>Sed quis velit leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam malesuada lobortis commodo. Maecenas egestas augue diam, eget semper massa sodales nec. Nunc fermentum suscipit augue, at sagittis mauris. Vestibulum in turpis elementum, facilisis ipsum vitae, fermentum erat. Integer sodales at dolor vitae porttitor. Pellentesque tempus in eros eu elementum. Phasellus molestie, ligula et elementum feugiat, libero purus mollis metus, quis semper tellus velit ut risus. Nullam adipiscing erat ac tortor rutrum, eu laoreet libero sollicitudin. Nunc auctor et sem quis fringilla. In erat lacus, rutrum in erat id, lacinia cursus velit. Pellentesque consequat sit amet justo non aliquet. Donec ligula eros, convallis sit amet vehicula et, dignissim id velit.</p>
-			
-			<p>Suspendisse sodales ornare dui sed tincidunt. Praesent bibendum nisl ac neque posuere ultrices. Sed ac nisl id augue lobortis venenatis. Morbi eros urna, sollicitudin tristique justo ac, sodales feugiat sem. Donec auctor placerat leo, quis auctor lorem laoreet vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra nulla ac fringilla dictum. Maecenas sed dapibus arcu. Morbi nec feugiat tellus. Donec rutrum, tellus vitae sollicitudin tincidunt, ligula elit feugiat ligula, eget sollicitudin libero felis vel augue. Duis et massa fringilla, vehicula arcu sed, ultricies ligula. Praesent porttitor gravida posuere.</p>
-		</div>
-		
-		<div class="sb-slidebar sb-right">
-			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae lorem eleifend, ultricies nisi tempor, dapibus dui. Ut iaculis adipiscing mi, at lacinia augue pulvinar in. Pellentesque et nunc a libero cursus posuere. Fusce semper metus id nunc laoreet vulputate. Maecenas sit amet augue ornare, tempus augue eget, scelerisque arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec quis diam ac est ultricies vestibulum. Aenean nec rhoncus lorem. Nam velit elit, mollis in blandit vel, pellentesque id augue. In hac habitasse platea dictumst. Nunc placerat est eget vulputate tristique. Sed turpis libero, aliquam at dolor eu, consectetur tincidunt est. Nulla vel semper dui, porttitor gravida lacus. Mauris lacinia pharetra tincidunt. Nunc varius mattis molestie.</p>
-			
-			<p>Sed quis velit leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam malesuada lobortis commodo. Maecenas egestas augue diam, eget semper massa sodales nec. Nunc fermentum suscipit augue, at sagittis mauris. Vestibulum in turpis elementum, facilisis ipsum vitae, fermentum erat. Integer sodales at dolor vitae porttitor. Pellentesque tempus in eros eu elementum. Phasellus molestie, ligula et elementum feugiat, libero purus mollis metus, quis semper tellus velit ut risus. Nullam adipiscing erat ac tortor rutrum, eu laoreet libero sollicitudin. Nunc auctor et sem quis fringilla. In erat lacus, rutrum in erat id, lacinia cursus velit. Pellentesque consequat sit amet justo non aliquet. Donec ligula eros, convallis sit amet vehicula et, dignissim id velit.</p>
-			
-			<p>Suspendisse sodales ornare dui sed tincidunt. Praesent bibendum nisl ac neque posuere ultrices. Sed ac nisl id augue lobortis venenatis. Morbi eros urna, sollicitudin tristique justo ac, sodales feugiat sem. Donec auctor placerat leo, quis auctor lorem laoreet vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra nulla ac fringilla dictum. Maecenas sed dapibus arcu. Morbi nec feugiat tellus. Donec rutrum, tellus vitae sollicitudin tincidunt, ligula elit feugiat ligula, eget sollicitudin libero felis vel augue. Duis et massa fringilla, vehicula arcu sed, ultricies ligula. Praesent porttitor gravida posuere.</p>
-		</div>
-				
-		<!-- jQuery -->
-		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-		
-		<!-- Slidebars -->
-		<script src="slidebars/slidebars.js"></script>
-		<script>
-			(function($) {
-				$(document).ready(function() {
-					$.slidebars();
-				});
-			}) (jQuery);
-		</script>
-	</body>
-</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/examples/left-slidebar-only.html
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/examples/left-slidebar-only.html b/docs/manual/bower_components/Slidebars/examples/left-slidebar-only.html
deleted file mode 100644
index 6e7644e..0000000
--- a/docs/manual/bower_components/Slidebars/examples/left-slidebar-only.html
+++ /dev/null
@@ -1,60 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>Left Slidebar Only Example</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-		
-		<!-- Slidebars CSS -->
-		<link rel="stylesheet" href="slidebars/slidebars.css">
-		
-		<!-- Example Styles -->
-		<link rel="stylesheet" href="example-styles.css">
-	</head>
-	
-	<body>	
-		<div id="sb-site">
-			<h1>Left Slidebar Only Example</h1>
-			<p>This example only uses the left Slidebar. The usual control classes are here for testing purposes.</p>
-			<ul>
-				<li class="sb-toggle-left">Toggle left Slidebar</li>
-				<li class="sb-toggle-right">Toggle right Slidebar</li>
-				<li class="sb-open-left">Open left Slidebar</li>
-				<li class="sb-open-right">Open right Slidebar</li>
-				<li class="sb-close">Close either Slidebar</li>
-			</ul>
-			
-			<h2>More Examples</h2>
-			<ul>
-				<li><a href="control-classes.html">Control Classes</a></li>
-				<li><a href="api-usage.html">API Usage</a></li>
-				<li><a href="mobile-only.html">Mobile Only</a></li>
-				<li><a href="animation-styles.html">Animation Styles</a></li>
-				<li><a href="optional-widths.html">Optional Widths</a></li>
-				<li><a href="custom-widths.html">Custom Widths</a></li>
-				<li><a href="scroll-lock.html">Scroll Lock</a></li>
-				<li><a href="slidebar-links.html">Slidebar Links</a></li>
-				<li><a href="static-slidebars.html">Static Slidebars</a></li>
-				<li><a href="momentum-scrolling.html">Momentum Scrolling</a></li>
-				<li><a href="left-slidebar-only.html">Left Slidebar Only</a></li>
-				<li><a href="right-slidebar-only.html">Right Slidebar Only</a></li>
-			</ul>
-		</div>
-		
-		<div class="sb-slidebar sb-left">
-			<!-- Your left Slidebar content. -->
-		</div>
-				
-		<!-- jQuery -->
-		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-		
-		<!-- Slidebars -->
-		<script src="slidebars/slidebars.js"></script>
-		<script>
-			(function($) {
-				$(document).ready(function() {
-					$.slidebars();
-				});
-			}) (jQuery);
-		</script>
-	</body>
-</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/examples/mobile-only.html
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/examples/mobile-only.html b/docs/manual/bower_components/Slidebars/examples/mobile-only.html
deleted file mode 100644
index 5d08e00..0000000
--- a/docs/manual/bower_components/Slidebars/examples/mobile-only.html
+++ /dev/null
@@ -1,68 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>Slidebars Mobile Only Example</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-		
-		<!-- Slidebars CSS -->
-		<link rel="stylesheet" href="slidebars/slidebars.css">
-		
-		<!-- Example Styles -->
-		<link rel="stylesheet" href="example-styles.css">
-	</head>
-	
-	<body>	
-		<div id="sb-site">
-			<h1>Slidebars Mobile Only Example</h1>
-			<p>There is text below to control the Slidebars, only visible on screens smaller than 480px. Should the screen width expand past 480px (or your set width) when a Slidebar is open, the Slidebar will be closed. Try it now, resize your window.</p>
-			<h2>Control Classes</h2>
-			<ul>
-				<li class="sb-toggle-left">Toggle left Slidebar</li>
-				<li class="sb-toggle-right">Toggle right Slidebar</li>
-				<li class="sb-open-left">Open left Slidebar</li>
-				<li class="sb-open-right">Open right Slidebar</li>
-				<li class="sb-close">Close either Slidebar</li>
-			</ul>
-			
-			<h2>More Examples</h2>
-			<ul>
-				<li><a href="control-classes.html">Control Classes</a></li>
-				<li><a href="api-usage.html">API Usage</a></li>
-				<li><a href="mobile-only.html">Mobile Only</a></li>
-				<li><a href="animation-styles.html">Animation Styles</a></li>
-				<li><a href="optional-widths.html">Optional Widths</a></li>
-				<li><a href="custom-widths.html">Custom Widths</a></li>
-				<li><a href="scroll-lock.html">Scroll Lock</a></li>
-				<li><a href="slidebar-links.html">Slidebar Links</a></li>
-				<li><a href="static-slidebars.html">Static Slidebars</a></li>
-				<li><a href="momentum-scrolling.html">Momentum Scrolling</a></li>
-				<li><a href="left-slidebar-only.html">Left Slidebar Only</a></li>
-				<li><a href="right-slidebar-only.html">Right Slidebar Only</a></li>
-			</ul>
-		</div>
-		
-		<div class="sb-slidebar sb-left">
-			<!-- Your left Slidebar content. -->
-		</div>
-		
-		<div class="sb-slidebar sb-right">
-			<!-- Your right Slidebar content. -->
-		</div>
-				
-		<!-- jQuery -->
-		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-		
-		<!-- Slidebars -->
-		<script src="slidebars/slidebars.js"></script>
-		<script>
-			(function($) {
-				$(document).ready(function() {
-					$.slidebars({
-						disableOver: 480,
-						hideControlClasses: true
-					});
-				});
-			}) (jQuery);
-		</script>
-	</body>
-</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/examples/momentum-scrolling.html
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/examples/momentum-scrolling.html b/docs/manual/bower_components/Slidebars/examples/momentum-scrolling.html
deleted file mode 100644
index 49d4e0d..0000000
--- a/docs/manual/bower_components/Slidebars/examples/momentum-scrolling.html
+++ /dev/null
@@ -1,72 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>Slidebars Momentum Scrolling Example</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-		
-		<!-- Slidebars CSS -->
-		<link rel="stylesheet" href="slidebars/slidebars.css">
-		
-		<!-- Example Styles -->
-		<link rel="stylesheet" href="example-styles.css">
-	</head>
-	
-	<body>	
-		<div id="sb-site">
-			<h1>Slidebars Momentum Scrolling Example</h1>
-			<p>iOS offers a special webkit property to allow native style momentum scrolling on overflowing elements. You can add the class '.sb-momentum-scrolling' to your Slidebars to achieve this. In this example, the <a class="sb-open-left" href="#">left</a> Slidebar has smooth scrolling enabled whereas the <a class="sb-open-right" href="#">right</a> does not. You'll need to view this page on an iOS device/simulator to see it working.</p>
-			<ul>
-				<li class="sb-toggle-left">Toggle left Slidebar</li>
-				<li class="sb-toggle-right">Toggle right Slidebar</li>
-				<li class="sb-open-left">Open left Slidebar</li>
-				<li class="sb-open-right">Open right Slidebar</li>
-				<li class="sb-close">Close either Slidebar</li>
-			</ul>
-			
-			<h2>More Examples</h2>
-			<ul>
-				<li><a href="control-classes.html">Control Classes</a></li>
-				<li><a href="api-usage.html">API Usage</a></li>
-				<li><a href="mobile-only.html">Mobile Only</a></li>
-				<li><a href="animation-styles.html">Animation Styles</a></li>
-				<li><a href="optional-widths.html">Optional Widths</a></li>
-				<li><a href="custom-widths.html">Custom Widths</a></li>
-				<li><a href="scroll-lock.html">Scroll Lock</a></li>
-				<li><a href="slidebar-links.html">Slidebar Links</a></li>
-				<li><a href="static-slidebars.html">Static Slidebars</a></li>
-				<li><a href="momentum-scrolling.html">Momentum Scrolling</a></li>
-				<li><a href="left-slidebar-only.html">Left Slidebar Only</a></li>
-				<li><a href="right-slidebar-only.html">Right Slidebar Only</a></li>
-			</ul>
-		</div>
-		
-		<div class="sb-slidebar sb-left sb-momentum-scrolling">
-			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae lorem eleifend, ultricies nisi tempor, dapibus dui. Ut iaculis adipiscing mi, at lacinia augue pulvinar in. Pellentesque et nunc a libero cursus posuere. Fusce semper metus id nunc laoreet vulputate. Maecenas sit amet augue ornare, tempus augue eget, scelerisque arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec quis diam ac est ultricies vestibulum. Aenean nec rhoncus lorem. Nam velit elit, mollis in blandit vel, pellentesque id augue. In hac habitasse platea dictumst. Nunc placerat est eget vulputate tristique. Sed turpis libero, aliquam at dolor eu, consectetur tincidunt est. Nulla vel semper dui, porttitor gravida lacus. Mauris lacinia pharetra tincidunt. Nunc varius mattis molestie.</p>
-			
-			<p>Sed quis velit leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam malesuada lobortis commodo. Maecenas egestas augue diam, eget semper massa sodales nec. Nunc fermentum suscipit augue, at sagittis mauris. Vestibulum in turpis elementum, facilisis ipsum vitae, fermentum erat. Integer sodales at dolor vitae porttitor. Pellentesque tempus in eros eu elementum. Phasellus molestie, ligula et elementum feugiat, libero purus mollis metus, quis semper tellus velit ut risus. Nullam adipiscing erat ac tortor rutrum, eu laoreet libero sollicitudin. Nunc auctor et sem quis fringilla. In erat lacus, rutrum in erat id, lacinia cursus velit. Pellentesque consequat sit amet justo non aliquet. Donec ligula eros, convallis sit amet vehicula et, dignissim id velit.</p>
-			
-			<p>Suspendisse sodales ornare dui sed tincidunt. Praesent bibendum nisl ac neque posuere ultrices. Sed ac nisl id augue lobortis venenatis. Morbi eros urna, sollicitudin tristique justo ac, sodales feugiat sem. Donec auctor placerat leo, quis auctor lorem laoreet vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra nulla ac fringilla dictum. Maecenas sed dapibus arcu. Morbi nec feugiat tellus. Donec rutrum, tellus vitae sollicitudin tincidunt, ligula elit feugiat ligula, eget sollicitudin libero felis vel augue. Duis et massa fringilla, vehicula arcu sed, ultricies ligula. Praesent porttitor gravida posuere.</p>
-		</div>
-		
-		<div class="sb-slidebar sb-right">
-			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae lorem eleifend, ultricies nisi tempor, dapibus dui. Ut iaculis adipiscing mi, at lacinia augue pulvinar in. Pellentesque et nunc a libero cursus posuere. Fusce semper metus id nunc laoreet vulputate. Maecenas sit amet augue ornare, tempus augue eget, scelerisque arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec quis diam ac est ultricies vestibulum. Aenean nec rhoncus lorem. Nam velit elit, mollis in blandit vel, pellentesque id augue. In hac habitasse platea dictumst. Nunc placerat est eget vulputate tristique. Sed turpis libero, aliquam at dolor eu, consectetur tincidunt est. Nulla vel semper dui, porttitor gravida lacus. Mauris lacinia pharetra tincidunt. Nunc varius mattis molestie.</p>
-			
-			<p>Sed quis velit leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam malesuada lobortis commodo. Maecenas egestas augue diam, eget semper massa sodales nec. Nunc fermentum suscipit augue, at sagittis mauris. Vestibulum in turpis elementum, facilisis ipsum vitae, fermentum erat. Integer sodales at dolor vitae porttitor. Pellentesque tempus in eros eu elementum. Phasellus molestie, ligula et elementum feugiat, libero purus mollis metus, quis semper tellus velit ut risus. Nullam adipiscing erat ac tortor rutrum, eu laoreet libero sollicitudin. Nunc auctor et sem quis fringilla. In erat lacus, rutrum in erat id, lacinia cursus velit. Pellentesque consequat sit amet justo non aliquet. Donec ligula eros, convallis sit amet vehicula et, dignissim id velit.</p>
-			
-			<p>Suspendisse sodales ornare dui sed tincidunt. Praesent bibendum nisl ac neque posuere ultrices. Sed ac nisl id augue lobortis venenatis. Morbi eros urna, sollicitudin tristique justo ac, sodales feugiat sem. Donec auctor placerat leo, quis auctor lorem laoreet vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra nulla ac fringilla dictum. Maecenas sed dapibus arcu. Morbi nec feugiat tellus. Donec rutrum, tellus vitae sollicitudin tincidunt, ligula elit feugiat ligula, eget sollicitudin libero felis vel augue. Duis et massa fringilla, vehicula arcu sed, ultricies ligula. Praesent porttitor gravida posuere.</p>
-		</div>
-				
-		<!-- jQuery -->
-		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-		
-		<!-- Slidebars -->
-		<script src="slidebars/slidebars.js"></script>
-		<script>
-			(function($) {
-				$(document).ready(function() {
-					$.slidebars();
-				});
-			}) (jQuery);
-		</script>
-	</body>
-</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/examples/optional-widths.html
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/examples/optional-widths.html b/docs/manual/bower_components/Slidebars/examples/optional-widths.html
deleted file mode 100644
index 552b24a..0000000
--- a/docs/manual/bower_components/Slidebars/examples/optional-widths.html
+++ /dev/null
@@ -1,64 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>Slidebars Widths Example</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-		
-		<!-- Slidebars CSS -->
-		<link rel="stylesheet" href="slidebars/slidebars.css">
-		
-		<!-- Example Styles -->
-		<link rel="stylesheet" href="example-styles.css">
-	</head>
-	
-	<body>	
-		<div id="sb-site">
-			<h1>Slidebars Widths Example</h1>
-			<p>You can set different widths to your Slidebars by adding modifier classes '.sb-width-thin' or '.sb-width-wide'. The left Slidebar has class '.sb-width-thin' which is 15% narrower than the standard width. The right Slidebar has class '.sb-width-wide' which is 15% wider than the standard. Unlike custom widths, these adapt to the screen size.</p>
-			<ul>
-				<li class="sb-toggle-left">Toggle left Slidebar</li>
-				<li class="sb-toggle-right">Toggle right Slidebar</li>
-				<li class="sb-open-left">Open left Slidebar</li>
-				<li class="sb-open-right">Open right Slidebar</li>
-				<li class="sb-close">Close either Slidebar</li>
-			</ul>
-			
-			<h2>More Examples</h2>
-			<ul>
-				<li><a href="control-classes.html">Control Classes</a></li>
-				<li><a href="api-usage.html">API Usage</a></li>
-				<li><a href="mobile-only.html">Mobile Only</a></li>
-				<li><a href="animation-styles.html">Animation Styles</a></li>
-				<li><a href="optional-widths.html">Optional Widths</a></li>
-				<li><a href="custom-widths.html">Custom Widths</a></li>
-				<li><a href="scroll-lock.html">Scroll Lock</a></li>
-				<li><a href="slidebar-links.html">Slidebar Links</a></li>
-				<li><a href="static-slidebars.html">Static Slidebars</a></li>
-				<li><a href="momentum-scrolling.html">Momentum Scrolling</a></li>
-				<li><a href="left-slidebar-only.html">Left Slidebar Only</a></li>
-				<li><a href="right-slidebar-only.html">Right Slidebar Only</a></li>
-			</ul>
-		</div>
-		
-		<div class="sb-slidebar sb-left sb-width-thin">
-			<!-- Your left Slidebar content. -->
-		</div>
-		
-		<div class="sb-slidebar sb-right sb-width-wide">
-			<!-- Your right Slidebar content. -->
-		</div>
-				
-		<!-- jQuery -->
-		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-		
-		<!-- Slidebars -->
-		<script src="slidebars/slidebars.js"></script>
-		<script>
-			(function($) {
-				$(document).ready(function() {
-					$.slidebars();
-				});
-			}) (jQuery);
-		</script>
-	</body>
-</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/Slidebars/examples/right-slidebar-only.html
----------------------------------------------------------------------
diff --git a/docs/manual/bower_components/Slidebars/examples/right-slidebar-only.html b/docs/manual/bower_components/Slidebars/examples/right-slidebar-only.html
deleted file mode 100644
index c273fec..0000000
--- a/docs/manual/bower_components/Slidebars/examples/right-slidebar-only.html
+++ /dev/null
@@ -1,60 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>Right Slidebar Only Example</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-		
-		<!-- Slidebars CSS -->
-		<link rel="stylesheet" href="slidebars/slidebars.css">
-		
-		<!-- Example Styles -->
-		<link rel="stylesheet" href="example-styles.css">
-	</head>
-	
-	<body>	
-		<div id="sb-site">
-			<h1>Right Slidebar Only Example</h1>
-			<p>This example only uses the right Slidebar. The usual control classes are here for testing purposes.</p>
-			<ul>
-				<li class="sb-toggle-left">Toggle left Slidebar</li>
-				<li class="sb-toggle-right">Toggle right Slidebar</li>
-				<li class="sb-open-left">Open left Slidebar</li>
-				<li class="sb-open-right">Open right Slidebar</li>
-				<li class="sb-close">Close either Slidebar</li>
-			</ul>
-			
-			<h2>More Examples</h2>
-			<ul>
-				<li><a href="control-classes.html">Control Classes</a></li>
-				<li><a href="api-usage.html">API Usage</a></li>
-				<li><a href="mobile-only.html">Mobile Only</a></li>
-				<li><a href="animation-styles.html">Animation Styles</a></li>
-				<li><a href="optional-widths.html">Optional Widths</a></li>
-				<li><a href="custom-widths.html">Custom Widths</a></li>
-				<li><a href="scroll-lock.html">Scroll Lock</a></li>
-				<li><a href="slidebar-links.html">Slidebar Links</a></li>
-				<li><a href="static-slidebars.html">Static Slidebars</a></li>
-				<li><a href="momentum-scrolling.html">Momentum Scrolling</a></li>
-				<li><a href="left-slidebar-only.html">Left Slidebar Only</a></li>
-				<li><a href="right-slidebar-only.html">Right Slidebar Only</a></li>
-			</ul>
-		</div>
-		
-		<div class="sb-slidebar sb-right">
-			<!-- Your right Slidebar content. -->
-		</div>
-				
-		<!-- jQuery -->
-		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-		
-		<!-- Slidebars -->
-		<script src="slidebars/slidebars.js"></script>
-		<script>
-			(function($) {
-				$(document).ready(function() {
-					$.slidebars();
-				});
-			}) (jQuery);
-		</script>
-	</body>
-</html>
\ No newline at end of file