jekyll-theme-chalk 0.1.1

data/_assets/yarn/retinajs/bower.json

@@ -0,0 +1,25 @@
+{
+  "name": "retinajs",
+  "version": "2.0.0",
+  "homepage": "http://retinajs.com",
+  "authors": [
+    "Axial <developer@axial.agency>"
+  ],
+  "description": "JavaScript, Less and Sass helpers for rendering high-resolution image variants",
+  "main": "dist/retina.js",
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "moduleType": [
+    "amd",
+    "es6",
+    "globals",
+    "node",
+    "yui"
+  ]
+}

data/_assets/yarn/retinajs/dist/_retina.sass

@@ -0,0 +1,68 @@
+// retina.sass
+// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
+
+// Submitted by Nathan Crank
+// nathancrank.com
+
+// Updated by John Newman
+// github.com/jgnewman
+// http://axial.agency
+
+/**
+ * Allows you to use retina images at various pixel densities.
+ * Examples:
+ *
+ *   +retina(/images/mypic.jpg, 2);
+ *   +retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
+ *
+ * @param  {Value}  $path               The path to the file name minus extension.
+ * @param  {Number} $cap:    2          The highest pixel density level images exist for.
+ * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
+ * @param  {Value}  $extras: null       Any other `background` values to be added.
+ */
+=retina($path, $cap: 2, $size: auto auto, $extras: null)
+
+  // Set a counter and get the length of the image path.
+  $position: -1
+  $strpath: '#{$path}'
+  $length: str-length($strpath)
+
+  // Loop ver the image path and figure out the
+  // position of the dot where the extension begins.
+  @for $i from $length through $length - 10
+    @if $position == -1
+      $char: str-slice($strpath, $i,$i)
+      @if str-index($char, ".") == 1
+        $position: $i
+
+  // If we were able to figure out where the extension is,
+  // slice the path into a base and an extension. Use that to
+  // calculate urls for different density environments. Set
+  // values for different environments.
+  @if $position != -1
+    $ext: str-slice($strpath, $position + 1, $length)
+    $base: str-slice($strpath, 1 ,$position - 1)
+    $at1x_path: "#{$base}.#{$ext}"
+    $at2x_path: "#{$base}@2x.#{$ext}"
+
+    // Set a base background for 1x environments.
+    background: url("#{$at1x_path}") $extras
+    background-size: $size
+
+    // Create an @2x-ish media query.
+    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5)
+      background: url("#{$at2x_path}") $extras
+      background-size: $size
+
+    // Create media queries for all environments that the user has
+    // provided images for.
+    @if $cap >= 2
+      @for $env from 2 through $cap
+        $suffix: "@#{$env}x"
+        @media (-webkit-min-device-pixel-ratio: $env), (min-resolution: $env * 96dpi)
+          background: url("#{$base}#{$suffix}.#{$ext}") $extras
+          background-size: $size
+
+  @else
+    background: url("#{$path}") $extras
+    background-size: $size

data/_assets/yarn/retinajs/dist/_retina.scss

@@ -0,0 +1,102 @@
+// retina.scss
+// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
+
+// Submitted by Nathan Crank
+// nathancrank.com
+
+// Updated by Gabriel R. Sezefredo
+// gabriel.sezefredo.com.br
+
+// Updated by John Newman
+// github.com/jgnewman
+// http://axial.agency
+
+
+/**
+ * Allows you to use retina images at various pixel densities.
+ * Examples:
+ *
+ *   @include retina(/images/mypic.jpg, 2);
+ *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
+ *
+ * @param  {Value}  $path               The path to the file name minus extension.
+ * @param  {Number} $cap:    2          The highest pixel density level images exist for.
+ * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
+ * @param  {Value}  $extras: null       Any other `background` values to be added.
+ */
+@mixin retina($path, $cap: 2, $size: auto auto, $extras: null) {
+
+  /*
+   * Set a counter and get the length of the image path.
+   */
+  $position: -1;
+  $strpath: '#{$path}';
+  $length: str-length($strpath);
+
+  /*
+   * Loop ver the image path and figure out the
+   * position of the dot where the extension begins.
+   */
+  @for $i from $length through $length - 10{
+      @if $position == -1 {
+          $char : str-slice($strpath, $i, $i);
+          @if str-index($char, ".") == 1 {
+              $position: $i;
+          }
+      }
+  }
+
+  /*
+   * If we were able to figure out where the extension is,
+   * slice the path into a base and an extension. Use that to
+   * calculate urls for different density environments. Set
+   * values for different environments.
+   */
+  @if $position != -1 {
+    $ext: str-slice($strpath, $position + 1, $length);
+    $base: str-slice($strpath, 1, $position - 1);
+    $at1x_path: "#{$base}.#{$ext}";
+    $at2x_path: "#{$base}@2x.#{$ext}";
+
+    /*
+     * Set a base background for 1x environments.
+     */
+    background: url("#{$at1x_path}") $extras;
+    background-size: $size;
+
+    /*
+     * Create an @2x-ish media query.
+     */
+    @media all and (-webkit-min-device-pixel-ratio : 1.5),
+           all and (-o-min-device-pixel-ratio: 3/2),
+           all and (min--moz-device-pixel-ratio: 1.5),
+           all and (min-device-pixel-ratio: 1.5) {
+             background      : url("#{$at2x_path}") $extras;
+             background-size : $size;
+    }
+
+    /*
+     * Create media queries for all environments that the user has
+     * provided images for.
+     */
+    @if $cap >= 2 {
+      @for $env from 2 through $cap {
+        $suffix: "@#{$env}x";
+        @media (-webkit-min-device-pixel-ratio: $env),
+               (min-resolution: $env * 96dpi) {
+                 background      : url("#{$base}#{$suffix}.#{$ext}") $extras;
+                 background-size : $size;
+        }
+      }
+    }
+
+  /*
+   * If anything went wrong trying to separate the file from its
+   * extension, set a background value without doing anything to it.
+   */
+  } @else {
+    background: url("#{$path}") $extras;
+    background-size: $size;
+  }
+
+}

