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>desbordes</title><style>
2body{margin:0;font:12px sans-serif}
3.sc{overflow:auto;border:1px solid #ccb;margin:3px;height:170px}
4.sk{position:sticky;top:0;background:#ffe;border-bottom:1px solid #dd9;padding:2px}
5.it{padding:2px 4px;border-bottom:1px dotted #ddd}
6</style><div id=r></div><script>
7function lcg(x){return function(){x=(x*1103515245+12345)&0x7fffffff;return x/0x7fffffff}}
8var r=lcg(83), h=[];
9// Contenedores de scroll anidados con `position:sticky`: Gecko tiene que recalcular la posición
10// pegajosa en cada scroll, y eso es camino de layout puro.
11for(var c=0;c<26;c++){
12 h.push("<div class=sc id=s"+c+"><div class=sk>cabecera pegajosa "+c+"</div>");
13 for(var i=0;i<160;i++){
14 if(i%40===0) h.push("<div class=sc style='height:90px'><div class=sk>anidada</div>");
15 h.push("<div class=it>"+((r()*1e9)|0).toString(36)+" — fila "+i+"</div>");
16 if(i%40===39) h.push("</div>");
17 }
18 h.push("</div>");
19}
20document.getElementById('r').innerHTML=h.join("");
21// Scroll programático: fuerza recálculo de sticky y de lo visible.
22var t=0;
23for(var i=0;i<60;i++){
24 for(var c=0;c<26;c++){ var n=document.getElementById('s'+c); if(n){ n.scrollTop=(i*37)%900; t+=n.scrollTop; } }
25}
26document.title="desb-"+(t|0);
27</script>