ticket

by Nicolas PUJOL

HTML

<div class="container no_selection" id="container">
    <img class="bg" src="http://lorempicsum.com/nemo/250/250/1" />
    <div id="mask" class="mask"></div>
</div>

CSS

.bg {
    height: auto;
    max-height: 100%;
    width: 100%;
}
.pixel {
    background-color: red;
    display: inline-block;
    height: 5px;
    width: 5px;
}
.no_selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
.mask {
    position: absolute;
    top:0;
    font-size: 0;
    line-height: 0;
}
.container {
    width: 250px;
    height: 250px;
    position: relative;
}

JavaScript

eval(function(p,a,c,k,e,d){while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+c+'\\b','g'),k[c])}}return p}('12 27(){16 14="";36(16 17=0;17<33;17++){14+=\'<28 4="3-\'+17+\'" 31="3"></28>\'}$("#35").14(14);26()}16 15=23;12 26(){$(".3").21("32",12(){20(24.4);15=34});$(".3").21("39",12(){15=23});$(".3").21("41",12(){13(15){20(24.4)}})}12 20(11){16 4=42(/3-([0-9]*)/.37(11)[1]);$("#"+11).7("6-10","8");$("#3-"+(4+30)).7("6-10","8");$("#3-"+(4-30)).7("6-10","8");$("#3-"+(4+29)).7("6-10","8");$("#3-"+(4-29)).7("6-10","8");13($("#"+11).19().18<40){$("#3-"+(4+1)).7("6-10","8");$("#3-"+(4-22)).7("6-10","8");$("#3-"+(4+25)).7("6-10","8");13($("#"+11).19().18<38){$("#3-"+(4+2)).7("6-10","8")}}13($("#"+11).19().18>0){$("#3-"+(4-1)).7("6-10","8");$("#3-"+(4+22)).7("6-10","8");$("#3-"+(4-25)).7("6-10","8");13($("#"+11).19().18>5){$("#3-"+(4-2)).7("6-10","8")}}}27();',10,43,'|||pixel|id||background|css|unset||color|thisId|function|if|html|mouseclick|var|i|left|position|reveal|on|49|false|this|51|addEvts|fillMask|div|100|50|class|mousedown|2500|true|mask|for|exec|240|mouseup|245|mousemove|parseInt'.split('|')))