data/_assets/yarn/retinajs/dist/retina.js

@@ -0,0 +1,100 @@
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+	typeof define === 'function' && define.amd ? define(factory) :
+	(global.retinajs = factory());
+}(this, (function () { 'use strict';
+
+var hasWindow = typeof window !== 'undefined';
+var environment = Math.round(hasWindow ? window.devicePixelRatio || 1 : 1);
+var srcReplace = /(\.[A-z]{3,4}\/?(\?.*)?)$/;
+var inlineReplace = /url\(('|")?([^)'"]+)('|")?\)/i;
+var selector = '[data-rjs]';
+var processedAttr = 'data-rjs-processed';
+function arrayify(object) {
+  return Array.prototype.slice.call(object);
+}
+function chooseCap(cap) {
+  var numericCap = parseInt(cap, 10);
+  if (environment < numericCap) {
+    return environment;
+  } else {
+    return numericCap;
+  }
+}
+function forceOriginalDimensions(image) {
+  if (!image.hasAttribute('data-no-resize')) {
+    if (image.offsetWidth === 0 && image.offsetHeight === 0) {
+      image.setAttribute('width', image.naturalWidth);
+      image.setAttribute('height', image.naturalHeight);
+    } else {
+      image.setAttribute('width', image.offsetWidth);
+      image.setAttribute('height', image.offsetHeight);
+    }
+  }
+  return image;
+}
+function setSourceIfAvailable(image, retinaURL) {
+  var imgType = image.nodeName.toLowerCase();
+  var testImage = document.createElement('img');
+  testImage.addEventListener('load', function () {
+    if (imgType === 'img') {
+      forceOriginalDimensions(image).setAttribute('src', retinaURL);
+    } else {
+      image.style.backgroundImage = 'url(' + retinaURL + ')';
+    }
+  });
+  testImage.setAttribute('src', retinaURL);
+  image.setAttribute(processedAttr, true);
+}
+function dynamicSwapImage(image, src) {
+  var rjs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  var cap = chooseCap(rjs);
+  if (src && cap > 1) {
+    var newSrc = src.replace(srcReplace, '@' + cap + 'x$1');
+    setSourceIfAvailable(image, newSrc);
+  }
+}
+function manualSwapImage(image, src, hdsrc) {
+  if (environment > 1) {
+    setSourceIfAvailable(image, hdsrc);
+  }
+}
+function getImages(images) {
+  if (!images) {
+    return typeof document !== 'undefined' ? arrayify(document.querySelectorAll(selector)) : [];
+  } else {
+    return typeof images.forEach === 'function' ? images : arrayify(images);
+  }
+}
+function cleanBgImg(img) {
+  return img.style.backgroundImage.replace(inlineReplace, '$2');
+}
+function retina(images) {
+  getImages(images).forEach(function (img) {
+    if (!img.getAttribute(processedAttr)) {
+      var isImg = img.nodeName.toLowerCase() === 'img';
+      var src = isImg ? img.getAttribute('src') : cleanBgImg(img);
+      var rjs = img.getAttribute('data-rjs');
+      var rjsIsNumber = !isNaN(parseInt(rjs, 10));
+      if (rjs === null) {
+        return;
+      }
+      if (rjsIsNumber) {
+        dynamicSwapImage(img, src, rjs);
+      } else {
+        manualSwapImage(img, src, rjs);
+      }
+    }
+  });
+}
+if (hasWindow) {
+  window.addEventListener('load', function () {
+    retina();
+  });
+  window.retinajs = retina;
+}
+
+return retina;
+
+})));
+//# sourceMappingURL=retina.js.map

