RubyGems - survivalkit - Versions diffs - 0.3.4 → 1.0.beta.1 - Mend

survivalkit 0.3.4 → 1.0.beta.1

Files changed (1362) hide show

data/templates/project/sources/jquery-ui/demos/resizable/index.html DELETED Viewed

@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Resizable Demos</title>
-	<link rel="stylesheet" href="../demos.css">
-</head>
-<body>
-<div class="demos-nav">
-	<h4>Examples</h4>
-	<ul>
-		<li class="demo-config-on"><a href="default.html">Default functionality</a></li>
-		<li><a href="aspect-ratio.html">Preserve aspect ratio</a></li>
-		<li><a href="max-min.html">Maximum / minimum size</a></li>
-		<li><a href="constrain-area.html">Constrain resize area</a></li>
- 		<li><a href="delay-start.html">Delay start</a></li>
-		<li><a href="snap-to-grid.html">Snap to grid</a></li>
-		<li><a href="visual-feedback.html">Visual feedback</a></li>
-		<li><a href="synchronous-resize.html">Synchronous resize</a></li>
-		<li><a href="animate.html">Animate</a></li>
-		<li><a href="helper.html">Resize Helper</a></li>
-		<li><a href="textarea.html">Textarea</a></li>
-	</ul>
-</div>
-</body>
-</html>

data/templates/project/sources/jquery-ui/demos/resizable/max-min.html DELETED Viewed

