survivalkit 0.3.4 → 1.0.beta.1

data/templates/project/sources/Respond/respond.src.js

@@ -1,286 +0,0 @@
-/*! Respond.js: min/max-width media query polyfill. (c) Scott Jehl. MIT Lic. j.mp/respondjs  */
-(function( win, mqSupported ){
-	//exposed namespace
-	win.respond		= {};
-	
-	//define update even in native-mq-supporting browsers, to avoid errors
-	respond.update	= function(){};
-	
-	//expose media query support flag for external use
-	respond.mediaQueriesSupported	= mqSupported;
-	
-	//if media queries are supported, exit here
-	if( mqSupported ){ return; }
-	
-	//define vars
-	var doc 			= win.document,
-		docElem 		= doc.documentElement,
-		mediastyles		= [],
-		rules			= [],
-		appendedEls 	= [],
-		parsedSheets 	= {},
-		resizeThrottle	= 30,
-		head 			= doc.getElementsByTagName( "head" )[0] || docElem,
-		links			= head.getElementsByTagName( "link" ),
-		requestQueue	= [],
-		
-		//loop stylesheets, send text content to translate
-		ripCSS			= function(){
-			var sheets 	= links,
-				sl 		= sheets.length,
-				i		= 0,
-				//vars for loop:
-				sheet, href, media, isCSS;
-
-			for( ; i < sl; i++ ){
-				sheet	= sheets[ i ],
-				href	= sheet.href,
-				media	= sheet.media,
-				isCSS	= sheet.rel && sheet.rel.toLowerCase() === "stylesheet";
-
-				//only links plz and prevent re-parsing
-				if( !!href && isCSS && !parsedSheets[ href ] ){
-					if( !/^([a-zA-Z]+?:(\/\/)?)/.test( href ) 
-						|| href.replace( RegExp.$1, "" ).split( "/" )[0] === win.location.host ){
-						requestQueue.push( {
-							href: href,
-							media: media
-						} );
-					}
-					else{
-						parsedSheets[ href ] = true;
-					}	
-				}
-			}
-			makeRequests();
-				
-		},
-		
-		//recurse through request queue, get css text
-		makeRequests	= function(){
-			if( requestQueue.length ){
-				var thisRequest = requestQueue.shift();
-				
-				ajax( thisRequest.href, function( styles ){
-					translate( styles, thisRequest.href, thisRequest.media );
-					parsedSheets[ thisRequest.href ] = true;
-					makeRequests();
-				} );
-			}
-		},
-		
-		//find media blocks in css text, convert to style blocks
-		translate			= function( styles, href, media ){
-			var qs			= styles.match(  /@media[^\{]+\{([^\{\}]+\{[^\}\{]+\})+/gi ),
-				ql			= qs && qs.length || 0,
-				//try to get CSS path
-				href		= href.substring( 0, href.lastIndexOf( "/" )),
-				repUrls		= function( css ){
-					return css.replace( /(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g, "$1" + href + "$2$3" );
-				},
-				useMedia	= !ql && media,
-				//vars used in loop
-				i			= 0,
-				j, fullq, thisq, eachq, eql;
-
-			//if path exists, tack on trailing slash
-			if( href.length ){ href += "/"; }	
-				
-			//if no internal queries exist, but media attr does, use that	
-			//note: this currently lacks support for situations where a media attr is specified on a link AND
-				//its associated stylesheet has internal CSS media queries.
-				//In those cases, the media attribute will currently be ignored.
-			if( useMedia ){
-				ql = 1;
-			}
-			
-
-			for( ; i < ql; i++ ){
-				j	= 0;
-				
-				//media attr
-				if( useMedia ){
-					fullq = media;
-					rules.push( repUrls( styles ) );
-				}
-				//parse for styles
-				else{
-					fullq	= qs[ i ].match( /@media ([^\{]+)\{([\S\s]+?)$/ ) && RegExp.$1;
-					rules.push( RegExp.$2 && repUrls( RegExp.$2 ) );
-				}
-				
-				eachq	= fullq.split( "," );
-				eql		= eachq.length;
-				
-					
-				for( ; j < eql; j++ ){
-					thisq	= eachq[ j ];
-					mediastyles.push( { 
-						media	: thisq.match( /(only\s+)?([a-zA-Z]+)(\sand)?/ ) && RegExp.$2,
-						rules	: rules.length - 1,
-						minw	: thisq.match( /\(min\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/ ) && parseFloat( RegExp.$1 ), 
-						maxw	: thisq.match( /\(max\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/ ) && parseFloat( RegExp.$1 )
-					} );
-				}	
-			}
-
-			applyMedia();
-		},
-        	
-		lastCall,
-		
-		resizeDefer,
-		
-		//enable/disable styles
-		applyMedia			= function( fromResize ){
-			var name		= "clientWidth",
-				docElemProp	= docElem[ name ],
-				currWidth 	= doc.compatMode === "CSS1Compat" && docElemProp || doc.body[ name ] || docElemProp,
-				styleBlocks	= {},
-				dFrag		= doc.createDocumentFragment(),
-				lastLink	= links[ links.length-1 ],
-				now 		= (new Date()).getTime();
-			
-			//throttle resize calls	
-			if( fromResize && lastCall && now - lastCall < resizeThrottle ){
-				clearTimeout( resizeDefer );
-				resizeDefer = setTimeout( applyMedia, resizeThrottle );
-				return;
-			}
-			else {
-				lastCall	= now;
-			}
-										
-			for( var i in mediastyles ){
-				var thisstyle = mediastyles[ i ];
-				if( !thisstyle.minw && !thisstyle.maxw || 
-					( !thisstyle.minw || thisstyle.minw && currWidth >= thisstyle.minw ) && 
-					(!thisstyle.maxw || thisstyle.maxw && currWidth <= thisstyle.maxw ) ){						
-						if( !styleBlocks[ thisstyle.media ] ){
-							styleBlocks[ thisstyle.media ] = [];
-						}
-						styleBlocks[ thisstyle.media ].push( rules[ thisstyle.rules ] );
-				}
-			}
-			
-			//remove any existing respond style element(s)
-			for( var i in appendedEls ){
-				if( appendedEls[ i ] && appendedEls[ i ].parentNode === head ){
-					head.removeChild( appendedEls[ i ] );
-				}
-			}
-			
-			//inject active styles, grouped by media type
-			for( var i in styleBlocks ){
-				var ss		= doc.createElement( "style" ),
-					css		= styleBlocks[ i ].join( "\n" );
-				
-				ss.type = "text/css";	
-				ss.media	= i;
-				
-				if ( ss.styleSheet ){ 
-		        	ss.styleSheet.cssText = css;
-		        } 
-		        else {
-					ss.appendChild( doc.createTextNode( css ) );
-		        }
-		        dFrag.appendChild( ss );
-				appendedEls.push( ss );
-			}
-			
-			//append to DOM at once
-			head.insertBefore( dFrag, lastLink.nextSibling );
-		},
-		//tweaked Ajax functions from Quirksmode
-		ajax = function( url, callback ) {
-			var req = xmlHttp();
-			if (!req){
-				return;
-			}	
-			req.open( "GET", url, true );
-			req.onreadystatechange = function () {
-				if ( req.readyState != 4 || req.status != 200 && req.status != 304 ){
-					return;
-				}
-				callback( req.responseText );
-			}
-			if ( req.readyState == 4 ){
-				return;
-			}
-			req.send( null );
-		},
-		//define ajax obj 
-		xmlHttp = (function() {
-			var xmlhttpmethod = false,
-				attempts = [
-					function(){ return new ActiveXObject("Microsoft.XMLHTTP") },
-					function(){ return new XMLHttpRequest() }		
-				],
-				al = attempts.length;
-		
-			while( al-- ){
-				try {
-					xmlhttpmethod = attempts[ al ]();
-				}
-				catch(e) {
-					continue;
-				}
-				break;
-			}
-			return function(){
-				return xmlhttpmethod;
-			};
-		})();
-	
-	//translate CSS
-	ripCSS();
-	
-	//expose update for re-running respond later on
-	respond.update = ripCSS;
-	
-	//adjust on resize
-	function callMedia(){
-		applyMedia( true );
-	}
-	if( win.addEventListener ){
-		win.addEventListener( "resize", callMedia, false );
-	}
-	else if( win.attachEvent ){
-		win.attachEvent( "onresize", callMedia );
-	}
-})(
-	this,
-	(function( win ){
-		
-		//for speed, flag browsers with window.matchMedia support and IE 9 as supported
-		if( win.matchMedia ){ return true; }
-
-		var bool,
-			doc			= document,
-			docElem		= doc.documentElement,
-			refNode		= docElem.firstElementChild || docElem.firstChild,
-			// fakeBody required for <FF4 when executed in <head>
-			fakeUsed	= !doc.body,
-			fakeBody	= doc.body || doc.createElement( "body" ),
-			div			= doc.createElement( "div" ),
-			q			= "only all";
-			
-		div.id = "mq-test-1";
-		div.style.cssText = "position:absolute;top:-99em";
-		fakeBody.appendChild( div );
-		
-		div.innerHTML = '_<style media="'+q+'"> #mq-test-1 { width: 9px; }</style>';
-		if( fakeUsed ){
-			docElem.insertBefore( fakeBody, refNode );
-		}	
-		div.removeChild( div.firstChild );
-		bool = div.offsetWidth == 9;  
-		if( fakeUsed ){
-			docElem.removeChild( fakeBody );
-		}	
-		else{
-			fakeBody.removeChild( div );
-		}
-		return bool;
-	})( this )
-);

data/templates/project/sources/Respond/test/test.css

@@ -1,61 +0,0 @@
-/*
-This is just a test file for making sure the script is working properly.
-If it is, the media queries below will change the body's background color depending on the browser width.
-For a realistic use case for media queries: read up on Responsive Web Design: 
-http://www.alistapart.com/articles/responsive-web-design/
-*/
-
-body {
-	background: black;
-	color: #333;
-	font-family: Helvetica, sans-serif;
-}
-p {
-	width: 60%;
-	min-width: 300px;
-	max-width: 700px;
-	margin: 2em auto;
-	background: #fff;
-	padding: 20px;
-}
-a {
-	color: #333;
-}
-
-/* hide the attribute-test element. test2.css will show it */
-#attribute-test {
-	display: none;
-}
-
-/*styles for 480px and up!*/
-@media only screen and (min-width: 480px), only screen and (max-width: 620px) {
-	body {
-		background: green;
-	}
-}
-
-
-
-/*styles for 620px and up! (let's try this one minified )*/
-@media screen and (min-width: 620px),only print,projector{body{background:red;}}
-
-/*styles for 800px and up!*/
-@media screen and (min-width: 800px){
-	body {
-		background: blue;
-	}
-}
-
-/*styles for 1100px and up!*/
-@media screen and (min-width: 1100px){
-	body {
-		background: orange;
-	}
-}
-
-/*styles for 1300px and up!*/
-@media screen and (min-width: 1300px){
-	body {
-		background: navy;
-	}
-}

data/templates/project/sources/Respond/test/test.html

@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<meta charset="utf-8" />
-	<title>Respond JS Test Page</title>
-	<link href="test.css" rel="stylesheet"/>
-	<link href="test2.css" media="screen and (min-width: 600px)" rel="stylesheet"/>
-	<script src="../respond.src.js"></script>
-</head> 
-<body>
-	<p>This is just a visual test file, and an ugly one at that!</p>
-
-<p>The media queries in the included CSS file simply change the body's background color depending on the browser width. If you see any colors aside from black, then the media queries are working in your browser. You can resize your browser window to see it change on the fly.</p>
-
-<p>For a realistic use case for media queries: read up on <a href="http://www.alistapart.com/articles/responsive-web-design/">Responsive Web Design</a></p>
-
-	<p id="attribute-test">Media-attributes are working too! This should be visible above 600px.</p>
-
-</body>
-</html>

data/templates/project/sources/Respond/test/test2.css

@@ -1,8 +0,0 @@
-/* this stylesheet was referenced via a link that had a media attr defined
-it should only apply on screen > 600px */
-#attribute-test {
-	display: block;
-	color: #fff;
-	background: black;
-	text-align: center;
-}

data/templates/project/sources/Respond/test/unit/index.html

@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<meta charset="utf-8" />
-	<title>Respond.js Test Suite</title>
-	<link rel="stylesheet" href="http://github.com/jquery/qunit/raw/master/qunit/qunit.css" media="screen">
-	<script src="http://github.com/jquery/qunit/raw/master/qunit/qunit.js"></script>
-	<link href="test.css" rel="stylesheet" />
-	<link href="test2.css" media="screen and (min-width: 1200px)" rel="stylesheet" />
-	<script src="../../respond.src.js"></script>
-	<script src="tests.js"></script>
-
-</head>
-<body>
-	<h1 id="qunit-header">Respond.js Test Suite</h1>
-	<h2 id="qunit-banner"></h2>
-	<div id="qunit-testrunner-toolbar"></div>
-	<h2 id="qunit-userAgent"></h2>
-	<ol id="qunit-tests"></ol>
-	
-	<!-- tests must run in new window -->
-	<div id="launcher"></div>
-	
-	<!-- elem for applying css via queries -->
-	<div id="testelem"></div>
-	
-</body>
-</html>

data/templates/project/sources/Respond/test/unit/test.css

@@ -1,56 +0,0 @@
-
-
-.launcher #qunit-testrunner-toolbar,
-.launcher #qunit-userAgent,
-.launcher #qunit-tests,
-.launcher #qunit-testresult {
-	display: none;
-}
-.launcher #launcher {
-
-	font: 1.5em/1 bold Helvetica, sans-serif;
-}
-
-#testelem {
-	width: 50px;
-}
-
-/*styles for 480px and up */
-@media screen and (min-width: 480px) {
-	#testelem {
-		width: 150px;
-	}
-}
-
-/*styles for 500px and under*/
-@media screen and (max-width: 460px) {
-	#testelem {
-		height: 150px;
-	}
-}
-
-
-
-
-/*styles for 620px and up */
-@media only screen and (min-width: 620px) {
-	#testelem {
-		width: 250px;
-	}
-}
-
-
-/*styles for 760px and up */
-@media only print, only screen and (min-width: 760px) {
-	#testelem {
-		width: 350px;
-	}
-}
-
-
-/*styles for print that shouldn't apply */
-@media only print and (min-width: 800px) {
-	#testelem {
-		width: 500px;
-	}
-}

