RubyGems - survivalkit - Versions diffs - 0.1 - Mend

survivalkit 0.1

Files changed (1368) hide show

data/templates/project/sources/BigText/test/lib/launch-safari.sh ADDED Viewed

@@ -0,0 +1,4 @@
+#SAFARI="/Applications/Safari.app/Contents/MacOS/Safari"
+#exec "$SAFARI" $1
+open -W -a Safari $1

data/templates/project/sources/Dynamic-Carousel/demo.html ADDED Viewed

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
+<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
+<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
+	<head>
+		<meta charset="utf-8" />
+		<title>Carousel Plugin</title>
+		<meta name="description" content="There are many like it, but this one is mine." />
+		<style type="text/css" media="screen">
+			ul { margin: 0; padding: 0; list-style: none; }
+			a.disabled { color: #aaa; }
+		</style>
+	</head>
+	<body>
+	<div class="slidewrap">
+		<ul class="slidecontrols">
+			<li><a href="#sliderName" class="next">Next</a></li>
+			<li><a href="#sliderName" class="prev">Prev</a></li>
+		</ul>
+		<ul class="slider" id="sliderName">
+			<li class="slide">
+				<h2>First Slide</h2>
+				<p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum malesuada non vel leo. Sed fringilla porta ligula egestas tincidunt. Nullam risus magna, ornare vitae varius eget, scelerisque a libero.</p>
+			</li>
+			<li class="slide">
+				<h2>Second Slide</h2>
+				<p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien.</p>
+			</li>
+			<li class="slide">
+				<h2>Third Slide</h2>
+				<p>Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum malesuada non vel leo. Sed fringilla porta ligula egestas tincidunt. Nullam risus magna, ornare vitae varius eget.</p>
+			</li>
+			<li class="slide">
+				<h2>Fourth Slide</h2>
+				<p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio.</p>
+			</li>
+			<li class="slide">
+				<h2>Fif' Slide</h2>
+				<p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien.</p>
+			</li>
+		</ul>
+	</div>
+	<div class="slidewrap">
+		<ul class="slidecontrols">
+			<li><a href="#slider2" class="next">Next</a></li>
+			<li><a href="#slider2" class="prev">Prev</a></li>
+		</ul>
+		<ul class="slider" id="slider2">
+			<li class="slide">
+				<h2>First Slide</h2>
+				<p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum malesuada non vel leo. Sed fringilla porta ligula egestas tincidunt. Nullam risus magna, ornare vitae varius eget, scelerisque a libero.</p>
+			</li>
+			<li class="slide">
+				<h2>Second Slide</h2>
+				<p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien.</p>
+			</li>
+			<li class="slide">
+				<h2>Third Slide</h2>
+				<p>Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum malesuada non vel leo. Sed fringilla porta ligula egestas tincidunt. Nullam risus magna, ornare vitae varius eget.</p>
+			</li>
+			<li class="slide">
+				<h2>Fourth Slide</h2>
+				<p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio.</p>
+			</li>
+			<li class="slide">
+				<h2>Fif' Slide</h2>
+				<p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien.</p>
+			</li>
+		</ul>
+	</div>
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+	<script type="text/javascript" src="plugin.js"></script>
+	<script type="text/javascript" charset="utf-8">
+		$(document).ready(function() {
+			$('.slidewrap').carousel({
+				slider: '.slider',
+				slide: '.slide',
+				nextSlide: '.next',
+				prevSlide: '.prev',
+				speed: 300 // ms.
+			});
+		});
+	</script>
+	</body>
+</html>

data/templates/project/sources/Dynamic-Carousel/plugin.js ADDED Viewed

@@ -0,0 +1,191 @@
+(function($){
+	$.fn.carousel = function(config) {
+		carousel = {
+			roundDown : function(leftmargin) {
+				var leftmargin = parseInt(leftmargin, 10);
+				return Math.ceil( (leftmargin - (leftmargin % 100 ) ) / 100) * 100;
+			},
+			transitionSupport : function() {
+				var dStyle = document.body.style;
+				return dStyle.webkitTransition !== undefined ||
+						dStyle.mozTransition !== undefined ||
+						dStyle.msTransition !== undefined ||
+						dStyle.oTransition !== undefined ||
+						dStyle.transition !== undefined;
+			},
+			move : function($slider, moveTo) {
+				if( carousel.transitionSupport() ) {
+					$slider.css('marginLeft', moveTo + "%");
+				} else {
+					$slider.animate({ marginLeft: moveTo + "%" }, opt.speed);
+				}
+			}
+		};
+		var defaults = {
+			slider: '.slider',
+			slide: '.slide',
+			prevSlide: '.prev',
+			nextSlide: '.next',
+			speed: 500
+		},
+		opt = $.extend(defaults, config),
+		nextPrev = function($slider, dir) {
+			var leftmargin = ( $slider ) ? $slider.attr('style').match(/margin\-left:(.*[0-9])/i) && parseInt(RegExp.$1) : 0,
+				$slide = $slider.find(opt.slide),
+				constrain = dir === 'prev' ? leftmargin != 0 : -leftmargin < ($slide.length - 1) * 100,
+				$target = $( '[href="#' + $slider.attr('id') + '"]');
+			if (!$slider.is(":animated") && constrain ) {
+				if ( dir === 'prev' ) {
+					leftmargin = ( leftmargin % 100 != 0 ) ? carousel.roundDown(leftmargin) : leftmargin + 100;
+				} else {
+					leftmargin = ( ( leftmargin % 100 ) != 0 ) ? carousel.roundDown(leftmargin) - 100 : leftmargin - 100;
+				}
+				carousel.move($slider, leftmargin);
+				$target.removeClass('disabled');
+				switch( leftmargin ) {
+					case ( -($slide.length - 1) * 100 ):
+						$target.filter(opt.nextSlide).addClass('disabled');
+						break;
+					case 0:
+						$target.filter(opt.prevSlide).addClass('disabled');
+						break;
+				}
+			} else {
+				var reset = carousel.roundDown(leftmargin);
+				carousel.move($slider, reset);
+			}
+		};
+		$(opt.nextSlide + ',' + opt.prevSlide).click(function(e) {
+			var $el = $(this),
+				link = $el.attr('href'),
+				dir = ( $el.is(opt.prevSlide) ) ? 'prev' : 'next',
+				$slider = $(link);
+				if ( $el.is('.disabled') ) {
+					return false;
+				}
+				nextPrev($slider, dir);
+			e.preventDefault();
+		});
+		$(opt.prevSlide).addClass('disabled');
+		//swipes trigger move left/right
+		$(this).live( "dragSnap", function(e, ui){
+			var $slider = $(this).find( opt.slider ),
+				dir = ( ui.direction === "left" ) ? 'next' : 'prev';
+			nextPrev($slider, dir);
+		});
+		return this.each(function() {
+			var $wrap = $(this),
+				$slider = $wrap.find(opt.slider),
+				$slide = $wrap.find(opt.slide),
+				slidenum = $slide.length,
+				speed = opt.speed / 1000;
+			$wrap.css({
+				overflow: "hidden",
+				width: "100%"
+			});
+			$slider.css({
+				marginLeft: "0px",
+				float: "left",
+				width: 100 * slidenum + "%",
+				"-webkit-transition": "margin-left " + speed + "s ease",
+				"-moz-transition": "margin-left " + speed + "s ease",
+				"-ms-transition": "margin-left " + speed + "s ease",
+				"-o-transition": "margin-left " + speed + "s ease",
+				"transition": "margin-left " + speed + "s ease"
+			});
+			$slide.css({
+				float: "left",
+				width: (100 / slidenum) + "%"
+			});
+		});
+	};
+	$.event.special.dragSnap = {
+		setup: function() {
+			var $el = $(this);
+			$el
+				.bind("touchstart", function(e) {
+					var data = e.originalEvent.touches ? e.originalEvent.touches[0] : e,
+						start = {
+							time: (new Date).getTime(),
+							coords: [ data.pageX, data.pageY ],
+							origin: $(e.target).closest('.slidewrap')
+						},
+						stop,
+						$tEl = $(e.target).closest('.slider'),
+						currentPos = ( $tEl.attr('style') != undefined ) ? $tEl.attr('style').match(/margin\-left:(.*[0-9])/i) && parseInt(RegExp.$1) : 0;
+					function moveHandler(e) {
+						if(!start) {
+							return;
+						}
+						var data = e.originalEvent.touches ? e.originalEvent.touches[0] : e;
+						stop = {
+								time: (new Date).getTime(),
+								coords: [ data.pageX, data.pageY ]
+						};
+						$tEl.css({"margin-left": currentPos + ( ( (stop.coords[0] - start.coords[0]) / start.origin.width() ) * 100 ) + '%' });
+						// prevent scrolling
+						if (Math.abs(start.coords[0] - stop.coords[0]) > 10) {
+							e.preventDefault();
+						}
+					};
+					$el
+						.bind("touchmove", moveHandler)
+						.one("touchend", function(e) {
+							$el.unbind("touchmove", moveHandler);
+							if (start && stop) {
+								if (Math.abs(start.coords[0] - stop.coords[0]) > 10) {
+									e.preventDefault();
+								}
+								if (Math.abs(start.coords[0] - stop.coords[0]) > 1 && Math.abs(start.coords[1] - stop.coords[1]) < 75) {
+									var left = start.coords[0] > stop.coords[0];
+								if( -( stop.coords[0] - start.coords[0]) > ( start.origin.width() / 4 ) || ( stop.coords[0] - start.coords[0]) > ( start.origin.width() / 4 ) ) {
+									start.origin.css("marginLeft", 0).trigger("dragSnap", {direction: left ? "left" : "right"});
+									} else {
+										var currentPos = ( $tEl.attr('style') != undefined ) ? $tEl.attr('style').match(/margin\-left:(.*[0-9])/i) && parseInt(RegExp.$1) : 0,
+											leftmargin = (left === false) ? carousel.roundDown(currentPos) - 100 : carousel.roundDown(currentPos);
+										carousel.move($tEl, leftmargin);
+									}
+								}
+							}
+							start = stop = undefined;
+						});
+				});
+		}
+	};
+})(jQuery);

data/templates/project/sources/Dynamic-Carousel/readme.md ADDED Viewed

@@ -0,0 +1,10 @@
+# A Responsive Carousel
+If there's one thing that can compete with lightboxes for “world’s most done-to-death jQuery plugin,” it’s carousels. However, everything I came across was using pixel values and not percentages—meaning I wasn’t finding much of anything that could be used on a responsive/flexible layout. So I built one.
+Shout-out to <a href="https://github.com/scottjehl">Scott Jehl</a> for the adapted swipe events from jQuery Mobile.
+## Coming Soon
+- I’m working a touch-and-drag plugin that more closely mimics native behavior, so the slider would follow your finger as you dragged left and right over it, and once released snap to the next/previous slide depending on the drag distance.
+- People keep asking if I’m planning on adding an auto-advance dealie to this. Now, as much as I am generally opposed to having stuff flying all over the screen without the end user’s say-so, well, shucks: you know I just can’t say no to you, Internet. One setInterval, comin’ right up (soonish).
+- More M\*A\*S\*H references in commit messages.

data/templates/project/sources/Geared-Scrolling/README.md ADDED Viewed

@@ -0,0 +1,31 @@
+[Heyday Labs](http://labs.heyday.co.nz/) - Geared Scroller
+================================
+Huh? What is it?
+----------------
+This is a little effect we dreamed up for a project of ours: [Down to the Wire - The Story of New Zealand's Internet](http://downtothewire.co.nz/).
+Basically, we wanted a way to prolong the visibility of certain columns in a 3-column layout.
+We thought - how about we do some funky *proportional* scrolling that slows the scrolling of shorter columns so that, as a user scrolls down the page, the columns will line up along the baseline of the tallest column... if this makes no sense it's probably better you check it out in action:
+[http://downtothewire.co.nz/](http://downtothewire.co.nz/) - sorry, our implmentation is for Webkit browsers only (see known issues below)
+It ain't perfect...
+-------------------
+Damn! Why do Webkit browsers have to be the only sh*t hot browsers! ;)
+OK - so it does *work* on all modern browsers but we've only enabled it for Webkit. Reason being that other browsers (including Firefox) have a slight stuttering of the animated columns when using the scrollbar (using a wheel mouse is fine - this probably comes down to the number of times the **`scroll`** event is fired).
+We tried changing it to animate the **`scrollTop`** property instead (usually better for animating the **`top`** position - but same deal.
+So... have a crack and if you can resolve this little issue we'll be your friend forever.
+[Update] User mleibman gave us a tip which improved the performance and allowed us to enable this in Firefox and IE7+, unfortunately in the Down To The Wire implementation due to [a bug involving Flash](https://bugzilla.mozilla.org/show_bug.cgi?id=90268) we had to disable the plugin for Firefox users for that site. The plugin will work by default in all modern browsers.
+Would you like to know more?
+----------------------------
+If you want to ask us a question, tell us about a bug or, you're just bored, please feel free to drop by our labs:
+[http://labs.heyday.co.nz/](http://labs.heyday.co.nz/) or email us: [labs@heyday.co.nz](mailto:labs@heyday.co.nz)

data/templates/project/sources/Geared-Scrolling/css/specific.css ADDED Viewed

@@ -0,0 +1,88 @@
+html, body {
+	background-color: #F8F6EE;
+	margin: 0;
+}
+#Header h1 {
+	font-size: 9em;
+	text-transform: uppercase;
+	text-align: center;
+}
+#Container {
+	width: 960px;
+	padding: 0 0 150px 0;
+	margin: 0 auto;
+}
+img {
+	display: block;
+}
+.columnHolder {
+	position: relative;
+	zoom: 1;
+}
+.columnHolder .short {
+	top: 0;
+}
+.tall1 .columnOne {
+	margin-left: 0;
+}
+.tall2 .columnOne,
+.tall3 .columnOne {
+	left: 0;
+}
+.tall1 .columnTwo,
+.tall3 .columnTwo {
+	left: 320px;
+}
+.tall2 .columnTwo {
+	margin-left: 320px;
+}
+.tall1 .columnThree,
+.tall2 .columnThree {
+	left: 750px;
+}
+.tall3 .columnThree {
+	margin-left: 750px;
+}
+.columnHolder .static {
+	float: left;
+	position: static;
+	margin: 0;
+}
+.fixed {
+	float: none;
+	position: fixed;
+}
+.column {
+	float: left;
+	zoom: 1;
+}
+.columnOne {
+	width: 320px;
+	background: red;
+}
+.columnTwo {
+	width: 430px;
+	background: green;
+}
+.columnThree {
+	width: 210px;
+	background: blue;
+}

data/templates/project/sources/Geared-Scrolling/images/col1.png ADDED Viewed

Binary file

data/templates/project/sources/Geared-Scrolling/images/col2.png ADDED Viewed

Binary file

data/templates/project/sources/Geared-Scrolling/images/col3.png ADDED Viewed

Binary file

data/templates/project/sources/Geared-Scrolling/images/header.png ADDED Viewed

Binary file

data/templates/project/sources/Geared-Scrolling/index.html ADDED Viewed

@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+	<head>
+		<title>Heyday - Geared Scrolling</title>
+		<link href="css/specific.css" type="text/css" rel="stylesheet" />
+	</head>
+	<body>
+		<div id="Container">
+			<div id="Header">
+				<img src="images/header.png" />
+			</div>
+			<div class="columnHolder">
+				<div class="columnOne column">
+					<img src="images/col1.png" alt="columnOne" />
+					<div class="clear"><!-- clear --></div>
+				</div>
+				<div class="columnTwo column">
+					<img src="images/col2.png" alt="columnTwo" />
+					<div class="clear"><!-- clear --></div>
+				</div>
+				<div class="columnThree column">
+					<img src="images/col3.png" alt="columnThree" />
+					<div class="clear"><!-- clear --></div>
+				</div>
+				<div class="clear"><!-- clear --></div>
+			</div>
+		</div>
+		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+		<script type="text/javascript" src="js/jquery.heyday.gearedscrolling.js"></script>
+		<script type="text/javascript" src="js/init.js"></script>
+	</body>
+</html>