<div class="title">smiley slider</div>
<div class="date">11/7/11 <a href="http://feeds.feedburner.com/glittleorgblog">RSS</a></div>
<script src="https://raw.github.com/dglittle/smiley-slider/master/smiley-slider.js"></script>
<script>
$(function () {
var s = new SmileySlider($('#slider').get()[0], "https://raw.github.com/dglittle/smiley-slider/master/smiley-slider.png")
})
</script>
<div id="slider" style="margin: 70px auto 100px; width: 329px;"><div style="width: 329px; height: 37px; background: none repeat scroll 0% 0% white;"><div style="width: 329px; height: 6px; margin-right: -329px; margin-bottom: -6px; position: relative; top: 15px; background: url("https://raw.github.com/dglittle/smiley-slider/master/smiley-slider.png") repeat scroll 0% 0% transparent;"></div><div style="width: 40px; height: 37px; margin-right: -40px; margin-bottom: -37px; position: relative; background: url("https://raw.github.com/dglittle/smiley-slider/master/smiley-slider.png") repeat scroll 0px -6px transparent; left: 147px;"><canvas height="37" width="36" style="width: 36px; height: 37px; position: relative; left: 4px;"></canvas></div><div style="width: 329px; height: 37px; margin-right: -329px; margin-bottom: -37px; position: relative;"></div></div></div>
<p><a href="http://www.john-joseph-horton.com/">John Horton</a> commissioned this thing on oDesk.. I need to get the name of the developer. It uses an html5 canvas and bezier curves to create a continuum of emotions as you slide it. Here is the <a href="https://github.com/dglittle/smiley-slider">source code</a>.</p>
