RubyGems - survivalkit - Versions diffs - 0.3.2 → 0.3.3 - Mend

survivalkit 0.3.2 → 0.3.3

Files changed (1261) hide show

data/templates/drupal/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/drupal/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/drupal/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/drupal/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/drupal/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/drupal/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/drupal/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/drupal/sources/deorphan/README.md ADDED Viewed

@@ -0,0 +1,49 @@
+jquery.deorphan.js
+=============================
+A jQuery plugin for eliminating typographical orphans on select text elements.
+What are orphans?
+-----------------
+An orphan is a single word that appears by itself at the end of a paragraph.
+This script finds the last two words of a selected element and joins them
+together with a non-breaking space.
+For example:
+![jquery.deorphan.js - before and after example](http://www.gsdesign.com/sites/default/files/default/files/gs/images/blog/before-after.png)
+For more information, check out this [Wikipedia entry](http://en.wikipedia.org/wiki/Widows_and_orphans).
+How to use it?
+--------------
+Include the plugin after loading jQuery. Then to activate the plugin add the following code to your own js file.
+	$('.your-class-name').deOrphan();
+You can provide a list of elements you want deOrphan'd as well.
+	$('.your-class-name, .another-class-name, p, section p').deOrphan();
+If you put your JavaScript in the head of your document, make sure your DOM is ready.
+	$().ready(function() {
+		$('.your-class-name').deOrphan();
+	});
+Author
+======
+Steve Schrab
+------------
+[@megasmack](http://twitter.com/megasmack)
+Special thanks to:
+[@wesselej](http://twitter.com/wesselej) and [@jschrab](http://twitter.com/jschrab)
+License
+=======
+MIT or GPL

data/templates/drupal/sources/deorphan/jquery.deorphan.js ADDED Viewed

@@ -0,0 +1,51 @@
+/*
+ *	deOrphan 1.0 - jQuery Plugin
+ *	written by Steve Schrab - @megasmack
+ *	Special thanks to Erik Wessel - @wesselej and Jeffrey Schrab - @jschrab
+ *
+ *	Copyright (c) 2012 Steve Schrab (http://www.gsdesign.com/)
+ *	Licensed under the MIT license:
+ *	http://www.opensource.org/licenses/mit-license.php
+ *
+ *	What are Orphans?
+ *
+ *	An orphan is a single word that appears by itself at the end of a paragraph.
+ *	This script finds the last two words of a selected element and joins
+ *	them together with a non-breaking space.
+ *
+ *	http://en.wikipedia.org/wiki/Widows_and_orphans
+ */
+ /*
+	To activate the plugin add the following code to your own js file.
+		$('.your-class-name').deOrphan();
+	You can provide a list of elements you want deOrphan'd as well.
+		$('.your-class-name, .another-class-name, p, section p').deOrphan();
+	If you put your JavaScript in the head of your document, make sure your DOM is ready.
+		$().ready(function() {
+			$('.your-class-name').deOrphan();
+		});
+ */
+(function($){
+	$.fn.deOrphan = function() {
+		function _deOrphan(node) {
+			$(node).contents().each(function () {
+				if (this.nodeType == 3) { // nodeType 3 is TEXT_NODE
+					this.textContent = this.textContent.replace(/ (\S*)$/, '\u00A0$1');
+				} else {
+					_deOrphan(this);
+				}
+			});
+		}
+		return this.each(function(i,el) {
+			_deOrphan(el);
+		});
+	};
+})(jQuery);