Tripp Lyons tripplyons

## template.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Template</title>

		<!-- Put your CSS below -->
		<style>
			h1 {
				color: red;

## config.json
{
  "vars": {
    "@gray-base": "#000",
    "@gray-darker": "lighten(@gray-base, 13.5%)",
    "@gray-dark": "lighten(@gray-base, 20%)",
    "@gray": "lighten(@gray-base, 33.5%)",
    "@gray-light": "lighten(@gray-base, 46.7%)",
    "@gray-lighter": "lighten(@gray-base, 93.5%)",
    "@brand-primary": "#ffc107",
    "@brand-success": "#8bc34a",

## colorramp.js
function hex (c) {
  var s = "0123456789abcdef";
  var i = parseInt (c);
  if (i == 0 || isNaN (c))
    return "00";
  i = Math.round (Math.min (Math.max (0, i), 255));
  return s.charAt ((i - i % 16) / 16) + s.charAt (i % 16);
}

/* Convert an RGB triplet to a hex string */

## GLSLsandbox
#ifdef GL_ES
precision mediump float;
#endif

#extension GL_OES_standard_derivatives : enable

uniform float time;
uniform vec2 mouse;
uniform vec2 resolution;

## thing.pegjs
start = exps:(expr+) {
	return exps.join('')
}
call = first:((func:function) / (identifier:id)) "(" exp:expr? ")" {
	return first + "(" + exp + ")"
}
id = chars:([a-zA-Z]+) {
	return chars.join('')
}
def = "#" identifier:id {

## gist:20ffafaa8c445f20a01eef283b7f5f9f
var iterations = 1000000;
console.time('Function #1');
for(var i = 0; i < iterations; i++ ){
    functionOne();
};
console.timeEnd('Function #1')

console.time('Function #2');
for(var i = 0; i < iterations; i++ ){
    functionTwo();

## gist:7105d718207f7087c2769c72bd647687
#f2c01d
#ed003a
#4f8900

## index.html
<div id="card"></div>

## handy.py
#!/usr/bin/env python
import cv2
import numpy as np

def main():
    cap = cv2.VideoCapture(0)
    while(cap.isOpened()):
        ret, img       = cap.read()

        skinMask = HSVBin(img)

## get.js
function get(url, cb) {
    var xhr = new XMLHttpRequest()
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            cb(xhr.responseText)
        }
    }
    xhr.open("GET", url, true) // true for asynchronous
    xhr.send(null)
}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Template</title>

	<!-- Put your CSS below -->
	<style>
	h1 {
	color: red;
	{
	"vars": {
	"@gray-base": "#000",
	"@gray-darker": "lighten(@gray-base, 13.5%)",
	"@gray-dark": "lighten(@gray-base, 20%)",
	"@gray": "lighten(@gray-base, 33.5%)",
	"@gray-light": "lighten(@gray-base, 46.7%)",
	"@gray-lighter": "lighten(@gray-base, 93.5%)",
	"@brand-primary": "#ffc107",
	"@brand-success": "#8bc34a",
	function hex (c) {
	var s = "0123456789abcdef";
	var i = parseInt (c);
	if (i == 0 \|\| isNaN (c))
	return "00";
	i = Math.round (Math.min (Math.max (0, i), 255));
	return s.charAt ((i - i % 16) / 16) + s.charAt (i % 16);
	}

	/* Convert an RGB triplet to a hex string */
	#ifdef GL_ES
	precision mediump float;
	#endif

	#extension GL_OES_standard_derivatives : enable

	uniform float time;
	uniform vec2 mouse;
	uniform vec2 resolution;
	start = exps:(expr+) {
	return exps.join('')
	}
	call = first:((func:function) / (identifier:id)) "(" exp:expr? ")" {
	return first + "(" + exp + ")"
	}
	id = chars:([a-zA-Z]+) {
	return chars.join('')
	}
	def = "#" identifier:id {
	var iterations = 1000000;
	console.time('Function #1');
	for(var i = 0; i < iterations; i++ ){
	functionOne();
	};
	console.timeEnd('Function #1')

	console.time('Function #2');
	for(var i = 0; i < iterations; i++ ){
	functionTwo();
	#!/usr/bin/env python
	import cv2
	import numpy as np

	def main():
	cap = cv2.VideoCapture(0)
	while(cap.isOpened()):
	ret, img = cap.read()

	skinMask = HSVBin(img)
	function get(url, cb) {
	var xhr = new XMLHttpRequest()
	xhr.onreadystatechange = function() {
	if (xhr.readyState == 4 && xhr.status == 200) {
	cb(xhr.responseText)
	}
	}
	xhr.open("GET", url, true) // true for asynchronous
	xhr.send(null)
	}