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/PaintbrushJS/paintbrush.js DELETED Viewed

@@ -1,595 +0,0 @@
-// --------------------------------------------------
-//
-// paintbrush.js, v0.3
-// A browser-based image processing library for HTML5 canvas
-// Developed by Dave Shea, http://www.mezzoblue.com/
-//
-// This project lives on GitHub:
-//    http://github.com/mezzoblue/PaintbrushJS
-//
-// Except where otherwise noted, PaintbrushJS is licensed under the MIT License:
-//    http://www.opensource.org/licenses/mit-license.php
-//
-// --------------------------------------------------
-// basic loader function to attach all filters used within the page
-addLoadEvent(function() {
-	processFilters();
-});
-// function to process all filters
-// (exists outside of loader to enable standalone use)
-function processFilters() {
-	// create working buffer outside the main loop so it's only done once
-	var buffer = document.createElement("canvas");
-	// get the canvas context
-	var c = buffer.getContext('2d');
-	// only run if this browser supports canvas, obviously
-	if (supports_canvas()) {
-		// you can add or remove lines here, depending on which filters you're using.
-		addFilter("filter-blur", buffer, c);
-		addFilter("filter-edges", buffer, c);
-		addFilter("filter-emboss", buffer, c);
-		addFilter("filter-greyscale", buffer, c);
-		addFilter("filter-matrix", buffer, c);
-		addFilter("filter-mosaic", buffer, c);
-		addFilter("filter-noise", buffer, c);
-		addFilter("filter-posterize", buffer, c);
-		addFilter("filter-sepia", buffer, c);
-		addFilter("filter-sharpen", buffer, c);
-		addFilter("filter-tint", buffer, c);
-	}
-}
-// the main workhorse function
-function addFilter(filterType, buffer, c) {
-	// get every element with the specified filter class
-	var toFilter = getElementsByClassName(filterType.toLowerCase());
-	// now let's loop through those elements
-	for(var current in toFilter) {
-		// load all specified parameters for this filter
-		var params = getFilterParameters(toFilter[current]);
-		// get the image we're going to work with
-		var img = getReferenceImage(toFilter[current]);
-		// make sure we've actually got something to work with
-		img.onLoad = processFilters(filterType, img, params, toFilter, current, buffer, c);
-	}
-	function processFilters(filterType, img, params, toFilter, current, buffer, c) {
-		// quick access to original element
-		var ref = toFilter[current];
-		// original image copy naming convention
-		var originalSuffix = filterType + "-" + current;
-		// set buffer dimensions to image dimensions
-		c.width = buffer.width = img.width;
-		c.height = buffer.height = img.height;
-		if (img && c) {
-			// create the temporary pixel array we'll be manipulating
-			var pixels = initializeBuffer(c, img);
-			if (pixels) {
-				//
-				// pre-processing for various filters
-				//
-				// blur and all matrix filters have to exist outside the main loop
-				if (filterType == "filter-blur") {
-					pixels = gaussianBlur(img, pixels, params.blurAmount);
-				}
-				if (filterType == "filter-edges") {
-					var matrix = [
-						0,		1,		0,
-						1,		-4,		1,
-						0,		1,		0
-					];
-					pixels = applyMatrix(img, pixels, matrix, params.edgesAmount);
-				}
-				if (filterType == "filter-emboss") {
-					var matrix = [
-						-2,		-1,		0,
-						-1,		1,		1,
-						0,		1,		2
-					];
-					pixels = applyMatrix(img, pixels, matrix, params.embossAmount);
-				}
-				if (filterType == "filter-matrix") {
-					// 3x3 matrix can be any combination of digits, though to maintain brightness they should add up to 1
-					// (-1 x 8 + 9 = 1)
-					var matrix = [
-						// box blur default
-						0.111,		0.111,		0.111,
-						0.111,		0.111,		0.111,
-						0.111,		0.111,		0.111
-					];
-					pixels = applyMatrix(img, pixels, matrix, params.matrixAmount);
-				}
-				if (filterType == "filter-sharpen") {
-					var matrix = [
-						-1,		-1,		-1,
-						-1,		9,		-1,
-						-1,		-1,		-1
-					];
-					pixels = applyMatrix(img, pixels, matrix, params.sharpenAmount);
-				}
-				// we need to figure out RGB values for tint, let's do that ahead and not waste time in the loop
-				if (filterType == "filter-tint") {
-					var src  = parseInt(createColor(params.tintColor), 16),
-					    dest = {r: ((src & 0xFF0000) >> 16), g: ((src & 0x00FF00) >> 8), b: (src & 0x0000FF)};
-				}
-				if ((filterType != "filter-blur")
-					&& (filterType != "filter-emboss")
-					&& (filterType != "filter-matrix")
-					&& (filterType != "filter-sharpen")
-				) {
-					// the main loop through every pixel to apply the simpler effects
-					// (data is per-byte, and there are 4 bytes per pixel, so lets only loop through each pixel and save a few cycles)
-					for (var i = 0, data = pixels.data, length = data.length; i < length >> 2; i++) {
-						var index = i << 2;
-						// get each colour value of current pixel
-						var thisPixel = {r: data[index], g: data[index + 1], b: data[index + 2]};
-						// the biggie: if we're here, let's get some filter action happening
-						pixels = applyFilters(filterType, params, img, pixels, index, thisPixel, dest);
-					}
-				}
-				// redraw the pixel data back to the working buffer
-				c.putImageData(pixels, 0, 0);
-				// stash a copy and let the original know how to reference it
-				stashOriginal(img, originalSuffix, ref, buffer);
-			}
-		}
-	}
-	// the function that actually manipulates the pixels
-	function applyFilters(filterType, params, img, pixels, index, thisPixel, dest) {
-		// speed up access
-		var data = pixels.data, val;
-		var imgWidth = img.width;
-		// figure out which filter to apply, and do it
-		switch(filterType) {
-			case "filter-greyscale":
-				val = (thisPixel.r * 0.21) + (thisPixel.g * 0.71) + (thisPixel.b * 0.07);
-				data = setRGB(data, index,
-					findColorDifference(params.greyscaleOpacity, val, thisPixel.r),
-					findColorDifference(params.greyscaleOpacity, val, thisPixel.g),
-					findColorDifference(params.greyscaleOpacity, val, thisPixel.b));
-				break;
-			case "filter-mosaic":
-				// a bit more verbose to reduce amount of math necessary
-				var pos = index >> 2;
-				var stepY = Math.floor(pos / imgWidth);
-				var stepY1 = stepY % params.mosaicSize;
-				var stepX = pos - (stepY * imgWidth);
-				var stepX1 = stepX % params.mosaicSize;
-				if (stepY1) pos -= stepY1 * imgWidth;
-				if (stepX1) pos -= stepX1;
-				pos = pos << 2;
-				data = setRGB(data, index,
-					findColorDifference(params.mosaicOpacity, data[pos], thisPixel.r),
-					findColorDifference(params.mosaicOpacity, data[pos + 1], thisPixel.g),
-					findColorDifference(params.mosaicOpacity, data[pos + 2], thisPixel.b));
-				break;
-			case "filter-noise":
-				val = noise(params.noiseAmount);
-				if ((params.noiseType == "mono") || (params.noiseType == "monochrome")) {
-					data = setRGB(data, index,
-						checkRGBBoundary(thisPixel.r + val),
-						checkRGBBoundary(thisPixel.g + val),
-						checkRGBBoundary(thisPixel.b + val));
-				} else {
-					data = setRGB(data, index,
-						checkRGBBoundary(thisPixel.r + noise(params.noiseAmount)),
-						checkRGBBoundary(thisPixel.g + noise(params.noiseAmount)),
-						checkRGBBoundary(thisPixel.b + noise(params.noiseAmount)));
-				}
-				break;
-			case "filter-posterize":
-				data = setRGB(data, index,
-					findColorDifference(params.posterizeOpacity, parseInt(params.posterizeValues * parseInt(thisPixel.r / params.posterizeAreas)), thisPixel.r),
-					findColorDifference(params.posterizeOpacity, parseInt(params.posterizeValues * parseInt(thisPixel.g / params.posterizeAreas)), thisPixel.g),
-					findColorDifference(params.posterizeOpacity, parseInt(params.posterizeValues * parseInt(thisPixel.b / params.posterizeAreas)), thisPixel.b));
-				break;
-			case "filter-sepia":
-				data = setRGB(data, index,
-					findColorDifference(params.sepiaOpacity, (thisPixel.r * 0.393) + (thisPixel.g * 0.769) + (thisPixel.b * 0.189), thisPixel.r),
-					findColorDifference(params.sepiaOpacity, (thisPixel.r * 0.349) + (thisPixel.g * 0.686) + (thisPixel.b * 0.168), thisPixel.g),
-					findColorDifference(params.sepiaOpacity, (thisPixel.r * 0.272) + (thisPixel.g * 0.534) + (thisPixel.b * 0.131), thisPixel.b));
-				break;
-			case "filter-tint":
-				data = setRGB(data, index,
-					findColorDifference(params.tintOpacity, dest.r, thisPixel.r),
-					findColorDifference(params.tintOpacity, dest.g, thisPixel.g),
-					findColorDifference(params.tintOpacity, dest.b, thisPixel.b));
-				break;
-		}
-		return(pixels);
-	}
-	// apply a convolution matrix
-	function applyMatrix(img, pixels, matrix, amount) {
-		// create a second buffer to hold matrix results
-		var buffer2 = document.createElement("canvas");
-		// get the canvas context
-		var c2 = buffer2.getContext('2d');
-		// set the dimensions
-		c2.width = buffer2.width = img.width;
-		c2.height = buffer2.height = img.height;
-		// draw the image to the new buffer
-		c2.drawImage(img, 0, 0, img.width , img.height);
-		var bufferedPixels = c2.getImageData(0, 0, c.width, c.height)
-		// speed up access
-		var data = pixels.data, bufferedData = bufferedPixels.data, imgWidth = img.width;
-		// make sure the matrix adds up to 1
-/* 		matrix = normalizeMatrix(matrix); */
-		// calculate the dimensions, just in case this ever expands to 5 and beyond
-		var matrixSize = Math.sqrt(matrix.length);
-		// loop through every pixel
-		for (var i = 1; i < imgWidth - 1; i++) {
-			for (var j = 1; j < img.height - 1; j++) {
-				// temporary holders for matrix results
-				var sumR = sumG = sumB = 0;
-				// loop through the matrix itself
-				for (var h = 0; h < matrixSize; h++) {
-					for (var w = 0; w < matrixSize; w++) {
-						// get a refence to a pixel position in the matrix
-						var r = convertCoordinates(i + h - 1, j + w - 1, imgWidth) << 2;
-						// find RGB values for that pixel
-						var currentPixel = {
-							r: bufferedData[r],
-							g: bufferedData[r + 1],
-							b: bufferedData[r + 2]
-						};
-						// apply the value from the current matrix position
-						sumR += currentPixel.r * matrix[w + h * matrixSize];
-						sumG += currentPixel.g * matrix[w + h * matrixSize];
-						sumB += currentPixel.b * matrix[w + h * matrixSize];
-					}
-				}
-				// get a reference for the final pixel
-				var ref = convertCoordinates(i, j, imgWidth) << 2;
-				var thisPixel = {
-							r: data[ref],
-							g: data[ref + 1],
-							b: data[ref + 2]
-						};
-				// finally, apply the adjusted values
-				data = setRGB(data, ref,
-					findColorDifference(amount, sumR, thisPixel.r),
-					findColorDifference(amount, sumG, thisPixel.g),
-					findColorDifference(amount, sumB, thisPixel.b));
-			}
-		}
-		// code to clean the secondary buffer out of the DOM would be good here
-		return(pixels);
-	}
-	// ensure that values in a matrix add up to 1
-	function normalizeMatrix(matrix) {
-		var j = 0;
-		for (var i = 0; i < matrix.length; i++) {
-			j += matrix[i];
-		}
-		for (var i = 0; i < matrix.length; i++) {
-			matrix[i] /= j;
-		}
-		return matrix;
-	}
-	// convert x/y coordinates to pixel index reference
-	function convertCoordinates(x, y, w) {
-		return x + (y * w);
-	}
-	// calculate random noise. different every time!
-	function noise(noiseValue) {
-		return Math.floor((noiseValue >> 1) - (Math.random() * noiseValue));
-	}
-	// ensure an RGB value isn't negative / over 255
-	function checkRGBBoundary(val) {
-		if (val < 0) {
-			return 0;
-		} else if (val > 255) {
-			return 255;
-		} else {
-			return val;
-		}
-	}
-}
-// throw the data-* attributes into a JSON object
-function getFilterParameters(ref) {
-	// create the params object and set some default parameters up front
-	var params = {
-		"blurAmount"		:	1,		// 0 and higher
-		"edgesAmount"		:	1,		// between 0 and 1
-		"embossAmount"		:	0.25,	// between 0 and 1
-		"greyscaleOpacity"	:	1,		// between 0 and 1
-		"matrixAmount"		:	1,		// between 0 and 1
-		"mosaicOpacity"		:	1,		// between 0 and 1
-		"mosaicSize"		:	5,		// 1 and higher
-		"noiseAmount"		:	30,		// 0 and higher
-		"noiseType"			:	"mono",	// mono or color
-		"posterizeAmount"	:	5,		// 0 - 255, though 0 and 1 are relatively useless
-		"posterizeOpacity"	:	1,		// between 0 and 1
-		"sepiaOpacity"		:	1,		// between 0 and 1
-		"sharpenAmount"		:	0.25,	// between 0 and 1
-		"tintColor"			:	"#FFF",	// any hex color
-		"tintOpacity"		:	0.3		// between 0 and 1
-	};
-	// check for every attribute, throw it into the params object if it exists.
-	for (var filterName in params){
-		// "tintColor" ==> "data-pb-tint-color"
-		var hyphenated = filterName.replace(/([A-Z])/g, function(all, letter) {
-			return '-' + letter.toLowerCase();
-		}),
-		attr = ref.getAttribute("data-pb-" + hyphenated);
-		if (attr) {
-			params[filterName] = attr;
-		}
-	}
-	// O Canada, I got your back. (And UK, AU, NZ, IE, etc.)
-	params['tintColor'] = ref.getAttribute("data-pb-tint-colour") || params['tintColor'];
-	// Posterize requires a couple more generated values, lets keep them out of the loop
-	params['posterizeAreas'] = 256 / params.posterizeAmount;
-	params['posterizeValues'] = 255 / (params.posterizeAmount - 1);
-	return(params);
-}
-function initializeBuffer(c, img) {
-	// clean up the buffer between iterations
-	c.clearRect(0, 0, c.width, c.height);
-	// make sure we're drawing something
-	if (img.width > 0 && img.height > 0) {
-		// console.log(img.width, img.height, c.width, c.height);
-		try {
-			// draw the image to buffer and load its pixels into an array
-			//   (remove the last two arguments on this function if you choose not to
-			//    respect width/height attributes and want the original image dimensions instead)
-			c.drawImage(img, 0, 0, img.width , img.height);
-			return(c.getImageData(0, 0, c.width, c.height));
-		} catch(err) {
-			// it's kinda strange, I'm explicitly checking for width/height above, but some attempts
-			// throw an INDEX_SIZE_ERR as if I'm trying to draw a 0x0 or negative image, as per
-			// http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#images
-			//
-			// AND YET, if I simply catch the exception, the filters render anyway and all is well.
-			// there must be a reason for this, I just don't know what it is yet.
-			//
-			// console.log("exception: " + err);
-		}
-	}
-}
-// parse a shorthand or longhand hex string, with or without the leading '#', into something usable
-function createColor(src) {
-	// strip the leading #, if it exists
-	src = src.replace(/^#/, '');
-	// if it's shorthand, expand the values
-	if (src.length == 3) {
-		src = src.replace(/(.)/g, '$1$1');
-	}
-	return(src);
-}
-// find a specified distance between two colours
-function findColorDifference(dif, dest, src) {
-	return(dif * dest + (1 - dif) * src);
-}
-// throw three new RGB values into the pixels object at a specific spot
-function setRGB(data, index, r, g, b) {
-	data[index] = r;
-	data[index + 1] = g;
-	data[index + 2] = b;
-	return data;
-}
-// sniff whether this is an actual img element, or some other element with a background image
-function getReferenceImage(ref) {
-	if (ref.nodeName == "IMG") {
-		// create a reference to the image
-		return ref;
-	}
-	// otherwise check if a background image exists
-	var bg = window.getComputedStyle(ref, null).backgroundImage;
-	// if so, we're going to pull it out and create a new img element in the DOM
-	if (bg) {
-		var img = new Image();
-		// kill quotes in background image declaration, if they exist
-		// and return just the URL itself
-		img.src = bg.replace(/['"]/g,'').slice(4, -1);
-		return img;
-	}
-	return false;
-}
-// re-draw manipulated pixels to the reference image, regardless whether it was an img element or some other element with a background image
-function placeReferenceImage(ref, result, img) {
-	// dump the buffer as a DataURL
-	if (ref.nodeName == "IMG") {
-		img.src = result;
-	} else {
-		ref.style.backgroundImage = "url(" + result + ")";
-	}
-}
-// add specified attribute name with specified value to passed object
-function addAttribute(obj, name, value) {
-	var newAttr = document.createAttribute(name);
-	newAttr.nodeValue = value;
-	return obj.setAttributeNode(newAttr);
-}
-// clear reference object's data-pb-* attributes
-function flushDataAttributes(img) {
-	for (var i = 0; i < img.attributes.length; i++) {
-		var thisAttr = img.attributes[i].name;
-		if (thisAttr.substr(0, 8) == "data-pb-") {
-			img.removeAttribute(thisAttr);
-		}
-	}
-}
-// remove any Paintbrush classes from the reference image
-function removeClasses(obj) {
-	// get classes of the reference image
-	var classList = (obj.className.toLowerCase()).split(' ');
-	for (var i = 0; i < classList.length; i++) {
-		// clean up any existing filter-* classes
-		if (classList[i].substr(0, 7) == "filter-") {
-			removeClass(obj, classList[i]);
-		}
-	}
-}
-// clean up stashed original copies and reference classes
-function destroyStash(img, preserve) {
-	var classList = (img.className.toLowerCase()).split(' ');
-	for (var i = 0; i < classList.length; i++) {
-		// quick reference
-		var currentClass = classList[i];
-		// have we found an original class?
-		if (currentClass.substr(0, 7) == "pb-ref-") {
-			// get the original object too
-			var original = document.getElementById("pb-original-" + currentClass.substr(7, currentClass.length - 7));
-			// replace current with original if the preserve flag is set
-			if (preserve) {
-				img.src = original.src;
-			}
-			// kill them, kill them all
-			removeClass(img, currentClass);
-			d = document.body;
-			throwaway = d.removeChild(original);
-		}
-	}
-}
-function stashOriginal(img, originalSuffix, ref, buffer) {
-	// store the original image in the DOM
-	var stashed = stashInDom(img, originalSuffix);
-	// then replace the original image data with the buffer
-	placeReferenceImage(ref, buffer.toDataURL("image/png"), img);
-	// and finally, add a class that references the stashed original image for later use
-	// (but only if we actually stashed one above)
-	if (stashed) {
-		ref.className += " pb-ref-" + originalSuffix;
-	}
-}
-// stash a copy of the original image in the DOM for later use
-function stashInDom(img, originalSuffix) {
-	var orig = "pb-original-" + originalSuffix;
-	// make sure we're not re-adding on repeat calls
-	if (!document.getElementById(orig)) {
-		// create the stashed img element
-		var original = document.createElement("img");
-		// set the attributes
-		original.src = img.src;
-		original.id = orig;
-		original.style.display = "none";
-		document.body.appendChild(original);
-		return true;
-	} else {
-		return false;
-	}
-}

data/templates/project/sources/Respond/README.md DELETED Viewed

@@ -1,76 +0,0 @@
-# Respond.js
-### A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)
- - Copyright 2011: Scott Jehl, scottjehl.com
- - Dual licensed under the MIT or GPL Version 2 licenses.
-The goal of this script is to provide a fast and lightweight (3kb minified / 1kb gzipped) script to enable [responsive web designs](http://www.alistapart.com/articles/responsive-web-design/) in browsers that don't support CSS3 Media Queries - in particular, Internet Explorer 8 and under. It's written in such a way that it will probably patch support for other non-supporting browsers as well (more information on that soon).
-If you're unfamiliar with the concepts surrounding Responsive Web Design, you can read up [here](http://www.alistapart.com/articles/responsive-web-design/) and also [here](http://filamentgroup.com/examples/responsive-images/)
-[Demo page](http://scottjehl.github.com/Respond/test/test.html) (the colors change to show media queries working)
-Usage Instructions
-======
-1. Craft your CSS with min/max-width media queries to adapt your layout from mobile (first) all the way up to desktop
-<pre>
-    @media screen and (min-width: 480px){
-        ...styles for 480px and up go here
-    }
-</pre>
-2. Reference the respond.min.js script (1kb min/gzipped) after all of your CSS
-3. Crack open Internet Explorer and pump fists in delight
-Support & Caveats
-======
-Some notes to keep in mind:
-- This script's focus is purposely very narrow: only min-width and max-width media queries and all media types (screen, print, etc) are translated to non-supporting browsers. I wanted to keep things simple for filesize, maintenance, and performance, so I've intentionally limited support to queries that are essential to building a mobile-first responsive design. In the future, I may rework things a bit to include a hook for patching-in additional media query features - stay tuned!
-- Browsers that natively support CSS3 Media Queries are opted-out of running this script as quickly as possible. In testing for support, I immediately pass browsers that support the window.matchMedia API (such as recent Chrome releases), and Internet Explorer 9+. All other browsers are subjected to a quick feature test to determine whether they support media queries or not before proceeding to run the script.
-- This script relies on no other scripts or frameworks, and is optimized for mobile delivery (~1kb total filesize)
-- As you might guess, this implementation is quite dumb in regards to CSS parsing rules. This is a good thing, because that allows it to run really fast, but it's looseness may also cause unexpected behavior. For example: if you enclose a whole media query in a comment intending to disable its rules, you'll probably find that those rules will end up enabled in non-media-query-supporting browsers.
-- Respond.js doesn't parse CSS refrenced via @import, nor does it work with media queries within style elements, as those styles can't be re-requested for parsing.
-- Due to security restrictions, some browsers may not allow this script to work on file:// urls (because it uses xmlHttpRequest). Run it on a web server.
-- Due to its use of Ajax, this script will only work with same-domain CSS files, though I may patch that up soon.
-- Currently, media attributes on link elements are supported, but only if the linked stylesheet contains no media queries. If it does contain queries, the media attribute will be ignored and the internal queries will be parsed normally.
-- WARNING: Do not include @font-face rules inside a media query. This will crash IE7 and IE8. Simply place @font-face rules in the wide open, as a sibling to other media queries. Isolated test here to demostrate (note: test crashes IE 7&8): http://jsfiddle.net/scottjehl/Ejyj5/1/
-How's it work?
-======
-Basically, the script loops through the CSS referenced in the page and runs a regular expression or two on their contents to find media queries and their associated blocks of CSS. Since at least in Internet Explorer, the content of the stylesheet is impossible to retrieve in its pre-parsed state (which in IE 8-, means its media queries are removed from the text), Respond.js re-requests the CSS files using Ajax and parses the text response from there. Be sure to configure your CSS files' caching properly so that this re-request doesn't actually go to the server.
-From there, each query block is appended to the head in order via style elements, and those style elements are enabled and disabled (read: appended and removed from the DOM) depending on how their min/max width compares with the browser width. The media attribute on the style elements will match that of the query in the CSS, so it could be "screen", "projector", or whatever you want. Any relative paths contained in the CSS will be prefixed by their stylesheet's href, so image paths will direct to their proper destination
-API Options?
-======
-Sure, a couple:
-- respond.update() : rerun the parser (helpful if you added a stylesheet to the page and it needs to be translated)
-- respond.mediaQueriesSupported: set to true if the browser natively supports media queries
-Alternatives to this script
-======
-This isn't the only CSS3 Media Query polyfill script out there; but it damn well may be the fastest.
-If you're looking for more robust CSS3 Media Query support, you might check out http://code.google.com/p/css3-mediaqueries-js/. In testing, I've found that script to be noticeably slow when rendering complex responsive designs (both in filesize and performance), but it really does support a lot more media query features than this script. Big hat tip to the authors! :)

data/templates/project/sources/Respond/respond.min.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- /! Respond.js: min/max-width media query polyfill. (c) Scott Jehl. MIT Lic. j.mp/respondjs /
2	- (function(e,h){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=h;if(h){return}var u=e.document,r=u.documentElement,i=[],k=[],p=[],o={},g=30,f=u.getElementsByTagName("head")[0]\|\|r,b=f.getElementsByTagName("link"),d=[],a=function(){var B=b,w=B.length,z=0,y,x,A,v;for(;z<w;z++){y=B[z],x=y.href,A=y.media,v=y.rel&&y.rel.toLowerCase()==="stylesheet";if(!!x&&v&&!o[x]){if(!/^([a-zA-Z]+?:(\/\/)?)/.test(x)\|\|x.replace(RegExp.$1,"").split("/")[0]===e.location.host){d.push({href:x,media:A})}else{o[x]=true}}}t()},t=function(){if(d.length){var v=d.shift();n(v.href,function(w){m(w,v.href,v.media);o[v.href]=true;t()})}},m=function(G,v,x){var E=G.match(/@media[^\{]+\{([^\{\}]+\{[^\}\{]+\})+/gi),H=E&&E.length\|\|0,v=v.substring(0,v.lastIndexOf("/")),w=function(I){return I.replace(/(url$)['"]?([^\/$'"][^:\)'"]+)['"]?(\))/g,"$1"+v+"$2$3")},y=!H&&x,B=0,A,C,D,z,F;if(v.length){v+="/"}if(y){H=1}for(;B<H;B++){A=0;if(y){C=x;k.push(w(G))}else{C=E[B].match(/@media ([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;k.push(RegExp.$2&&w(RegExp.$2))}z=C.split(",");F=z.length;for(;A<F;A++){D=z[A];i.push({media:D.match(/(only\s+)?([a-zA-Z]+)(\sand)?/)&&RegExp.$2,rules:k.length-1,minw:D.match(/$min\-width:[\s]([\s][0-9]+)px[\s]$/)&&parseFloat(RegExp.$1),maxw:D.match(/$max\-width:[\s]([\s][0-9]+)px[\s]$/)&&parseFloat(RegExp.$1)})}}j()},l,q,j=function(E){var v="clientWidth",x=r[v],D=u.compatMode==="CSS1Compat"&&x\|\|u.body[v]\|\|x,z={},C=u.createDocumentFragment(),B=b[b.length-1],w=(new Date()).getTime();if(E&&l&&w-l<g){clearTimeout(q);q=setTimeout(j,g);return}else{l=w}for(var y in i){var F=i[y];if(!F.minw&&!F.maxw\|\|(!F.minw\|\|F.minw&&D>=F.minw)&&(!F.maxw\|\|F.maxw&&D<=F.maxw)){if(!z[F.media]){z[F.media]=[]}z[F.media].push(k[F.rules])}}for(var y in p){if(p[y]&&p[y].parentNode===f){f.removeChild(p[y])}}for(var y in z){var G=u.createElement("style"),A=z[y].join("\n");G.type="text/css";G.media=y;if(G.styleSheet){G.styleSheet.cssText=A}else{G.appendChild(u.createTextNode(A))}C.appendChild(G);p.push(G)}f.insertBefore(C,B.nextSibling)},n=function(v,x){var w=c();if(!w){return}w.open("GET",v,true);w.onreadystatechange=function(){if(w.readyState!=4\|\|w.status!=200&&w.status!=304){return}x(w.responseText)};if(w.readyState==4){return}w.send(null)},c=(function(){var v=false,w=[function(){return new ActiveXObject("Microsoft.XMLHTTP")},function(){return new XMLHttpRequest()}],y=w.length;while(y--){try{v=w[y]()}catch(x){continue}break}return function(){return v}})();a();respond.update=a;function s(){j(true)}if(e.addEventListener){e.addEventListener("resize",s,false)}else{if(e.attachEvent){e.attachEvent("onresize",s)}}})(this,(function(f){if(f.matchMedia){return true}var e,i=document,c=i.documentElement,g=c.firstElementChild\|\|c.firstChild,h=!i.body,d=i.body\|\|i.createElement("body"),b=i.createElement("div"),a="only all";b.id="mq-test-1";b.style.cssText="position:absolute;top:-99em";d.appendChild(b);b.innerHTML='_<style media="'+a+'"> #mq-test-1 { width: 9px; }</style>';if(h){c.insertBefore(d,g)}b.removeChild(b.firstChild);e=b.offsetWidth==9;if(h){c.removeChild(d)}else{d.removeChild(b)}return e})(this));