data/templates/project/sources/Respond/test/unit/test2.css

@@ -1,5 +0,0 @@
-/* this stylesheet was referenced via a link that had a media attr defined
-it should only apply on screen > 1200px */
-#testelem {
-	width: 16px;
-}

data/templates/project/sources/Respond/test/unit/tests.js

@@ -1,97 +0,0 @@
-/*
- Respond.js unit tests - based on qUnit
-*/
-
-window.onload = function(){
-
-	if( !window.opener ){
-			
-		document.documentElement.className = "launcher";
-			
-		document.getElementById("launcher").innerHTML = '<p>Tests must run in a popup window. <a href="suite.html" id="suitelink">Open test suite</a></p>';
-		
-		document.getElementById( "suitelink" ).onclick = function(){
-			window.open( location.href + "?" + Math.random(), 'win', 'width=800,height=600,scrollbars=1,resizable=1' );
-			return false;
-		};
-		
-	}
-	else {
-		
-		var testElem = document.getElementById("testelem");
-
-		//check if a particular style has applied properly
-		function widthApplied( val ){
-			return testElem.offsetWidth === val;
-		}
-		function heightApplied( val ){
-			return testElem.offsetHeight === val;
-		}
-
-		window.moveTo(0,0);
-		
-		/* TESTS HERE */ 
-		asyncTest( 'Styles not nested in media queries apply as expected', function() { 
-			window.resizeTo(200,600);
-			setTimeout(function(){
-				ok( widthApplied( 50 ), "testelem is 50px wide when window is 200px wide" );
-				start();
-			}, 900);	
-		});
-		
-		asyncTest( 'styles within min-width media queries apply properly', function() { 
-			window.resizeTo(500,600);
-			setTimeout(function(){
-				ok( widthApplied( 150 ), 'testelem is 150px wide when window is 500px wide'  );
-				start();
-			}, 900);	
-		});
-		
-		asyncTest( 'styles within max-width media queries apply properly', function() { 
-			window.resizeTo(300,600);
-			setTimeout(function(){
-				ok( heightApplied( 150 ), 'testelem is 150px tall when window is under 480px wide'  );
-				start();
-			}, 900);	
-		});
-		
-		
-		
-		asyncTest( "styles within a min-width media query with an \"only\" keyword apply properly", function() { 
-			window.resizeTo(650,600);
-			setTimeout(function(){
-				ok( widthApplied( 250 ), "testelem is 250px wide when window is 650px wide" );
-				start();
-			}, 900);	
-		});
-		
-		asyncTest( "styles within a media query with a one true query among other false queries apply properly", function() { 
-			window.resizeTo(800,600);
-			setTimeout(function(){
-				ok( widthApplied( 350 ), "testelem is 350px wide when window is 750px wide" );
-				start();
-			}, 900);	
-		});
-		
-		
-		
-		asyncTest( "Styles within a false media query do not apply", function() { 
-			window.resizeTo(800,600);
-			setTimeout(function(){
-				ok( !widthApplied( 500 ), "testelem is not 500px wide when window is 1300px wide" );
-				start();
-
-			}, 900);	
-		});
-		
-		asyncTest( "stylesheets with a media query in a media attribute apply when they should", function() { 
-			window.resizeTo(1300,600);
-			setTimeout(function(){
-				ok( widthApplied( 16 ), "testelem is 16px wide when window is 1300px wide" );
-				start();
-			}, 900);	
-		});
-		
-	}
-	
-};

data/templates/project/sources/Sticky-Footer-jQuery-Plugin/README.md

@@ -1,27 +0,0 @@
-[Heyday Labs](http://labs.heyday.co.nz/) - Sticky Footer jQuery Plugin
-================================
-
-Huh? What is it?
-----------------
-
-This is a jQuery plugin to create a sticky, collapsible footer.
-
-*Features:*
-
-1. The footer will only anchor itself to the bottom of the window when the height of the content is greater than that of the window.
-2. The footer will self expand (open) as the user scrolls to the bottom of the page.
-3. There are configurable callbacks to change the active, inactive, open and closed states of the toggle.
-4. Supported by all modern browsers (IE6 is not a modern browser ;))
-
-Take a look at it in action here: [Down to the Wire](http://downtothewire.co.nz/the-beginning-1989/)
-
-It ain't perfect...
--------------------
-
-Umm - no known issues.
-
-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)