danfascia

## box-shadow-hover.css
.box-shadow, .hover-box-shadow:hover { box-shadow:  0 0.5em 2em 0 rgba(100,100,100,.33); }

## svg-bottom-align-in-container.html
<svg style="display: block; position: absolute; width: 100%; bottom: 0; top: 100%">
  <line id="HorizontalLine1118" x1="0" x2="100%" y1="0" y2="0"></line>
</svg>

## svg-pie-charts.html
<!--
Neat way to render responsive pie charts in HTML with SVGs and CSS from https://www.smashingmagazine.com/2015/07/designing-simple-pie-charts-with-css/
-->

<style>
  	svg.piechart {
    transform: rotate(-90deg);
    background: #B0233B;
    border-radius: 50%;
	}

## index.html
<!DOCTYPE html>
<html lang="en" />

<head>
    <!-- Set character encoding for the document -->
    <meta charset="UTF-8" />
    <!-- Instruct Internet Explorer to use its latest rendering engine -->
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <!-- Viewport for responsive web design -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />

## 11ty_contains.js
/**
 * Select objects in array whose key includes a value
 *
 * @param {Array} arr Array to test
 * @param {String} key Key to inspect
 * @param {String} value Value key needs to include
 * @return {String} Filtered array
 *
 */
module.exports = function (arr, key, value) {

## 11ty_is.js
/**
 * Select objects in array whose key matches a value
 *
 * @param {Array} arr Array to test
 * @param {String} key Key to inspect
 * @param {String} value Value key needs to match
 * @return {String} Filtered array
 *
 */
module.exports = function (arr, key, value) {

## 11ty_permalink.js
/**
 * Removes (index).html from a string
 *
 * @param {String} str URL, i.e. /page/index.html
 * @return {String} Permalinkable URL, i.e. /page/
 *
 */
module.exports = function (str) {
  return str.replace(/(?:index)?\.html/g, '');
};

## 11ty_date.js
const { DateTime } = require("luxon");

// date filter formatting using Luxon. Usage: {{ date_field | date('dd LLLL yyyy') }}
eleventyConfig.addFilter("date", (it, format = "LLLL dd, yyyy") => {
    return DateTime.fromJSDate(it, { zone: "utc" }).toFormat(format);
  });

## 11ty_is-not.js
/**
 * Remove objects in array whose key matches a value
 *
 * @param {Array} arr Array to test
 * @param {String} key Key to inspect
 * @param {String} value Value key needs to match
 * @return {String} Filtered array
 *
 */
module.exports = function (arr, key, value) {

## 11ty_excerpts.js
/**
 * Split the content into excerpt and remainder
 *
 * @param {String} str
 * @param {String [excerpt | remainder]} section
 *
 * If excerpt or nothing is passed as an argument, we return what was before the split marker.
 * If remainder is passed as an argument, we return the rest of the post
 *
 */
	<svg style="display: block; position: absolute; width: 100%; bottom: 0; top: 100%">
	<line id="HorizontalLine1118" x1="0" x2="100%" y1="0" y2="0"></line>
	</svg>
	<!--
	Neat way to render responsive pie charts in HTML with SVGs and CSS from https://www.smashingmagazine.com/2015/07/designing-simple-pie-charts-with-css/
	-->

	<style>
	svg.piechart {
	transform: rotate(-90deg);
	background: #B0233B;
	border-radius: 50%;
	}
	<!DOCTYPE html>
	<html lang="en" />

	<head>
	<!-- Set character encoding for the document -->
	<meta charset="UTF-8" />
	<!-- Instruct Internet Explorer to use its latest rendering engine -->
	<meta http-equiv="x-ua-compatible" content="ie=edge" />
	<!-- Viewport for responsive web design -->
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	/**
	* Select objects in array whose key includes a value
	*
	* @param {Array} arr Array to test
	* @param {String} key Key to inspect
	* @param {String} value Value key needs to include
	* @return {String} Filtered array
	*
	*/
	module.exports = function (arr, key, value) {
	/**
	* Select objects in array whose key matches a value
	*
	* @param {Array} arr Array to test
	* @param {String} key Key to inspect
	* @param {String} value Value key needs to match
	* @return {String} Filtered array
	*
	*/
	module.exports = function (arr, key, value) {
	/**
	* Removes (index).html from a string
	*
	* @param {String} str URL, i.e. /page/index.html
	* @return {String} Permalinkable URL, i.e. /page/
	*
	*/
	module.exports = function (str) {
	return str.replace(/(?:index)?\.html/g, '');
	};
	const { DateTime } = require("luxon");

	// date filter formatting using Luxon. Usage: {{ date_field \| date('dd LLLL yyyy') }}
	eleventyConfig.addFilter("date", (it, format = "LLLL dd, yyyy") => {
	return DateTime.fromJSDate(it, { zone: "utc" }).toFormat(format);
	});
	/**
	* Remove objects in array whose key matches a value
	*
	* @param {Array} arr Array to test
	* @param {String} key Key to inspect
	* @param {String} value Value key needs to match
	* @return {String} Filtered array
	*
	*/
	module.exports = function (arr, key, value) {
	/**
	* Split the content into excerpt and remainder
	*
	* @param {String} str
	* @param {String [excerpt \| remainder]} section
	*
	* If excerpt or nothing is passed as an argument, we return what was before the split marker.
	* If remainder is passed as an argument, we return the rest of the post
	*
	*/