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>flex</title><style>
2body{font:13px sans-serif;margin:0}
3.c{display:flex;flex-wrap:wrap;gap:2px;padding:2px;border:1px solid #ccd}
4.c>div{flex:1 1 auto;min-width:40px;padding:3px;background:#eef;border:1px solid #99c}
5.col{flex-direction:column}.ctr{align-items:center;justify-content:space-between}
6.gr2{flex-grow:2}.sh0{flex-shrink:0}
7</style><div id=r></div><script>
8// Flexbox anidado a 4 niveles, con mezcla de grow/shrink/basis y wrap. Determinista.
9function lcg(s){return function(){s=(s*1103515245+12345)&0x7fffffff;return s/0x7fffffff}}
10var r=lcg(7);
11function caja(prof){
12 if(prof===0) return "<div>"+((r()*1e6)|0)+"</div>";
13 var cls="c"+(r()<0.4?" col":"")+(r()<0.3?" ctr":"");
14 var n=2+((r()*4)|0), h="<div class='"+cls+"'>";
15 for(var i=0;i<n;i++){
16 var extra=r()<0.25?" class='gr2'":(r()<0.2?" class='sh0'":"");
17 h+="<div"+extra+">"+caja(prof-1)+"</div>";
18 }
19 return h+"</div>";
20}
21var out=[]; for(var i=0;i<12;i++) out.push(caja(4)); // 12 y no 40: con 40 la página medía 68.241 px de alto y la captura fallaba por tamaño de superficie
22document.getElementById('r').innerHTML=out.join("");
23// Forzar layout de verdad, no sólo parse.
24var t=0; for(var i=0;i<120;i++){ t+=document.getElementById('r').getBoundingClientRect().height;
25 document.body.style.width=(900+i%7)+"px"; }
26document.title="flex-"+(t|0);
27</script>