RubyGems - survivalkit - Versions diffs - 0.1 - Mend

survivalkit 0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1368) hide show

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

@@ -0,0 +1,8 @@
+/* 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 ADDED Viewed

@@ -0,0 +1,28 @@
+<!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 ADDED Viewed

@@ -0,0 +1,56 @@
+.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 ADDED Viewed

@@ -0,0 +1,5 @@
+/* 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 ADDED Viewed

@@ -0,0 +1,97 @@
+/*
+ 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 ADDED Viewed

@@ -0,0 +1,27 @@
+[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)

data/templates/project/sources/Sticky-Footer-jQuery-Plugin/jquery.heyday.stickyfooter.js ADDED Viewed

@@ -0,0 +1,154 @@
+/*
+ *
+ * Copyright (c) 2009 Heyday (dev [at] heyday [dot] co [dot] nz)
+ * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license
+ *
+ */
+/**
+ *
+ * @name     jquery.heyday.stickyfooter
+ * @version  1.0
+ * @author   Shane Garelja (shane [at] heyday [dot] co [dot] nz)
+ * @requires jQuery
+ *
+ */
+/*
+ * Sticky footer plugin for jQuery
+Minimum CSS:
+.liner {
+	margin:0 auto;
+	width:960px;
+}
+#Footer {
+    width: 100%;
+	z-index:100;
+	position:relative;
+    overflow: hidden;
+}
+Ideal markup example:
+<body>
+    <div id="Container" class="liner">
+        <p>Main content</p>
+    </div>
+    <div id="Footer">
+        <div class="liner">
+            <p>Centred footer content</p>
+        </div>
+    </div>
+</body>
+Example usage:
+$('#Footer').stickyfooter();
+ */
+;(function ($) {
+	$.fn.stickyfooter = function (options) {
+            // Settings
+		var settings = $.extend(
+            {
+                // Height in pixels of drawer in "closed" state
+                visible: 60,
+                // ID of toggle element that opens/closes drawer
+                toggleCSSSelector: '#Toggle',
+                // Class added to toggle to indicate it it open/closed
+                drawerOpenCSSClass: 'open',
+                // Callback to set toggle state to inactive
+                inactiveToggle_Callback: function() {
+                    $(settings.toggleCSSSelector).animate({'opacity':'0.2'});
+                },
+                // Callback to set toggle state to active
+                activeToggle_Callback: function() {
+                    $(settings.toggleCSSSelector).animate({'opacity':'1.0'});
+                },
+                // Callback to add class to toggle to indicate open state
+                drawerOpen_Callback: function() {
+                    $(settings.toggleCSSSelector).addClass(settings.drawerOpenCSSClass);
+                },
+                // Callback to add class to toggle to indicate closed state
+                drawerClosed_Callback: function() {
+                    $(settings.toggleCSSSelector).removeClass(settings.drawerOpenCSSClass);
+                }
+            }, options ),
+            // Global vars
+            $window = $(window),
+            $footer = $(this),
+            _drawerOpen = false,
+            // Functions
+            setFooterPos = function(firstRun) {
+                var footerTopPos = ($footer.height()) * -1,
+                    availableHeight = $(document).height() - $window.height(),
+                    kickInPos = $window.scrollTop() + $footer.height() - settings.visible;
+                // Set to pos fixed bottom if content less than window height
+                if ((availableHeight <= 0)) {
+                    $footer.stop().css({position: 'fixed', left: '0px', bottom: 0});
+                    settings.inactiveToggle_Callback();
+                } else {
+                    // Set to pos relative if footer visible
+                    if ((availableHeight <= kickInPos) && ($footer.css('position') != 'relative' || firstRun)) {
+                        $footer.stop().css({position: 'relative', bottom: 'auto'});
+                        settings.inactiveToggle_Callback();
+                    // Set to pos fixed if footer NOT visible
+                    } else if ((availableHeight > kickInPos) && ($footer.css('position') != 'fixed' || firstRun)) {
+                        if (firstRun) {
+                            $footer.stop().css({position: 'fixed', left: '0px', bottom: footerTopPos}).animate({'bottom': footerTopPos + settings.visible})
+                        } else {
+                            $footer.stop().css({position: 'fixed', left: '0px', bottom: footerTopPos + settings.visible});
+                        }
+                        settings.activeToggle_Callback();
+                    }
+                }
+            };
+		return this.each(function() {
+            if (($.browser.msie && $.browser.version <= 6) || navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod') {
+                // Not supported
+            } else {
+                $footer.wrap('<div></div>').parent().css({'width': '100%', 'height':$footer.height()});
+                $window.bind('scroll.stickyfooter resize.stickyfooter', function () {
+                    if (!_drawerOpen) setFooterPos(false);
+                });
+                $(settings.toggleCSSSelector).bind('click', function(e) {
+                    e.preventDefault();
+                    if ($footer.css('position') != 'relative') {
+                        if (_drawerOpen) {
+                            $footer.stop().animate({ bottom:
+                                    Math.min(
+                                        $footer.height() - settings.visible,
+                                        $(document).height() - $window.height() - $window.scrollTop()
+                                    ) * -1 });
+                            settings.drawerClosed_Callback();
+                            _drawerOpen = false;
+                        } else {
+                            $footer.stop().animate({bottom: $footer.height() - $footer.height()});
+                            settings.drawerOpen_Callback();
+                            _drawerOpen = true;
+                        }
+                    }
+                });
+                setFooterPos(true);
+            }
+        });
+	};
+})(jQuery);

