function createEmptyQuad(){s="float: left;width: 50%;height: 50%; outline: 1px solid black;";var a="opacity: 0.1;"+s,b="opacity: 0.9; background-color: rgba(30, 120, 180, 0.20);"+s,c=document.createElement("div");return c.style.cssText=a,c.addEventListener("mouseenter",function(a){c.style.cssText=b}),c.addEventListener("mouseleave",function(b){c.style.cssText=a}),c}function addQuads(a){a.appendChild(createEmptyQuad()),a.appendChild(createEmptyQuad()),a.appendChild(createEmptyQuad()),a.appendChild(createEmptyQuad())}function createQuad(a,b){var c=[];return a.forEach(function(a){a.style.zIndex=b,addQuads(a),a.childNodes.forEach(function(a){c.push(a)})}),c}var container=document.createElement("div");container.style.cssText="width: 100%; height: 100%; background-color: rgba(250, 30, 170, 0.30); padding: 0px; margin: 0px;",document.body.appendChild(container),addQuads(container);for(var quads=container.childNodes,i=0;i<5;i++)quads=createQuad(quads,i);
ZnVuY3Rpb24gY3JlYXRlRW1wdHlRdWFkKCl7cz0iZmxvYXQ6IGxlZnQ7d2lkdGg6IDUwJTtoZWlnaHQ6IDUwJTsgb3V0bGluZTogMXB4IHNvbGlkIGJsYWNrOyI7dmFyIGE9Im9wYWNpdHk6IDAuMTsiK3MsYj0ib3BhY2l0eTogMC45OyBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDMwLCAxMjAsIDE4MCwgMC4yMCk7IitzLGM9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgiZGl2Iik7cmV0dXJuIGMuc3R5bGUuY3NzVGV4dD1hLGMuYWRkRXZlbnRMaXN0ZW5lcigibW91c2VlbnRlciIsZnVuY3Rpb24oYSl7Yy5zdHlsZS5jc3NUZXh0PWJ9KSxjLmFkZEV2ZW50TGlzdGVuZXIoIm1vdXNlbGVhdmUiLGZ1bmN0aW9uKGIpe2Muc3R5bGUuY3NzVGV4dD1hfSksY31mdW5jdGlvbiBhZGRRdWFkcyhhKXthLmFwcGVuZENoaWxkKGNyZWF0ZUVtcHR5UXVhZCgpKSxhLmFwcGVuZENoaWxkKGNyZWF0ZUVtcHR5UXVhZCgpKSxhLmFwcGVuZENoaWxkKGNyZWF0ZUVtcHR5UXVhZCgpKSxhLmFwcGVuZENoaWxkKGNyZWF0ZUVtcHR5UXVhZCgpKX1mdW5jdGlvbiBjcmVhdGVRdWFkKGEsYil7dmFyIGM9W107cmV0dXJuIGEuZm9yRWFjaChmdW5jdGlvbihhKXthLnN0eWxlLnpJbmRleD1iLGFkZFF1YWRzKGEpLGEuY2hpbGROb2Rlcy5mb3JFYWNoKGZ1bmN0aW9uKGEpe2MucHVzaChhKX0pfSksY312YXIgY29udGFpbmVyPWRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoImRpdiIpO2NvbnRhaW5lci5zdHlsZS5jc3NUZXh0PSJ3aWR0aDogMTAwJTsgaGVpZ2h0OiAxMDAlOyBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1MCwgMzAsIDE3MCwgMC4zMCk7IHBhZGRpbmc6IDBweDsgbWFyZ2luOiAwcHg7Iixkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKGNvbnRhaW5lciksYWRkUXVhZHMoY29udGFpbmVyKTtmb3IodmFyIHF1YWRzPWNvbnRhaW5lci5jaGlsZE5vZGVzLGk9MDtpPDU7aSsrKXF1YWRzPWNyZWF0ZVF1YWQocXVhZHMsaSk7
Original source not submitted