sergio/takana
> Una distribución Linux construida con un laboratorio funcional y hermético en el > sótano, y una terminal mutable, clásica y anárquica en el piso de arriba — diseñada > desde el suelo para que una IA programadora entienda, modifique y co…
corpus de maquetación para el PGO: 10 páginas nuestras
1<!doctype html><meta charset=utf-8><title>transformar</title><style>
2body{margin:0}
3.t{position:absolute;width:56px;height:40px;border:1px solid #557;background:#dde;
4 border-radius:4px;font:10px sans-serif;overflow:hidden}
5.w{will-change:transform}.z{z-index:5}
6</style><div id=r style="position:relative;height:2600px"></div><script>
7function lcg(x){return function(){x=(x*1103515245+12345)&0x7fffffff;return x/0x7fffffff}}
8var r=lcg(67), h=[];
9// Transformaciones y contextos de apilamiento: obliga a Gecko a armar capas y a ordenarlas.
10for(var i=0;i<900;i++){
11 var rot=((r()*360)|0), sx=(0.5+r()).toFixed(2), tx=((r()*1000)|0), ty=((r()*2500)|0);
12 var cls="t"+(r()<0.25?" w":"")+(r()<0.2?" z":"");
13 h.push("<div class='"+cls+"' style=\"left:"+tx+"px;top:"+ty+"px;transform:rotate("+rot+
14 "deg) scale("+sx+") skewX("+((r()*20)|0)+"deg)\">"+i+"</div>");
15}
16document.getElementById('r').innerHTML=h.join("");
17var t=0, n=document.getElementById('r');
18for(var i=0;i<60;i++){ n.style.transform="translateZ(0) rotate("+(i%7)+"deg)";
19 t+=n.getBoundingClientRect().width; }
20document.title="tr-"+(t|0);
21</script>