Peter Broschwitz pbroschwitz

## dot-htaccess-cwo
<IfModule mod_rewrite.c>

#Options +FollowSymLinks +ExecCGI
RewriteEngine On
#RewriteBase /
#RewriteBase /PHP/nfm-matenight-lottery/

# This makes serves up the public asset if it exists
RewriteCond public/$1 -F
RewriteRule ^(.*)$ public/$1 [QSA,L]

## 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

## list-image-dimensions
$>identify -format "%wx%h - %f\n" *.jpg

## dabblet.css
.overflowed > p{
	width: 10em;
	height: 5rem;
	white-space: pre-line;
	overflow: hidden;
	outline: 1px dashed lime;
}

.overflowed-clip {
	text-overflow: clip;

## 1. elements.html
<label for="toggle-1">I'm a toggle</label>
<input type="checkbox" id="toggle-1">
<div>I'm controlled by toggle. No JavaScript!</div>

## js-contains-function.js
function aContainsB (a, b) {
    return a.indexOf(b) >= 0;
}

var philosophers = "Aquinas, Maimonedes, and Avicenna";
var me = "Joshua";

function printPhilosopherStatus (person) {
    if (aContainsB(philosophers, person)) {
        console.log(person + " is a philosopher.");

## index.html
<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>Classical Pattern - Code Reuse Pattern</title>

		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
		<meta name="author" content="Hakim El Hattab">

## Using untyped jquery .on()
// Custom event listening
$(document).on('historyslider:initvideo', function (event) {
    var args: any = [].slice.call(arguments),
        players = args.length > 1 ? args[1] : $();

    _this.initVideo(players);
});

## threshold.ts
onScroll(): () => void {
        var last, timeout, threshold = 100;

        return () => {
            var now = Date.now();

            if (last && now < last + threshold) {
                window.clearTimeout(timeout);
                timeout = window.setTimeout(function () {
                    last = now;

## factory-pattern.html
<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>Factory Pattern</title>

		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
		<meta name="author" content="Hakim El Hattab">
	<IfModule mod_rewrite.c>

	#Options +FollowSymLinks +ExecCGI
	RewriteEngine On
	#RewriteBase /
	#RewriteBase /PHP/nfm-matenight-lottery/

	# This makes serves up the public asset if it exists
	RewriteCond public/$1 -F
	RewriteRule ^(.*)$ public/$1 [QSA,L]
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console
	.overflowed > p{
	width: 10em;
	height: 5rem;
	white-space: pre-line;
	overflow: hidden;
	outline: 1px dashed lime;
	}

	.overflowed-clip {
	text-overflow: clip;
	<label for="toggle-1">I'm a toggle</label>
	<input type="checkbox" id="toggle-1">
	<div>I'm controlled by toggle. No JavaScript!</div>
	function aContainsB (a, b) {
	return a.indexOf(b) >= 0;
	}

	var philosophers = "Aquinas, Maimonedes, and Avicenna";
	var me = "Joshua";

	function printPhilosopherStatus (person) {
	if (aContainsB(philosophers, person)) {
	console.log(person + " is a philosopher.");
	<!doctype html>
	<html lang="en">

	<head>
	<meta charset="utf-8">

	<title>Classical Pattern - Code Reuse Pattern</title>

	<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
	<meta name="author" content="Hakim El Hattab">
	// Custom event listening
	$(document).on('historyslider:initvideo', function (event) {
	var args: any = [].slice.call(arguments),
	players = args.length > 1 ? args[1] : $();

	_this.initVideo(players);
	});
	onScroll(): () => void {
	var last, timeout, threshold = 100;

	return () => {
	var now = Date.now();

	if (last && now < last + threshold) {
	window.clearTimeout(timeout);
	timeout = window.setTimeout(function () {
	last = now;