data/_assets/yarn/retinajs/dist/retina.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"retina.js","sources":["../src/retina.js"],"sourcesContent":["/* @flow */\n\n/**\n * --------------------------------------------------------------------------\n * Retina.js\n * Licensed under MIT (https://github.com/strues/retinajs/blob/master/LICENSE)\n *\n * Retina.js is an open source script that makes it easy to serve high-resolution\n * images to devices with retina displays.\n * --------------------------------------------------------------------------\n */\n\n/*\n * Determine whether or not `window` is available.\n */\nconst hasWindow = typeof window !== 'undefined';\n\n/*\n * Get the device pixel ratio per our environment.\n * Default to 1.\n */\nconst environment = Math.round(hasWindow ? window.devicePixelRatio || 1 : 1);\n\n/*\n * Define a pattern for capturing src url suffixes.\n */\nconst srcReplace = /(\\.[A-z]{3,4}\\/?(\\?.*)?)$/;\nconst inlineReplace = /url\\(('|\")?([^)'\"]+)('|\")?\\)/i;\n\n/*\n * Define our selectors for elements to target.\n */\nconst selector = '[data-rjs]';\n\n/*\n * Define the attribute we'll use to mark an image as having been processed.\n */\nconst processedAttr = 'data-rjs-processed';\n\n/**\n * Shortcut for turning some iterable object into an array.\n *\n * @param  {Iterable} object Any iterable object.\n *\n * @return {Array}\n */\nfunction arrayify(object) {\n  return Array.prototype.slice.call(object);\n}\n\n/**\n * Chooses the actual image size to fetch, (for example 2 or 3) that\n * will be used to create a suffix like \"@2x\" or \"@3x\".\n *\n * @param  {String|Number} cap The number the user provided indicating that\n *                             they have prepared images up to this size.\n *\n * @return {Number} The number we'll be using to create a suffix.\n */\nfunction chooseCap(cap) {\n  const numericCap = parseInt(cap, 10);\n\n  /*\n   * If the environment's device pixel ratio is less than what the user\n   * provided, we'll only grab images at that size.\n   */\n  if (environment < numericCap) {\n    return environment;\n\n    /*\n   * If the device pixel ratio is greater than or equal to what the\n   * user provided, we'll use what the user provided.\n   */\n  } else {\n    return numericCap;\n  }\n}\n\n/**\n * Makes sure that, since we are going to swap out the source of an image,\n * the image does not change size on the page.\n *\n * @param  {Element} image An image element in the DOM.\n *\n * @return {Element} The same element that was passed in.\n */\nfunction forceOriginalDimensions(image) {\n  if (!image.hasAttribute('data-no-resize')) {\n    if (image.offsetWidth === 0 && image.offsetHeight === 0) {\n      image.setAttribute('width', image.naturalWidth);\n      image.setAttribute('height', image.naturalHeight);\n    } else {\n      image.setAttribute('width', image.offsetWidth);\n      image.setAttribute('height', image.offsetHeight);\n    }\n  }\n  return image;\n}\n\n/**\n * Determines whether the retina image actually exists on the server.\n * If so, swaps out the retina image for the standard one. If not,\n * leaves the original image alone.\n *\n * @param {Element} image  An image element in the DOM.\n * @param {String}  newSrc The url to the retina image.\n *\n * @return {undefined}\n */\nfunction setSourceIfAvailable(image, retinaURL) {\n  const imgType = image.nodeName.toLowerCase();\n\n  /*\n   * Create a new image element and give it a load listener. When the\n   * load listener fires, it means the URL is correct and we will then\n   * attach it to the user's image.\n   */\n  const testImage = document.createElement('img');\n  testImage.addEventListener('load', () => {\n    /*\n     * If we're dealing with an image tag, force it's dimensions\n     * and set the source attribute. If not, go after the background-image\n     * inline style.\n     */\n    if (imgType === 'img') {\n      forceOriginalDimensions(image).setAttribute('src', retinaURL);\n    } else {\n      image.style.backgroundImage = `url(${retinaURL})`;\n    }\n  });\n\n  /*\n   * Attach the retina URL to our proxy image to load in the new\n   * image resource.\n   */\n  testImage.setAttribute('src', retinaURL);\n\n  /*\n   * Mark our image as processed so that it won't be processed again.\n   */\n  image.setAttribute(processedAttr, true);\n}\n\n/**\n * Attempts to do an image url swap on a given image.\n *\n * @param  {Element}       image An image in the DOM.\n * @param  {String}        src   The original image source attribute.\n * @param  {String|Number} rjs   The pixel density cap for images provided.\n *\n * @return {undefined}\n */\nfunction dynamicSwapImage(image, src, rjs = 1) {\n  const cap = chooseCap(rjs);\n\n  /*\n   * Don't do anything if the cap is less than 2 or there is no src.\n   */\n  if (src && cap > 1) {\n    const newSrc = src.replace(srcReplace, `@${cap}x$1`);\n    setSourceIfAvailable(image, newSrc);\n  }\n}\n\n/**\n * Performs an image url swap on a given image with a provided url.\n *\n * @param  {Element} image  An image in the DOM.\n * @param  {String}  src    The original image source attribute.\n * @param  {String}  hdsrc  The path for a 2x image.\n *\n * @return {undefined}\n */\nfunction manualSwapImage(image, src, hdsrc) {\n  if (environment > 1) {\n    setSourceIfAvailable(image, hdsrc);\n  }\n}\n\n/**\n * Collects all images matching our selector, and converts our\n * NodeList into an Array so that Array methods will be available to it.\n *\n * @param {Iterable} images  Optional. An Array, jQuery selection, or NodeList\n *                           of elements to affect with retina.js.\n *\n * @return {Iterable} Contains all elements matching our selector.\n */\nfunction getImages(images) {\n  if (!images) {\n    return typeof document !== 'undefined' ? arrayify(document.querySelectorAll(selector)) : [];\n  } else {\n    return typeof images.forEach === 'function' ? images : arrayify(images);\n  }\n}\n\n/**\n * Converts a string like \"url(hello.png)\" into \"hello.png\".\n *\n * @param  {Element} img An HTML element with a background image.\n *\n * @return {String}\n */\nfunction cleanBgImg(img) {\n  return img.style.backgroundImage.replace(inlineReplace, '$2');\n}\n\n/**\n * Gets all participating images and dynamically swaps out each one for its\n * retina equivalent taking into account the environment capabilities and\n * the densities for which the user has provided images.\n *\n * @param {Iterable} images  Optional. An Array, jQuery selection, or NodeList\n *                           of elements to affect with retina.js. If not\n *                           provided, retina.js will grab all images on the\n *                           page.\n *\n * @return {undefined}\n */\nfunction retina(images) {\n  getImages(images).forEach(img => {\n    if (!img.getAttribute(processedAttr)) {\n      const isImg = img.nodeName.toLowerCase() === 'img';\n      const src = isImg ? img.getAttribute('src') : cleanBgImg(img);\n      const rjs = img.getAttribute('data-rjs');\n      const rjsIsNumber = !isNaN(parseInt(rjs, 10));\n\n      // do not try to load /null image!\n      if (rjs === null) {\n        return;\n      }\n\n      /*\n       * If the user provided a number, dynamically swap out the image.\n       * If the user provided a url, do it manually.\n       */\n      if (rjsIsNumber) {\n        dynamicSwapImage(img, src, rjs);\n      } else {\n        manualSwapImage(img, src, rjs);\n      }\n    }\n  });\n}\n\n/*\n * If this environment has `window`, activate the plugin.\n */\nif (hasWindow) {\n  window.addEventListener('load', () => {\n    retina();\n  });\n  window.retinajs = retina;\n}\n\nexport default retina;\n"],"names":["hasWindow","window","environment","Math","round","devicePixelRatio","srcReplace","inlineReplace","selector","processedAttr","arrayify","object","Array","prototype","slice","call","chooseCap","cap","numericCap","parseInt","forceOriginalDimensions","image","hasAttribute","offsetWidth","offsetHeight","setAttribute","naturalWidth","naturalHeight","setSourceIfAvailable","retinaURL","imgType","nodeName","toLowerCase","testImage","document","createElement","addEventListener","style","backgroundImage","dynamicSwapImage","src","rjs","newSrc","replace","manualSwapImage","hdsrc","getImages","images","querySelectorAll","forEach","cleanBgImg","img","retina","getAttribute","isImg","rjsIsNumber","isNaN","retinajs"],"mappings":"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"}

