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>selectores</title><style id=s></style>
2<div id=r></div><script>
3function lcg(x){return function(){x=(x*1103515245+12345)&0x7fffffff;return x/0x7fffffff}}
4var r=lcg(41);
5// Resolución de estilo: DOM profundo contra CIENTOS de reglas, muchas de las cuales NO casan.
6// Es trabajo puro del motor de selectores, invisible para un benchmark de JS.
7var reglas=[];
8for(var i=0;i<600;i++){
9 var d=1+((r()*4)|0), sel=[];
10 for(var j=0;j<d;j++){
11 var t=r();
12 sel.push(t<0.3?(".c"+((r()*40)|0)) : t<0.55?("#n"+((r()*300)|0)) :
13 t<0.7?("div.c"+((r()*40)|0)+":nth-child("+(1+((r()*5)|0))+")") :
14 t<0.85?("[data-k='"+((r()*20)|0)+"']") : "div");
15 }
16 reglas.push(sel.join(r()<0.5?" ":" > ")+"{color:#"+(((r()*0xfff)|0)|0x400).toString(16)+"}");
17}
18document.getElementById('s').textContent=reglas.join("\n");
19function arbol(p,prof){
20 if(prof===0) return "";
21 var n=2+((r()*3)|0),h="";
22 for(var i=0;i<n;i++)
23 // Con texto en las hojas, no sólo divs vacíos: si el árbol no pinta nada, la página entrena
24 // la resolución de estilo pero deja fuera el layout inline, que va en el mismo viaje.
25 var dentro = arbol(p+1,prof-1) || ("nodo "+((r()*1e6)|0).toString(36));
26 h+="<div id=n"+((r()*300)|0)+" class='c"+((r()*40)|0)+" c"+((r()*40)|0)+
27 "' data-k='"+((r()*20)|0)+"'>"+dentro+"</div>";
28 return h;
29}
30document.getElementById('r').innerHTML=arbol(0,7);
31// Invalidar el estilo a propósito y forzar recálculo: el camino caliente de verdad.
32var t=0, raiz=document.getElementById('r');
33for(var i=0;i<40;i++){ raiz.className="v"+(i%5); t+=raiz.getBoundingClientRect().height; }
34document.title="sel-"+(t|0);
35</script>