data/templates/project/sources/flexie/README.md ADDED Viewed

@@ -0,0 +1,142 @@
+Cross-browser support for the [CSS3 Flexible Box Model](http://www.w3.org/TR/css3-flexbox/). Check out [The Playground](http://flexiejs.com/playground/) to see it in action.
+# Flexie v1.0 [![](http://stillmaintained.com/doctyper/flexie.png)](http://stillmaintained.com/doctyper/flexie)
+## Browser Support
+* IE 6-9
+* Opera 10.0+
+The Flexible Box Model is [supported natively](http://www.caniuse.com/#feat=flexbox) by these browsers:
+* Firefox 3.0+
+* Safari 3.2+
+* Chrome 5.0+
+In addition, Flexie attempts to normailze browser inconsistencies with the flexible box model.
+### Currently Supported Properties
+* box-orient
+* box-align
+* box-direction
+* box-pack
+* box-flex
+* box-flex-group
+* box-ordinal-group
+## Why?
+I *really* wanted to use the CSS3 Flexible Box Model.
+## How?
+It works like [Selectivizr](http://selectivizr.com). In fact, it uses Selectivizr's engine to traverse your style sheets and looks for `display: box` elements. After that, it looks for any of the currently supported properties.
+Note: Flexie looks for non-vendor-prefixed properties. For example, it will ignore `-moz-box-pack`, but not `box-pack`. For best results, make sure to use a non-vendor-prefixed property _in addition to_ your prefixed properties. But you were already doing that to future-proof your code, weren't you?
+No setup on your end, just stick Flexie in your markup after your [selector engine of choice](http://selectivizr.com/#things).
+## Requirements
+See the [things you need to know](http://selectivizr.com/#things)
+## Caveats
+* For older browsers (IE < 8), please remember that some advanced selectors (child, adjacent, pseudo-selectors) will fail. Flexie does not attempt to bridge this gap, so if you must support legacy browsers, class names and ID selectors are your best bets.
+* As of FF 4.0 / Chrome 7 / Safari 5, Gecko and Webkit differ slightly in their flexbox implementations. <strike>Of note is their default values. Webkit will default to `box-align: start`, while Gecko defaults to the spec-defined `box-align: stretch`. Make sure your flexbox CSS works on both these browsers before adding Flexie.</strike>
+	* As of version 0.7, Flexie normalizes the `box-align` property across Webkit browsers.
+	* As of version 0.8, Flexie normalizes the `box-pack` property in Gecko.
+* Be careful of pseudo-selectors (i.e., `:nth-child`, `:first-child`). While native flexbox does not modify the DOM, Flexie must. Thus, your CSS properties might not apply as intended. For example, if you use a combination of `box-direction: reverse` and a `:first-child` selector, that selector will target the wrong element. And if you followed all of that, congratulations.
+* There may be cases where the floats used to mimic the flexbox layout drop in Internet Explorer browsers. If possible, you can try the [overflow fix](http://css-tricks.com/all-about-floats/) to snap these into place _(Flexie assumes it cannot use this as a workaround due to the impact this may have in your layouts)_.
+* As of YUI 2.8.2r1, YUI's selector engine does not recognize dashed attributes (i.e. [data-name="foo"]). Flexie uses several [data- attributes](http://ejohn.org/blog/html-5-data-attributes/) as element flags. A bug report [has been filed](http://yuilibrary.com/projects/yui2/ticket/2529254) about this issue, but in the meantime YUI remains incompatible with Flexie.
+## Asynchronous API
+You can run Flexie asynchronously in case you cannot purely on style sheets. All parameters are optional, unless otherwise stated:
+### Creating a new Flexie Object
+	var box = new Flexie.box({
+		target : document.getElementById("foo"),
+		orient : "horizontal",
+		align : "stretch",
+		direction : "normal",
+		pack : "start",
+		flexMatrix : [1, 1, 1, 1],
+		ordinalMatrix : [0, 0, 0, 0]
+	});
+*	**target**
+	(required) The flexbox parent element. This must be a DOM node.
+*	**orient**
+	(optional) Possible values: `horizontal`, `vertical`
+*	**align**
+	(optional) Possible values: `stretch`, `start`, `end`, `center`
+*	**direction**
+	(optional) Possible values: `normal`, `reverse`
+*	**pack**
+	(optional) Possible values: `start`, `end`, `center`, `justify`
+*	**flexMatrix**
+	(optional) An array of values to apply to the parent's children. e.g.:
+		flexMatrix : [1, 0, 0] // Three child nodes contained, the parent's first child has a box-flex value of 1
+		flexMatrix : [1, 0, 1] // Three child nodes contained, the parent's first and last child have a box-flex value of 1
+		flexMatrix : [1, 1, 1] // Three child nodes contained, all children have a box-flex value of 1
+*	**ordinalMatrix**
+	(optional) An array of values to apply to the parent's children. See `flexMatrix` for an example.
+### Flexie.updateInstance(target, params)
+Used to redraw currently active Flexie objects (i.e., after dynamically updating a flexbox element). All parameters optional.
+_Note: Calling this method without parameters will update all instances._
+*	**target**
+	(optional) The flexbox element to update.
+*	**params**
+	(optional) An object of flexbox properties to update. See Creating a new Flexie Object for accepted parameters.
+### Flexie.getInstance(target)
+Returns the target instance
+*	**target**
+	(optional) The flexbox instance to retrieve.
+### Flexie.destroyInstance(target)
+Destroys the target instance.
+_Note: Calling this method without parameters will destroy all instances._
+*	**target**
+	(optional) The flexbox instance to retrieve.
+### Flexie.flexboxSupported
+An exposed object detailing the level of flexbox support. Returns false for no support.
+## Acknowledgements
+Selectivizr, for their fantastic CSS parsing engine.
+## Copyright and Software License
+The MIT License
+Copyright (c) 2010 Richard Herrera
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+## Contact
+* rich {at} doctyper {dot} com
+* [@doctyper](http://twitter.com/doctyper) on Twitter
+* <http://doctyper.com>
+## Links
+* Flexie on GitHub: <http://github.com/doctyper/flexie>