@@ -1,45 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Resizable - Maximum / minimum size</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.resizable.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#resizable { width: 200px; height: 150px; padding: 5px; }
-	#resizable h3 { text-align: center; margin: 0; }
-	</style>
-	<script>
-	$(function() {
-		$( "#resizable" ).resizable({
-			maxHeight: 250,
-			maxWidth: 350,
-			minHeight: 150,
-			minWidth: 200
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<div id="resizable" class="ui-widget-content">
-	<h3 class="ui-widget-header">Resize larger / smaller</h3>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Limit the resizable element to a maximum or minimum height or width using the <code>maxHeight</code>, <code>maxWidth</code>, <code>minHeight</code>, and <code>minWidth</code> options.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/templates/project/sources/jquery-ui/demos/resizable/snap-to-grid.html DELETED Viewed

@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Resizable - Snap to grid</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.resizable.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#resizable { width: 150px; height: 150px; padding: 0.5em; }
-	#resizable h3 { text-align: center; margin: 0; }
-	</style>
-	<script>
-	$(function() {
-		$( "#resizable" ).resizable({
-			grid: 50
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<div id="resizable" class="ui-widget-content">
-	<h3 class="ui-widget-header">Grid</h3>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Snap the resizable element to a grid.  Set the dimensions of grid cells (height and width in pixels) with the <code>grid</code> option.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/templates/project/sources/jquery-ui/demos/resizable/synchronous-resize.html DELETED Viewed

@@ -1,49 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Resizable - Synchronous resize</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.resizable.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#resizable { background-position: top left; }
-	#resizable, #also { width: 150px; height: 120px; padding: 0.5em; }
-	#resizable h3, #also h3 { text-align: center; margin: 0; }
-	#also { margin-top: 1em; }
-	</style>
-	<script>
-	$(function() {
-		$( "#resizable" ).resizable({
-			alsoResize: "#also"
-		});
-		$( "#also" ).resizable();
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<div id="resizable" class="ui-widget-header">
-	<h3 class="ui-state-active">Resize</h3>
-</div>
-<div id="also" class="ui-widget-content">
-	<h3 class="ui-widget-header">will also resize</h3>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Resize multiple elements simultaneously by clicking and dragging the sides of one.  Pass a shared selector into the <code>alsoResize</code> option.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/templates/project/sources/jquery-ui/demos/resizable/textarea.html DELETED Viewed

@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Resizable - Textarea</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.resizable.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	.ui-resizable-se {
-		bottom: 17px;
-	}
-	</style>
-	<script>
-	$(function() {
-		$( "#resizable" ).resizable({
-			handles: "se"
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<textarea id="resizable" rows="5" cols="20"></textarea>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Display only an outline of the element while resizing by setting the <code>helper</code> option to a CSS class.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/templates/project/sources/jquery-ui/demos/resizable/visual-feedback.html DELETED Viewed

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Resizable - Visual feedback</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.resizable.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#resizable { width: 150px; height: 150px; padding: 0.5em; }
-	#resizable h3 { text-align: center; margin: 0; }
-	.ui-resizable-ghost { border: 1px dotted gray; }
-	</style>
-	<script>
-	$(function() {
-		$( "#resizable" ).resizable({
-			ghost: true
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<div id="resizable" class="ui-widget-content">
-	<h3 class="ui-widget-header">Ghost</h3>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Instead of showing the actual element during resize, set the <code>ghost</code> option to true to show a semi-transparent part of the element.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/templates/project/sources/jquery-ui/demos/selectable/default.html DELETED Viewed

@@ -1,50 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Selectable - Default functionality</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.selectable.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#feedback { font-size: 1.4em; }
-	#selectable .ui-selecting { background: #FECA40; }
-	#selectable .ui-selected { background: #F39814; color: white; }
-	#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
-	#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
-	</style>
-	<script>
-	$(function() {
-		$( "#selectable" ).selectable();
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<ol id="selectable">
-	<li class="ui-widget-content">Item 1</li>
-	<li class="ui-widget-content">Item 2</li>
-	<li class="ui-widget-content">Item 3</li>
-	<li class="ui-widget-content">Item 4</li>
-	<li class="ui-widget-content">Item 5</li>
-	<li class="ui-widget-content">Item 6</li>
-	<li class="ui-widget-content">Item 7</li>
-</ol>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections. </p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/templates/project/sources/jquery-ui/demos/selectable/display-grid.html DELETED Viewed

@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Selectable - Display as grid</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.selectable.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#feedback { font-size: 1.4em; }
-	#selectable .ui-selecting { background: #FECA40; }
-	#selectable .ui-selected { background: #F39814; color: white; }
-	#selectable { list-style-type: none; margin: 0; padding: 0; }
-	#selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; }
-	</style>
-	<script>
-	$(function() {
-		$( "#selectable" ).selectable();
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<ol id="selectable">
-	<li class="ui-state-default">1</li>
-	<li class="ui-state-default">2</li>
-	<li class="ui-state-default">3</li>
-	<li class="ui-state-default">4</li>
-	<li class="ui-state-default">5</li>
-	<li class="ui-state-default">6</li>
-	<li class="ui-state-default">7</li>
-	<li class="ui-state-default">8</li>
-	<li class="ui-state-default">9</li>
-	<li class="ui-state-default">10</li>
-	<li class="ui-state-default">11</li>
-	<li class="ui-state-default">12</li>
-</ol>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>To arrange selectable items as a grid, give them identical dimensions and float them using CSS.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/templates/project/sources/jquery-ui/demos/selectable/index.html DELETED Viewed

@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Selectable Demos</title>
-	<link rel="stylesheet" href="../demos.css">
-</head>
-<body>
-<div class="demos-nav">
-	<h4>Examples</h4>
-	<ul>
-		<li class="demo-config-on"><a href="default.html">Default functionality</a></li>
-		<li><a href="serialize.html">Serialize</a></li>
-		<li><a href="display-grid.html">Display as grid</a></li>
-	</ul>
-</div>
-</body>
-</html>

data/templates/project/sources/jquery-ui/demos/selectable/serialize.html DELETED Viewed

@@ -1,61 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Selectable - Serialize</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.selectable.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#feedback { font-size: 1.4em; }
-	#selectable .ui-selecting { background: #FECA40; }
-	#selectable .ui-selected { background: #F39814; color: white; }
-	#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
-	#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
-	</style>
-	<script>
-	$(function() {
-		$( "#selectable" ).selectable({
-			stop: function() {
-				var result = $( "#select-result" ).empty();
-				$( ".ui-selected", this ).each(function() {
-					var index = $( "#selectable li" ).index( this );
-					result.append( " #" + ( index + 1 ) );
-				});
-			}
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<p id="feedback">
-<span>You've selected:</span> <span id="select-result">none</span>.
-</p>
-<ol id="selectable">
-	<li class="ui-widget-content">Item 1</li>
-	<li class="ui-widget-content">Item 2</li>
-	<li class="ui-widget-content">Item 3</li>
-	<li class="ui-widget-content">Item 4</li>
-	<li class="ui-widget-content">Item 5</li>
-	<li class="ui-widget-content">Item 6</li>
-</ol>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Write a function that fires on the <code>stop</code> event to collect the index values of selected items.  Present values as feedback, or pass as a data string.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/templates/project/sources/jquery-ui/demos/show/default.html DELETED Viewed

@@ -1,104 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Effects - Show Demo</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.effects.core.js"></script>
-	<script src="../../ui/jquery.effects.blind.js"></script>
-	<script src="../../ui/jquery.effects.bounce.js"></script>
-	<script src="../../ui/jquery.effects.clip.js"></script>
-	<script src="../../ui/jquery.effects.drop.js"></script>
-	<script src="../../ui/jquery.effects.explode.js"></script>
-	<script src="../../ui/jquery.effects.fold.js"></script>
-	<script src="../../ui/jquery.effects.highlight.js"></script>
-	<script src="../../ui/jquery.effects.pulsate.js"></script>
-	<script src="../../ui/jquery.effects.scale.js"></script>
-	<script src="../../ui/jquery.effects.shake.js"></script>
-	<script src="../../ui/jquery.effects.slide.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	.toggler { width: 500px; height: 200px; }
-	#button { padding: .5em 1em; text-decoration: none; }
-	#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
-	#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
-	</style>
-	<script>
-	$(function() {
-		// run the currently selected effect
-		function runEffect() {
-			// get effect type from
-			var selectedEffect = $( "#effectTypes" ).val();
-			// most effect types need no options passed by default
-			var options = {};
-			// some effects have required parameters
-			if ( selectedEffect === "scale" ) {
-				options = { percent: 100 };
-			} else if ( selectedEffect === "size" ) {
-				options = { to: { width: 280, height: 185 } };
-			}
-			// run the effect
-			$( "#effect" ).show( selectedEffect, options, 500, callback );
-		};
-		//callback function to bring a hidden box back
-		function callback() {
-			setTimeout(function() {
-				$( "#effect:visible" ).removeAttr( "style" ).fadeOut();
-			}, 1000 );
-		};
-		// set effect from select menu value
-		$( "#button" ).click(function() {
-			runEffect();
-			return false;
-		});
-		$( "#effect" ).hide();
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<div class="toggler">
-	<div id="effect" class="ui-widget-content ui-corner-all">
-		<h3 class="ui-widget-header ui-corner-all">Show</h3>
-		<p>
-			Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
-		</p>
-	</div>
-</div>
-<select name="effects" id="effectTypes">
-	<option value="blind">Blind</option>
-	<option value="bounce">Bounce</option>
-	<option value="clip">Clip</option>
-	<option value="drop">Drop</option>
-	<option value="explode">Explode</option>
-	<option value="fold">Fold</option>
-	<option value="highlight">Highlight</option>
-	<option value="puff">Puff</option>
-	<option value="pulsate">Pulsate</option>
-	<option value="scale">Scale</option>
-	<option value="shake">Shake</option>
-	<option value="size">Size</option>
-	<option value="slide">Slide</option>
-</select>
-<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Click the button above to preview the effect.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/templates/project/sources/jquery-ui/demos/show/index.html DELETED Viewed

@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Effects Demos</title>
-	<link rel="stylesheet" href="../demos.css">
-</head>
-<body>
-<div class="demos-nav">
-	<h4>Examples</h4>
-	<ul>
-		<li class="demo-config-on"><a href="default.html">Default functionality</a></li>
-	</ul>
-</div>
-</body>
-</html>

data/templates/project/sources/jquery-ui/demos/slider/colorpicker.html DELETED Viewed

@@ -1,95 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Slider - Colorpicker</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.slider.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#red, #green, #blue {
-		float: left;
-		clear: left;
-		width: 300px;
-		margin: 15px;
-	}
-	#swatch {
-		width: 120px;
-		height: 100px;
-		margin-top: 18px;
-		margin-left: 350px;
-		background-image: none;
-	}
-	#red .ui-slider-range { background: #ef2929; }
-	#red .ui-slider-handle { border-color: #ef2929; }
-	#green .ui-slider-range { background: #8ae234; }
-	#green .ui-slider-handle { border-color: #8ae234; }
-	#blue .ui-slider-range { background: #729fcf; }
-	#blue .ui-slider-handle { border-color: #729fcf; }
-	#demo-frame > div.demo { padding: 10px !important; };
-	</style>
-	<script>
-	function hexFromRGB(r, g, b) {
-		var hex = [
-			r.toString( 16 ),
-			g.toString( 16 ),
-			b.toString( 16 )
-		];
-		$.each( hex, function( nr, val ) {
-			if ( val.length === 1 ) {
-				hex[ nr ] = "0" + val;
-			}
-		});
-		return hex.join( "" ).toUpperCase();
-	}
-	function refreshSwatch() {
-		var red = $( "#red" ).slider( "value" ),
-			green = $( "#green" ).slider( "value" ),
-			blue = $( "#blue" ).slider( "value" ),
-			hex = hexFromRGB( red, green, blue );
-		$( "#swatch" ).css( "background-color", "#" + hex );
-	}
-	$(function() {
-		$( "#red, #green, #blue" ).slider({
-			orientation: "horizontal",
-			range: "min",
-			max: 255,
-			value: 127,
-			slide: refreshSwatch,
-			change: refreshSwatch
-		});
-		$( "#red" ).slider( "value", 255 );
-		$( "#green" ).slider( "value", 140 );
-		$( "#blue" ).slider( "value", 60 );
-	});
-	</script>
-</head>
-<body class="ui-widget-content" style="border:0;">
-<div class="demo">
-<p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">
-	<span class="ui-icon ui-icon-pencil" style="float:left; margin:-2px 5px 0 0;"></span>
-	Simple Colorpicker
-</p>
-<div id="red"></div>
-<div id="green"></div>
-<div id="blue"></div>
-<div id="swatch" class="ui-widget-content ui-corner-all"></div>
-</div><!-- End demo -->
-<div class="demo-description" style="clear:left;">
-<p>Combine three sliders to create a simple RGB colorpicker.</p>
-</div><!-- End demo-description -->
-</body>
-</html>