data/_assets/yarn/retinajs/dist/retina.less

@@ -0,0 +1,56 @@
+// retina.less
+// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
+
+// Updated by John Newman
+// github.com/jgnewman
+// http://axial.agency
+
+/**
+ * Allows you to use retina images at various pixel densities.
+ * Examples:
+ *
+ *   .retina(/images/mypic.jpg, 2);
+ *   .retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
+ *
+ * @param  {String} $path               The path to the file name minus extension.
+ * @param  {Number} $cap:    2          The highest pixel density level images exist for.
+ * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
+ * @param  {Value}  $extras: null       Any other `background` values to be added.
+ */
+.retina(@path, @cap: 2, @size: auto auto, @extras: ~'') {
+  @lowretina: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";
+  @2xpath: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`;
+
+  /*
+   * Set a base background for 1x environments.
+   */
+  background: url(@path) @extras;
+  background-size: @size;
+
+  /*
+   * Create an @2x-ish media query.
+   */
+  @media @lowretina {
+    background      : url(@2xpath) @extras;
+    background-size : @size;
+  }
+
+  /*
+   * Create media queries for all environments that the user has
+   * provided images for.
+   */
+  .create-queries() when (@cap >= 2) {
+    .loop(@env) when (@env <= @cap) {
+      @retinapath: ~`@{path}.replace(/\.\w+$/, function(match) { return "@@{env}x" + match; })`;
+      @media (-webkit-min-device-pixel-ratio: @env),
+             (min-resolution: @env * 96dpi) {
+               background      : url(@retinapath) @extras;
+               background-size : @size;
+      }
+      .loop((@env + 1));    // next iteration
+    }
+    .loop(2);
+  }
+  .create-queries();
+
+}

data/_assets/yarn/retinajs/dist/retina.min.js

@@ -0,0 +1,2 @@
+(function(a,b){'object'==typeof exports&&'undefined'!=typeof module?module.exports=b():'function'==typeof define&&define.amd?define(b):a.retinajs=b()})(this,function(){'use strict';function a(a){return Array.prototype.slice.call(a)}function b(a){var b=parseInt(a,10);return k<b?k:b}function c(a){return a.hasAttribute('data-no-resize')||(0===a.offsetWidth&&0===a.offsetHeight?(a.setAttribute('width',a.naturalWidth),a.setAttribute('height',a.naturalHeight)):(a.setAttribute('width',a.offsetWidth),a.setAttribute('height',a.offsetHeight))),a}function d(a,b){var d=a.nodeName.toLowerCase(),e=document.createElement('img');e.addEventListener('load',function(){'img'===d?c(a).setAttribute('src',b):a.style.backgroundImage='url('+b+')'}),e.setAttribute('src',b),a.setAttribute(o,!0)}function e(a,c){var e=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1,f=b(e);if(c&&1<f){var g=c.replace(l,'@'+f+'x$1');d(a,g)}}function f(a,b,c){1<k&&d(a,c)}function g(b){return b?'function'==typeof b.forEach?b:a(b):'undefined'==typeof document?[]:a(document.querySelectorAll(n))}function h(a){return a.style.backgroundImage.replace(m,'$2')}function i(a){g(a).forEach(function(a){if(!a.getAttribute(o)){var b='img'===a.nodeName.toLowerCase(),c=b?a.getAttribute('src'):h(a),d=a.getAttribute('data-rjs'),g=!isNaN(parseInt(d,10));if(null===d)return;g?e(a,c,d):f(a,c,d)}})}var j='undefined'!=typeof window,k=Math.round(j?window.devicePixelRatio||1:1),l=/(\.[A-z]{3,4}\/?(\?.*)?)$/,m=/url\(('|")?([^)'"]+)('|")?\)/i,n='[data-rjs]',o='data-rjs-processed';return j&&(window.addEventListener('load',function(){i()}),window.retinajs=i),i});
+//# sourceMappingURL=retina.min.js.map

data/_assets/yarn/retinajs/dist/retina.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"retina.min.js","sources":["../src/retina.js"],"sourcesContent":["/* @flow */\n\n/**\n * --------------------------------------------------------------------------\n * Retina.js\n * Licensed under MIT (https://github.com/strues/retinajs/blob/master/LICENSE)\n *\n * Retina.js is an open source script that makes it easy to serve high-resolution\n * images to devices with retina displays.\n * --------------------------------------------------------------------------\n */\n\n/*\n * Determine whether or not `window` is available.\n */\nconst hasWindow = typeof window !== 'undefined';\n\n/*\n * Get the device pixel ratio per our environment.\n * Default to 1.\n */\nconst environment = Math.round(hasWindow ? window.devicePixelRatio || 1 : 1);\n\n/*\n * Define a pattern for capturing src url suffixes.\n */\nconst srcReplace = /(\\.[A-z]{3,4}\\/?(\\?.*)?)$/;\nconst inlineReplace = /url\\(('|\")?([^)'\"]+)('|\")?\\)/i;\n\n/*\n * Define our selectors for elements to target.\n */\nconst selector = '[data-rjs]';\n\n/*\n * Define the attribute we'll use to mark an image as having been processed.\n */\nconst processedAttr = 'data-rjs-processed';\n\n/**\n * Shortcut for turning some iterable object into an array.\n *\n * @param  {Iterable} object Any iterable object.\n *\n * @return {Array}\n */\nfunction arrayify(object) {\n  return Array.prototype.slice.call(object);\n}\n\n/**\n * Chooses the actual image size to fetch, (for example 2 or 3) that\n * will be used to create a suffix like \"@2x\" or \"@3x\".\n *\n * @param  {String|Number} cap The number the user provided indicating that\n *                             they have prepared images up to this size.\n *\n * @return {Number} The number we'll be using to create a suffix.\n */\nfunction chooseCap(cap) {\n  const numericCap = parseInt(cap, 10);\n\n  /*\n   * If the environment's device pixel ratio is less than what the user\n   * provided, we'll only grab images at that size.\n   */\n  if (environment < numericCap) {\n    return environment;\n\n    /*\n   * If the device pixel ratio is greater than or equal to what the\n   * user provided, we'll use what the user provided.\n   */\n  } else {\n    return numericCap;\n  }\n}\n\n/**\n * Makes sure that, since we are going to swap out the source of an image,\n * the image does not change size on the page.\n *\n * @param  {Element} image An image element in the DOM.\n *\n * @return {Element} The same element that was passed in.\n */\nfunction forceOriginalDimensions(image) {\n  if (!image.hasAttribute('data-no-resize')) {\n    if (image.offsetWidth === 0 && image.offsetHeight === 0) {\n      image.setAttribute('width', image.naturalWidth);\n      image.setAttribute('height', image.naturalHeight);\n    } else {\n      image.setAttribute('width', image.offsetWidth);\n      image.setAttribute('height', image.offsetHeight);\n    }\n  }\n  return image;\n}\n\n/**\n * Determines whether the retina image actually exists on the server.\n * If so, swaps out the retina image for the standard one. If not,\n * leaves the original image alone.\n *\n * @param {Element} image  An image element in the DOM.\n * @param {String}  newSrc The url to the retina image.\n *\n * @return {undefined}\n */\nfunction setSourceIfAvailable(image, retinaURL) {\n  const imgType = image.nodeName.toLowerCase();\n\n  /*\n   * Create a new image element and give it a load listener. When the\n   * load listener fires, it means the URL is correct and we will then\n   * attach it to the user's image.\n   */\n  const testImage = document.createElement('img');\n  testImage.addEventListener('load', () => {\n    /*\n     * If we're dealing with an image tag, force it's dimensions\n     * and set the source attribute. If not, go after the background-image\n     * inline style.\n     */\n    if (imgType === 'img') {\n      forceOriginalDimensions(image).setAttribute('src', retinaURL);\n    } else {\n      image.style.backgroundImage = `url(${retinaURL})`;\n    }\n  });\n\n  /*\n   * Attach the retina URL to our proxy image to load in the new\n   * image resource.\n   */\n  testImage.setAttribute('src', retinaURL);\n\n  /*\n   * Mark our image as processed so that it won't be processed again.\n   */\n  image.setAttribute(processedAttr, true);\n}\n\n/**\n * Attempts to do an image url swap on a given image.\n *\n * @param  {Element}       image An image in the DOM.\n * @param  {String}        src   The original image source attribute.\n * @param  {String|Number} rjs   The pixel density cap for images provided.\n *\n * @return {undefined}\n */\nfunction dynamicSwapImage(image, src, rjs = 1) {\n  const cap = chooseCap(rjs);\n\n  /*\n   * Don't do anything if the cap is less than 2 or there is no src.\n   */\n  if (src && cap > 1) {\n    const newSrc = src.replace(srcReplace, `@${cap}x$1`);\n    setSourceIfAvailable(image, newSrc);\n  }\n}\n\n/**\n * Performs an image url swap on a given image with a provided url.\n *\n * @param  {Element} image  An image in the DOM.\n * @param  {String}  src    The original image source attribute.\n * @param  {String}  hdsrc  The path for a 2x image.\n *\n * @return {undefined}\n */\nfunction manualSwapImage(image, src, hdsrc) {\n  if (environment > 1) {\n    setSourceIfAvailable(image, hdsrc);\n  }\n}\n\n/**\n * Collects all images matching our selector, and converts our\n * NodeList into an Array so that Array methods will be available to it.\n *\n * @param {Iterable} images  Optional. An Array, jQuery selection, or NodeList\n *                           of elements to affect with retina.js.\n *\n * @return {Iterable} Contains all elements matching our selector.\n */\nfunction getImages(images) {\n  if (!images) {\n    return typeof document !== 'undefined' ? arrayify(document.querySelectorAll(selector)) : [];\n  } else {\n    return typeof images.forEach === 'function' ? images : arrayify(images);\n  }\n}\n\n/**\n * Converts a string like \"url(hello.png)\" into \"hello.png\".\n *\n * @param  {Element} img An HTML element with a background image.\n *\n * @return {String}\n */\nfunction cleanBgImg(img) {\n  return img.style.backgroundImage.replace(inlineReplace, '$2');\n}\n\n/**\n * Gets all participating images and dynamically swaps out each one for its\n * retina equivalent taking into account the environment capabilities and\n * the densities for which the user has provided images.\n *\n * @param {Iterable} images  Optional. An Array, jQuery selection, or NodeList\n *                           of elements to affect with retina.js. If not\n *                           provided, retina.js will grab all images on the\n *                           page.\n *\n * @return {undefined}\n */\nfunction retina(images) {\n  getImages(images).forEach(img => {\n    if (!img.getAttribute(processedAttr)) {\n      const isImg = img.nodeName.toLowerCase() === 'img';\n      const src = isImg ? img.getAttribute('src') : cleanBgImg(img);\n      const rjs = img.getAttribute('data-rjs');\n      const rjsIsNumber = !isNaN(parseInt(rjs, 10));\n\n      // do not try to load /null image!\n      if (rjs === null) {\n        return;\n      }\n\n      /*\n       * If the user provided a number, dynamically swap out the image.\n       * If the user provided a url, do it manually.\n       */\n      if (rjsIsNumber) {\n        dynamicSwapImage(img, src, rjs);\n      } else {\n        manualSwapImage(img, src, rjs);\n      }\n    }\n  });\n}\n\n/*\n * If this environment has `window`, activate the plugin.\n */\nif (hasWindow) {\n  window.addEventListener('load', () => {\n    retina();\n  });\n  window.retinajs = retina;\n}\n\nexport default retina;\n"],"names":["Array","prototype","slice","call","numericCap","parseInt","environment","image","hasAttribute","offsetWidth","offsetHeight","setAttribute","naturalWidth","naturalHeight","imgType","nodeName","toLowerCase","testImage","document","createElement","addEventListener","style","backgroundImage","rjs","cap","chooseCap","src","newSrc","replace","images","forEach","arrayify","querySelectorAll","img","getAttribute","isImg","cleanBgImg","rjsIsNumber","isNaN","hasWindow","window","Math","round","devicePixelRatio","srcReplace","inlineReplace","selector","processedAttr","retinajs"],"mappings":"qLA8CA,aAA0B,OACjBA,OAAMC,SAAND,CAAgBE,KAAhBF,CAAsBG,IAAtBH,IAYT,aAAwB,IAChBI,GAAaC,WAAc,EAAdA,EADG,MAOlBC,IAPkB,KA2BxB,aAAwC,OACjCC,GAAMC,YAAND,CAAmB,gBAAnBA,IACuB,CAAtBA,KAAME,WAANF,EAAkD,CAAvBA,KAAMG,gBAC7BC,aAAa,QAASJ,EAAMK,gBAC5BD,aAAa,SAAUJ,EAAMM,mBAE7BF,aAAa,QAASJ,EAAME,eAC5BE,aAAa,SAAUJ,EAAMG,kBAgBzC,eAAgD,IACxCI,GAAUP,EAAMQ,QAANR,CAAeS,WAAfT,GAOVU,EAAYC,SAASC,aAATD,CAAuB,KAAvBA,IACRE,iBAAiB,OAAQ,UAAM,CAMvB,KAAZN,IANmC,MAONH,aAAa,QAPP,GAS/BU,MAAMC,4BAThB,EAT8C,GA0BpCX,aAAa,QA1BuB,GA+BxCA,mBAYR,eAA+C,IAATY,0DAAM,EACpCC,EAAMC,QAKRC,GAAa,CAANF,GAAS,IACZG,GAASD,EAAIE,OAAJF,cAAAA,UAcnB,iBAA4C,CACxB,CAAdpB,EADsC,SAe5C,aAA2B,UAIU,UAA1B,QAAOuB,GAAOC,OAAd,GAAgDC,IAJhC,CAEI,WAApB,QAAOb,SAAP,IAAkCa,EAASb,SAASc,gBAATd,GAATa,EAa7C,aAAyB,OAChBE,GAAIZ,KAAJY,CAAUX,eAAVW,CAA0BL,OAA1BK,GAAiD,IAAjDA,EAeT,aAAwB,MACJH,QAAQ,WAAO,IAC3B,CAACG,EAAIC,YAAJD,IAAiC,IAC9BE,GAAuC,KAA/BF,KAAIlB,QAAJkB,CAAajB,WAAbiB,GACRP,EAAMS,EAAQF,EAAIC,YAAJD,CAAiB,KAAjBA,CAARE,CAAkCC,KACxCb,EAAMU,EAAIC,YAAJD,CAAiB,UAAjBA,EACNI,EAAc,CAACC,MAAMjC,WAAc,EAAdA,CAANiC,KAGT,IAARf,YAPgC,UAAA,UADxC,GA7MF,GAAMgB,GAA8B,WAAlB,QAAOC,OAAzB,CAMMlC,EAAcmC,KAAKC,KAALD,CAAWF,EAAYC,OAAOG,gBAAPH,EAA2B,CAAvCD,CAA2C,CAAtDE,CANpB,CAWMG,EAAa,2BAXnB,CAYMC,EAAgB,+BAZtB,CAiBMC,EAAW,YAjBjB,CAsBMC,EAAgB,oBAtBtB,mBA0OS3B,iBAAiB,OAAQ,UAAM,IAAtC,UAGO4B"}

data/_assets/yarn/retinajs/dist/retina.styl

@@ -0,0 +1,56 @@
+// retina.styl
+// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
+
+// Created by John Newman
+// github.com/jgnewman
+// http://axial.agency
+
+
+/**
+ * Allows you to use retina images at various pixel densities.
+ * Examples:
+ *
+ *   retina(/images/mypic.jpg, 2)
+ *   retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent)
+ *
+ * @param  {Value}  $path               The path to the file name minus extension.
+ * @param  {Number} $cap:    2          The highest pixel density level images exist for.
+ * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
+ * @param  {Value}  $extras: null       Any other `background` values to be added.
+ */
+retina($path, $cap = 2, $size = auto auto, $extras = null)
+  $dirname = dirname($path)
+  $filename = basename($path)
+  $at2xpath = pathjoin($dirname, replace('\.', '@2x.', $filename))
+
+  /*
+   * Set a base background for 1x environments.
+   */
+  background: url($path) $extras
+  background-size: $size
+
+  /*
+   * Create an @2x-ish media query.
+   */
+  @media all and (-webkit-min-device-pixel-ratio : 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5)
+    background: url($at2xpath) $extras
+    background-size: $size
+
+  /*
+   * Create media queries for all environments that the user has
+   * provided images for.
+   */
+  if $cap >= 2
+    for $env in (2..$cap)
+      $newpath = pathjoin($dirname, replace('\.', '@' + $env + 'x.', $filename))
+      @media (-webkit-min-device-pixel-ratio: $env), (min-resolution: $env * 96dpi)
+        background: url($newpath) $extras
+        background-size: $size
+
+  /*
+   * If anything went wrong trying to separate the file from its
+   * extension, set a background value without doing anything to it.
+   */
+  else
+    background: url($path) $extras
+    background-size: $size

data/_assets/yarn/retinajs/es/_retina.sass

@@ -0,0 +1,68 @@
+// retina.sass
+// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
+
+// Submitted by Nathan Crank
+// nathancrank.com
+
+// Updated by John Newman
+// github.com/jgnewman
+// http://axial.agency
+
+/**
+ * Allows you to use retina images at various pixel densities.
+ * Examples:
+ *
+ *   +retina(/images/mypic.jpg, 2);
+ *   +retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
+ *
+ * @param  {Value}  $path               The path to the file name minus extension.
+ * @param  {Number} $cap:    2          The highest pixel density level images exist for.
+ * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
+ * @param  {Value}  $extras: null       Any other `background` values to be added.
+ */
+=retina($path, $cap: 2, $size: auto auto, $extras: null)
+
+  // Set a counter and get the length of the image path.
+  $position: -1
+  $strpath: '#{$path}'
+  $length: str-length($strpath)
+
+  // Loop ver the image path and figure out the
+  // position of the dot where the extension begins.
+  @for $i from $length through $length - 10
+    @if $position == -1
+      $char: str-slice($strpath, $i,$i)
+      @if str-index($char, ".") == 1
+        $position: $i
+
+  // If we were able to figure out where the extension is,
+  // slice the path into a base and an extension. Use that to
+  // calculate urls for different density environments. Set
+  // values for different environments.
+  @if $position != -1
+    $ext: str-slice($strpath, $position + 1, $length)
+    $base: str-slice($strpath, 1 ,$position - 1)
+    $at1x_path: "#{$base}.#{$ext}"
+    $at2x_path: "#{$base}@2x.#{$ext}"
+
+    // Set a base background for 1x environments.
+    background: url("#{$at1x_path}") $extras
+    background-size: $size
+
+    // Create an @2x-ish media query.
+    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5)
+      background: url("#{$at2x_path}") $extras
+      background-size: $size
+
+    // Create media queries for all environments that the user has
+    // provided images for.
+    @if $cap >= 2
+      @for $env from 2 through $cap
+        $suffix: "@#{$env}x"
+        @media (-webkit-min-device-pixel-ratio: $env), (min-resolution: $env * 96dpi)
+          background: url("#{$base}#{$suffix}.#{$ext}") $extras
+          background-size: $size
+
+  @else
+    background: url("#{$path}") $extras
+    background-size: $size