Arthur G. Buhl arthurbuhl

## image-reset.css
/**
 * This CSS block is a More Effective CSS Image Reset.
 * It resets the default styles of an image element
 * and adds some additional styles to improve its rendering.
 *
 * The `max-width: 100%;` ensures that the image does not exceed its container's width,
 * while maintaining its aspect ratio with `height: auto;`.
 *
 * The `vertical-align: middle;` aligns the image vertically with the text.
 *

## image-reset.css
/**
 * This CSS block is a More Effective CSS Image Reset.
 * It resets the default styles of an image element
 * and adds some additional styles to improve its rendering.
 *
 * The `max-width: 100%;` ensures that the image does not exceed its container's width,
 * while maintaining its aspect ratio with `height: auto;`.
 *
 * The `vertical-align: middle;` aligns the image vertically with the text.
 *

## Prettify.ts
/**
* A TypeScript type alias called `Prettify`.
* It takes a type as its argument and returns a new type that has the same properties as the original type,
* but the properties are not intersected. This means that the new type is easier to read and understand.
*/
type Prettify<T> = {
	[K in keyof T]: T[K];
} & {};

## index.html
<body>
<div id="⚛️"></div>
<script src="https://unpkg.com/react@16.0.0/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script>
<script type="text/babel">
ReactDOM.render(<div>Hello World!</div>, document.getElementById('⚛️'))
</script>
</body>

## bling-0.2.0.js
// based on https://gist.github.com/paulirish/12fb951a8b893a454b32

const $ = document.querySelector.bind(document);
const $$ = document.querySelectorAll.bind(document);

Node.prototype.on = window.on = function (name, fn) {
  this.addEventListener(name, fn);
};

NodeList.prototype.__proto__ = Array.prototype;

## bling.js
/* bling.js */

window.$ = document.querySelectorAll.bind(document);

Node.prototype.on = window.on = function (name, fn) {
  this.addEventListener(name, fn);
}

NodeList.prototype.__proto__ = Array.prototype;
	/**
	* This CSS block is a More Effective CSS Image Reset.
	* It resets the default styles of an image element
	* and adds some additional styles to improve its rendering.
	*
	* The `max-width: 100%;` ensures that the image does not exceed its container's width,
	* while maintaining its aspect ratio with `height: auto;`.
	*
	* The `vertical-align: middle;` aligns the image vertically with the text.
	*
	/**
	* A TypeScript type alias called `Prettify`.
	* It takes a type as its argument and returns a new type that has the same properties as the original type,
	* but the properties are not intersected. This means that the new type is easier to read and understand.
	*/
	type Prettify<T> = {
	[K in keyof T]: T[K];
	} & {};
	<body>
	<div id="⚛️"></div>
	<script src="https://unpkg.com/react@16.0.0/umd/react.development.js"></script>
	<script src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.development.js"></script>
	<script src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script>
	<script type="text/babel">
	ReactDOM.render(<div>Hello World!</div>, document.getElementById('⚛️'))
	</script>
	</body>
	// based on https://gist.github.com/paulirish/12fb951a8b893a454b32

	const $ = document.querySelector.bind(document);
	const $$ = document.querySelectorAll.bind(document);

	Node.prototype.on = window.on = function (name, fn) {
	this.addEventListener(name, fn);
	};

	NodeList.prototype.__proto__ = Array.prototype;
	/* bling.js */

	window.$ = document.querySelectorAll.bind(document);

	Node.prototype.on = window.on = function (name, fn) {
	this.addEventListener(name, fn);
	}

	NodeList.prototype.__proto__ = Array.prototype;