jennschiffer · September 25, 2014 01:35 · searls · Sep 25, 2014 · ghost · Sep 25, 2014
diff --git a/Hot-Neon-Garbage.markdown b/Hot-Neon-Garbage.markdown
diff --git a/index.html b/index.html
 <ul id="frame"></ul>
diff --git a/script.js b/script.js
 var neonColors = [
  '#ff00ff',
  '#00ffff',
  '#00ff00',
  '#ffff00',
  '#ff0000',
  '#0000ff',
  '#7920FF',
  '#FD0987',
  '#FF3300',
  '#FF6EC7',
  '#00FF66',
  '#4D4DFF',
  '#67C8FF',
 ];

 var frame = document.getElementById('frame');
  
 for (var i = 0; i < neonColors.length; i++ ) {
  var item = document.createElement('li');
  item.style.backgroundColor = neonColors[i];
  item.innerHTML = '<span>' + neonColors[i] + '</span>';
  frame.appendChild(item);
 }
diff --git a/style.css b/style.css
 li { padding: 20px; margin: 1em; list-style-type: none; }
 li span { display: inline-block; background: white; padding: 5px; font-family: monospace; font-weight: bold; text-transform: lowercase; }
	var neonColors = [
	'#ff00ff',
	'#00ffff',
	'#00ff00',
	'#ffff00',
	'#ff0000',
	'#0000ff',
	'#7920FF',
	'#FD0987',
	'#FF3300',
	'#FF6EC7',
	'#00FF66',
	'#4D4DFF',
	'#67C8FF',
	];

	var frame = document.getElementById('frame');

	for (var i = 0; i < neonColors.length; i++ ) {
	var item = document.createElement('li');
	item.style.backgroundColor = neonColors[i];
	item.innerHTML = '<span>' + neonColors[i] + '</span>';
	frame.appendChild(item);
	}
	li { padding: 20px; margin: 1em; list-style-type: none; }
	li span { display: inline-block; background: white; padding: 5px; font-family: monospace; font-weight: bold; text-transform: lowercase; }