timup/triangles.html

## triangles.html
<!DOCTYPE html>
<html>
<head>
  <title>triangles</title>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.4.0/trianglify.min.js"></script>
<script>
  var colors = shuffle(['#599054','#94B569', '#C4D2A5', '#F6EECD']);
  var des_colores = shuffle(['#94B569', '#C4D2A5', '#F2D383', '#fff']);

  var pattern = Trianglify({
    width: 1000,
    height: 500,
    x_colors: colors,
    y_colors: des_colores,
    color_space: 'lab',
    variance: 0.75, // default
    stroke_width: 1.51 // default
  });

  var image = document.createElement("img");
  image.setAttribute('src', pattern.png());

  document.body.appendChild(image);

function shuffle(array) {
    let counter = array.length;

    // While there are elements in the array
    while (counter > 0) {
        // Pick a random index
        let index = Math.floor(Math.random() * counter);

        // Decrease counter by 1
        counter--;

        // And swap the last element with it
        let temp = array[counter];
        array[counter] = array[index];
        array[index] = temp;
    }

    return array;
}
</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>triangles</title>
	</head>
	<body>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.4.0/trianglify.min.js"></script>
	<script>
	var colors = shuffle(['#599054','#94B569', '#C4D2A5', '#F6EECD']);
	var des_colores = shuffle(['#94B569', '#C4D2A5', '#F2D383', '#fff']);

	var pattern = Trianglify({
	width: 1000,
	height: 500,
	x_colors: colors,
	y_colors: des_colores,
	color_space: 'lab',
	variance: 0.75, // default
	stroke_width: 1.51 // default
	});

	var image = document.createElement("img");
	image.setAttribute('src', pattern.png());

	document.body.appendChild(image);

	function shuffle(array) {
	let counter = array.length;

	// While there are elements in the array
	while (counter > 0) {
	// Pick a random index
	let index = Math.floor(Math.random() * counter);

	// Decrease counter by 1
	counter--;

	// And swap the last element with it
	let temp = array[counter];
	array[counter] = array[index];
	array[index] = temp;
	}

	return array;
	}
	</script>
	</body>
	</html>