Skip to content

Instantly share code, notes, and snippets.

@jennschiffer

jennschiffer/Hot-Neon-Garbage.markdown

Created September 25, 2014 01:35
Show Gist options
  • Save jennschiffer/03a792ef526d23fdcf2f to your computer and use it in GitHub Desktop.
Save jennschiffer/03a792ef526d23fdcf2f to your computer and use it in GitHub Desktop.
Download ZIP
A Pen by Jenn.
Raw
Hot-Neon-Garbage.markdown
Raw
index.html
<ul id="frame"></ul>
Raw
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);
}
Raw
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; }
@jennschiffer
Copy link
Author

@angelawyman i'm looking for web friendly. thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment