Andy Bell Andy-set-studio

## visually-hidden.css
/**
* VISUALLY HIDDEN
* Hides element visually and removes it from the flow,
* but importantly, allows assitive technology to access it
*/
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;

## index.html
<button>
  <span class="visually-hidden">Some text to announce</span>
  <!-- your icon or whatever -->
</button>

## feed.njk
---
permalink: '/feed.html'
---
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>{{ site.name }}</title>
	<subtitle></subtitle>
	<link href="{{ site.url }}{{ permalink }}" rel="self"/>
	<link href="{{ site.url }}/"/>
	<updated>{{ collections.posts | rssLastUpdatedDate }}</updated>

## global.js
module.exports = {
  random() {
    const segment = () => {
      return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
    };
    return `${segment()}-${segment()}-${segment()}`;
  }
};

## html.js
const html = input => input;

## get-css-custom-prop.js
/**
 * Pass in an element and its CSS Custom Property that you want the value of.
 * Optionally, you can determine what datatype you get back.
 *
 * @param {String} propKey
 * @param {HTMLELement} element=document.documentElement
 * @param {String} castAs='string'
 * @returns {*}
 */
const getCSSCustomProp = (propKey, element = document.documentElement, castAs = 'string') => {

## reset.css
/* Box sizing rules */
* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: inherit;
}

## letter.txt
Dear Andrea Leadsom MP,

I won’t be able to travel to London today, but I would like to make it known that I support the People’s Vote March.

The “will of the people” has changed since 2016 and I hope this event will make this clear to you and your Government colleagues.

Sincerely,
Andrew Bell

## index.php
<?php
    $name = 'Andy';
    $age = 31;
    $favouriteTakeaways = ['Indian', 'Italian', 'Thai'];
    $favouriteCodeLanguages = ['HTML', 'CSS', 'JavaScript', 'PHP'];
?>

<!doctype HTML>
<html>
    <head>

## modify-unix-time.js
/**
 * Take a base date, modify it with passed options and return back the number of seconds since Epoch time
 *
 * @param {Object} [options={}] Options for what you want to modify, follows the following format: { hours: 0, minutes: 0, seconds: 0 }
 * @returns {Number}
 */
const modifyUnixTime = (options = {}) => {
    // Create our modifications object by merging a static base with the passed options
    const modifications = Object.assign(
        { hours: 0, minutes: 0, seconds: 0 },
	/**
	* VISUALLY HIDDEN
	* Hides element visually and removes it from the flow,
	* but importantly, allows assitive technology to access it
	*/
	.visually-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: auto;
	margin: 0;
	<button>
	<span class="visually-hidden">Some text to announce</span>
	<!-- your icon or whatever -->
	</button>
	---
	permalink: '/feed.html'
	---
	<?xml version="1.0" encoding="utf-8"?>
	<feed xmlns="http://www.w3.org/2005/Atom">
	<title>{{ site.name }}</title>
	<subtitle></subtitle>
	<link href="{{ site.url }}{{ permalink }}" rel="self"/>
	<link href="{{ site.url }}/"/>
	<updated>{{ collections.posts \| rssLastUpdatedDate }}</updated>
	module.exports = {
	random() {
	const segment = () => {
	return (((1 + Math.random()) * 0x10000) \| 0).toString(16).substring(1);
	};
	return `${segment()}-${segment()}-${segment()}`;
	}
	};
	/**
	* Pass in an element and its CSS Custom Property that you want the value of.
	* Optionally, you can determine what datatype you get back.
	*
	* @param {String} propKey
	* @param {HTMLELement} element=document.documentElement
	* @param {String} castAs='string'
	* @returns {*}
	*/
	const getCSSCustomProp = (propKey, element = document.documentElement, castAs = 'string') => {
	/* Box sizing rules */
	* {
	box-sizing: border-box;
	}

	*:before,
	*:after {
	box-sizing: inherit;
	}
	Dear Andrea Leadsom MP,

	I won’t be able to travel to London today, but I would like to make it known that I support the People’s Vote March.

	The “will of the people” has changed since 2016 and I hope this event will make this clear to you and your Government colleagues.

	Sincerely,
	Andrew Bell
	<?php
	$name = 'Andy';
	$age = 31;
	$favouriteTakeaways = ['Indian', 'Italian', 'Thai'];
	$favouriteCodeLanguages = ['HTML', 'CSS', 'JavaScript', 'PHP'];
	?>

	<!doctype HTML>
	<html>
	<head>
	/**
	* Take a base date, modify it with passed options and return back the number of seconds since Epoch time
	*
	* @param {Object} [options={}] Options for what you want to modify, follows the following format: { hours: 0, minutes: 0, seconds: 0 }
	* @returns {Number}
	*/
	const modifyUnixTime = (options = {}) => {
	// Create our modifications object by merging a static base with the passed options
	const modifications = Object.assign(
	{ hours: 0, minutes: 0, seconds: 0 },