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…
sitio: un fondo de color que deriva despacio, y las pastillas de arriba dejan de ser transparentes
1<!DOCTYPE html>
2<html lang="es" data-lang="es">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1">
6<title>takana — la forja determinista</title>
7<meta name="description" content="Una distribución de Linux con dos pisos: un laboratorio hermético que compila todo desde fuente y direcciona por hash, y un Linux clásico y mutable encima.">
8<meta name="color-scheme" content="light dark">
9<link rel="icon" href="simbolo.svg" type="image/svg+xml">
10<link rel="stylesheet" href="fuentes.css">
11<meta property="og:title" content="takana — la forja determinista">
12<meta property="og:description" content="Un laboratorio hermético abajo, un Linux clásico y mutable arriba. 941 recetas, 926 selladas.">
13<meta property="og:url" content="https://takana-os.net/">
14<meta property="og:type" content="website">
15<style>
16/* ── paleta oficial (docs/marca/README.md) ─────────────────────────────────────
17 Obsidiana #17130E · Piedra #2A241B · Alpaca #F2EBDD
18 Brasa #DF6B2A · Inti #E3A63D · Rojo fragua #A63A25 · Chispa #FFF6DE
19 El tema claro OSCURECE brasa para el texto: #DF6B2A sobre alpaca no llega a 3:1. */
20:root{
21 --obsidiana:#17130E;--piedra:#2A241B;--alpaca:#F2EBDD;
22 --brasa:#DF6B2A;--inti:#E3A63D;--fragua:#A63A25;--chispa:#17130E;
23 --fondo:#F2EBDD;--papel:#FAF6EC;--papel2:#EAE0CC;--linea:#DBCFB5;--linea2:#C4B593;
24 --texto:#17130E;--tenue:#544A3C;--debil:#6B604E;
25 --acento:#9E3F16;--acento2:#8A5A12;
26 --display:"Chivo","Arial Black",system-ui,sans-serif;
27 --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
28 --mono:"IBM Plex Mono",ui-monospace,"DejaVu Sans Mono",monospace;
29 color-scheme:light}
30@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
31 --chispa:#FFF6DE;
32 --fondo:#17130E;--papel:#1D1813;--papel2:#2A241B;--linea:#332B21;--linea2:#4A3F30;
33 --texto:#F2EBDD;--tenue:#B8AB95;--debil:#9C907B;
34 --acento:#E8834A;--acento2:#E3A63D;
35 color-scheme:dark}}
36:root[data-theme="dark"]{
37 --chispa:#FFF6DE;
38 --fondo:#17130E;--papel:#1D1813;--papel2:#2A241B;--linea:#332B21;--linea2:#4A3F30;
39 --texto:#F2EBDD;--tenue:#B8AB95;--debil:#9C907B;
40 --acento:#E8834A;--acento2:#E3A63D;
41 color-scheme:dark}
42
43/* ── el fondo vivo: cinco manchas de color que derivan despacio ─────────────────────────────
44 Va en un plano FIJO detrás de todo (`z-index:-1`), que funciona porque `section.franja` no
45 tiene fondo propio —sólo un `border-top`—: el color se ve en la página entera y no sólo en los
46 bordes. Las tarjetas (`--papel`) siguen siendo opacas, que es lo que mantiene el texto legible
47 encima de un fondo que se mueve.
48
49 ⚠ **Lo que se anima son `transform`, `opacity` y `filter`, y nada más.** Ésas tres las resuelve
50 el compositor sin repintar; animar el `background` de un gradiente a pantalla completa repinta
51 cada cuadro y en un portátil se nota en el ventilador antes que en los ojos.
52
53 ⚠ Y el movimiento aleatorio NO se hace cuadro a cuadro desde JS: el guion sólo elige un destino
54 nuevo cada varios segundos y la TRANSICIÓN de CSS interpola. Un `requestAnimationFrame` que
55 escribe estilos 60 veces por segundo para mover algo que tarda un minuto en cruzar la pantalla
56 es trabajo tirado.
57
58 `--mezcla` y `--fuerza` son lo que cambia entre temas: en oscuro `screen` suma luz de color
59 sobre la obsidiana; en claro eso lavaría todo a blanco, así que ahí se usa `multiply` con muy
60 poca fuerza y queda un tinte, no una mancha. */
61:root{--mezcla:multiply;--fuerza:.16}
62@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--mezcla:screen;--fuerza:.52}}
63:root[data-theme="dark"]{--mezcla:screen;--fuerza:.52}
64.aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
65 contain:strict}
66.aurora i{position:absolute;display:block;top:50%;left:50%;
67 width:78vmax;height:78vmax;margin:-39vmax 0 0 -39vmax;border-radius:50%;
68 mix-blend-mode:var(--mezcla);opacity:var(--fuerza);
69 /* El blur es enorme a propósito: sin él se ven cinco círculos, y con él se ve UN campo de color.
70 `will-change` sube las manchas a su propia capa para que el compositor no rehaga el resto. */
71 filter:blur(9vmax);will-change:transform,opacity,filter;
72 transition:transform 46s cubic-bezier(.37,0,.63,1),opacity 46s linear,filter 46s linear}
73.aurora i:nth-child(1){background:radial-gradient(circle,#8A3BD6 0%,rgba(138,59,214,0) 68%)}
74.aurora i:nth-child(2){background:radial-gradient(circle,#1F8FA8 0%,rgba(31,143,168,0) 68%)}
75.aurora i:nth-child(3){background:radial-gradient(circle,#DF6B2A 0%,rgba(223,107,42,0) 68%)}
76.aurora i:nth-child(4){background:radial-gradient(circle,#C2266B 0%,rgba(194,38,107,0) 68%)}
77.aurora i:nth-child(5){background:radial-gradient(circle,#2F6BD8 0%,rgba(47,107,216,0) 68%)}
78/* Quien pide menos movimiento recibe el color y no el movimiento: el fondo sigue siendo colorido,
79 pero se queda quieto. No es un extra — un fondo que deriva puede marear de verdad. */
80@media (prefers-reduced-motion:reduce){.aurora i{transition:none}}
81
82*{margin:0;padding:0;box-sizing:border-box}
83html{scroll-behavior:smooth}
84body{background:var(--fondo);color:var(--texto);font:17px/1.62 var(--sans);
85 -webkit-font-smoothing:antialiased;overflow-x:hidden}
86.envoltura{max-width:840px;margin:0 auto;padding:0 1.5rem}
87p{margin:0 0 1rem}
88a{color:inherit;text-decoration:none}
89h1,h2,h3{font-weight:600;letter-spacing:-.01em;line-height:1.15}
90/* el selector de variante: nombre, qué es, y entre llaves lo que trae */
91/* SIEMPRE dos y dos, y las cuatro del mismo alto: `grid-auto-rows:1fr` iguala las
92 dos filas entre sí, y el `stretch` por defecto iguala las dos de cada fila. */
93.selector{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:.5rem;
94 margin:1.5rem 0 1.7rem}
95.opcion{display:flex;flex-direction:column;text-align:left;background:var(--papel);
96 border:1px solid var(--linea2);border-radius:12px;
97 padding:.72rem .85rem;cursor:pointer;font:inherit;color:var(--texto);
98 transition:border-color .15s,box-shadow .15s}
99.opcion:hover{border-color:var(--acento)}
100.opcion.on{border-color:var(--acento);box-shadow:inset 0 0 0 1px var(--acento)}
101.opcion .nom{display:block;font:500 .95rem/1.2 var(--mono)}
102.opcion.on .nom{color:var(--acento)}
103.opcion .que{display:block;font-size:.8rem;color:var(--tenue);margin-top:.18rem}
104.opcion .trae{display:block;font:.72rem/1.35 var(--mono);color:var(--debil);margin-top:.32rem}
105
106/* cada bloque de comandos: rótulo, peso a la derecha, y su botón de copiar */
107.bloque{margin:0 0 1.2rem}
108.rotulo{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .38rem;
109 font:.7rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--debil)}
110.rotulo .peso{margin-left:auto;letter-spacing:0;text-transform:none;color:var(--tenue)}
111.codigo{position:relative}
112/* el botón vive en una banda propia arriba: así no pisa la primera línea ni cuando
113 el comando es largo y el bloque scrollea por debajo. Y el `min-height` deja todas
114 las cajas del mismo alto — con tres líneas, con dos, o con el aviso de que no hay. */
115.codigo pre{margin:0;padding:2.7rem 1rem .9rem;min-height:7.8rem}
116.copiar{position:absolute;top:.55rem;right:.6rem;font:500 .7rem/1 var(--sans);color:var(--tenue);
117 background:var(--papel);border:1px solid var(--linea2);border-radius:8px;padding:.35rem .58rem;
118 cursor:pointer;transition:color .15s,border-color .15s}
119.copiar:hover,.copiar.ok{color:var(--acento);border-color:var(--acento)}
120.bloque.novale .copiar{display:none}
121pre a{color:var(--acento);text-decoration:underline;text-underline-offset:2px}
122pre .vacio{color:var(--debil)}
123code{font:.86em/1.5 var(--mono);background:var(--papel2);border:1px solid var(--linea);
124 border-radius:5px;padding:.08em .38em}
125:root[data-lang="es"] [data-l="en"],:root[data-lang="en"] [data-l="es"]{display:none!important}
126
127/* el símbolo: martillo en retícula tocapu 7×7 */
128.simbolo{display:inline-block;flex:0 0 auto;aspect-ratio:1}
129.simbolo .chispa{fill:var(--chispa)}
130
131header.barra{position:sticky;top:0;z-index:60;
132 background:color-mix(in srgb,var(--fondo) 88%,transparent);
133 backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
134.barra .envoltura{display:flex;align-items:center;gap:1rem;height:58px;max-width:1080px}
135.marca{display:flex;align-items:center;gap:.55rem;
136 font:900 .95rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase}
137.marca .simbolo{width:20px}
138nav.enlaces{margin-left:auto;display:flex;gap:1.15rem;font-size:.88rem}
139nav.enlaces a{color:var(--tenue)}
140nav.enlaces a:hover{color:var(--acento)}
141.perillas{display:flex;gap:.35rem}
142/* ⚠ Estas pastillas eran `background:transparent`, y con el fondo vivo detrás eso dejó de ser
143 gratis: la barra es translúcida (88 %), así que por un control transparente pasaban las manchas
144 de color en movimiento y el rótulo perdía contraste a ratos — legible en una captura y no en la
145 siguiente, que es la peor forma de estar ilegible. Un relleno propio lo ancla sin taparlo. */
146.perilla{font:500 .76rem/1 var(--sans);color:var(--tenue);
147 background:color-mix(in srgb,var(--papel) 72%,transparent);
148 border:1px solid var(--linea2);border-radius:99px;padding:.42rem .6rem;cursor:pointer;
149 transition:background-color .15s,color .15s,border-color .15s}
150.perilla:hover{color:var(--texto);border-color:var(--acento);
151 background:color-mix(in srgb,var(--papel) 90%,transparent)}
152/* La activa va más opaca que las demás: es la que tiene que leerse de un vistazo. */
153.perilla.on{color:var(--acento);font-weight:700;border-color:var(--acento);
154 background:color-mix(in srgb,var(--papel) 94%,transparent)}
155@media(max-width:860px){nav.enlaces{display:none}.perillas{margin-left:auto}}
156
157.portada{position:relative;padding:4.6rem 0 2.6rem;overflow:hidden}
158.portada .fragua{position:absolute;inset:-45% -25% 5% -25%;pointer-events:none;z-index:0;
159 background:radial-gradient(42% 46% at 22% 32%,color-mix(in srgb,var(--brasa) 26%,transparent),transparent 70%),
160 radial-gradient(42% 46% at 76% 22%,color-mix(in srgb,var(--inti) 20%,transparent),transparent 70%),
161 radial-gradient(38% 42% at 55% 60%,color-mix(in srgb,var(--fragua) 16%,transparent),transparent 70%);
162 filter:blur(14px)}
163.portada .envoltura{position:relative;z-index:1}
164.antetitulo{font:.72rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;
165 color:var(--debil);margin-bottom:1rem}
166.titular{display:flex;align-items:center;gap:1.1rem;margin-bottom:.9rem}
167.titular .simbolo{width:clamp(48px,9vw,74px)}
168h1{font:900 clamp(3rem,10vw,5.2rem)/.92 var(--display);letter-spacing:.01em;
169 text-transform:uppercase;
170 background:linear-gradient(100deg,var(--fragua),var(--brasa) 52%,var(--inti));
171 -webkit-background-clip:text;background-clip:text;color:transparent}
172.lema{font:400 clamp(1.1rem,2.4vw,1.35rem)/1.45 var(--sans);color:var(--texto);max-width:44ch}
173.botones{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
174.boton{display:inline-flex;align-items:center;gap:.4rem;font:600 .9rem/1 var(--sans);
175 padding:.75rem 1.1rem;border-radius:99px;border:1px solid var(--linea2);color:var(--texto);
176 transition:border-color .2s,transform .2s}
177.boton:hover{transform:translateY(-1px);border-color:var(--acento)}
178.boton.lleno{border-color:transparent;color:#17130E;
179 background:linear-gradient(100deg,var(--brasa),var(--inti))}
180
181section.franja{padding:3.4rem 0;border-top:1px solid var(--linea)}
182.sello{display:flex;align-items:center;gap:.5rem;font:.7rem/1 var(--mono);letter-spacing:.18em;
183 text-transform:uppercase;color:var(--debil);margin-bottom:.9rem}
184.sello .simbolo{width:12px}
185.franja h2{font-size:clamp(1.55rem,3.4vw,2rem);margin-bottom:1rem}
186.franja p{color:var(--tenue)}
187.franja p strong,.franja li strong{color:var(--texto)}
188
189ul.limpia{list-style:none;margin:.4rem 0 1rem}
190ul.limpia li{position:relative;padding-left:1.15rem;margin-bottom:.45rem;color:var(--tenue);font-size:.95rem}
191ul.limpia li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:2px;background:var(--brasa)}
192
193/* las decisiones: cada una es una ficha con tres lecturas de lo mismo —
194 contra qué se decide, qué implica por dentro, y qué quiere decir sin jerga */
195/* el diagrama de los dos pisos: SVG inline, no una imagen. Los colores van por
196 variable ⇒ cambia con el tema; el texto es texto ⇒ se traduce con el resto y lo
197 lee un lector de pantalla. En pantalla angosta scrollea DENTRO de su caja: encoger
198 un diagrama hasta que las etiquetas no se lean es peor que dejarlo desplazarse. */
199.diagrama{overflow-x:auto;margin:1.7rem 0 1.5rem}
200.diagrama svg{display:block;width:100%;max-width:560px;min-width:404px;height:auto;margin:0 auto;
201 font-family:var(--sans)}
202.diagrama .caja{fill:var(--papel);stroke:var(--linea)}
203.diagrama .cajita{fill:var(--papel2);stroke:var(--linea2)}
204.diagrama .encima{fill:none;stroke:var(--linea2);stroke-dasharray:5 4}
205.diagrama .t{fill:var(--texto)}
206.diagrama .s{fill:var(--tenue)}
207.diagrama .d{fill:var(--debil)}
208.diagrama .a{fill:var(--acento)}
209.diagrama .mono{font-family:var(--mono);letter-spacing:1.7px}
210.diagrama .flecha{stroke:var(--acento);stroke-width:1.6;fill:none}
211.diagrama .cabeza{fill:var(--acento)}
212
213.decisiones{display:grid;gap:.5rem;margin-top:1.5rem}
214.decision{border:1px solid var(--linea);border-radius:14px;background:var(--papel)}
215/* plegadas de entrada: trece fichas abiertas son una pared. La aseveración basta
216 para elegir cuál abrir, y `<details>` funciona sin una línea de JavaScript. */
217.decision summary{display:flex;gap:.65rem;align-items:baseline;cursor:pointer;
218 list-style:none;position:relative;padding:.9rem 2.7rem .9rem 1.3rem;
219 font-size:1.02rem;line-height:1.35}
220.decision summary::-webkit-details-marker{display:none}
221.decision summary::after{content:"";position:absolute;right:1.3rem;top:1.25rem;
222 width:.46rem;height:.46rem;border-right:1.5px solid var(--debil);
223 border-bottom:1.5px solid var(--debil);transform:rotate(45deg);transition:transform .18s}
224.decision[open] summary::after{transform:rotate(-135deg);border-color:var(--acento)}
225.decision summary:hover::after{border-color:var(--acento)}
226.decision .num{font:500 .72rem/1 var(--mono);letter-spacing:.1em;color:var(--acento);flex:0 0 auto}
227.decision dl{margin:0;padding:0 1.3rem 1.25rem}
228.decision dt{font:500 .65rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
229 color:var(--debil);margin-bottom:.32rem}
230.decision dd{margin:0 0 .9rem;color:var(--tenue);font-size:.93rem}
231.decision dd:last-child{margin-bottom:0}
232.decision dt.simple{color:var(--acento)}
233.decision dd.simple{color:var(--texto);border-left:2px solid var(--acento);padding-left:.8rem}
234@media(max-width:600px){.decision summary{padding:.85rem 2.4rem .85rem 1.05rem;
235 flex-direction:column;gap:.25rem}
236 .decision dl{padding:0 1.05rem 1.05rem}}
237
238.marco{border:1px solid var(--linea);border-radius:14px;background:var(--papel);
239 padding:1.3rem 1.4rem;margin-bottom:1rem;position:relative;overflow:hidden}
240.marco::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;
241 background:linear-gradient(90deg,var(--fragua),var(--brasa),var(--inti))}
242.marco h3{font-size:1.15rem;margin-bottom:.4rem}
243
244/* la ficha de repo: la dirección, grande y copiable */
245.direccion{border:1px solid var(--linea2);border-radius:12px;background:var(--papel);
246 padding:1rem 1.1rem;margin:.2rem 0 1rem}
247.direccion .etiqueta{font:.68rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;
248 color:var(--debil);margin-bottom:.5rem}
249.direccion .url{font:500 clamp(.86rem,2.3vw,1.02rem)/1.45 var(--mono);color:var(--acento);
250 word-break:break-all}
251.direccion .url:hover{text-decoration:underline}
252
253pre{font:.84rem/1.65 var(--mono);background:var(--papel2);border:1px solid var(--linea);
254 border-radius:10px;padding:.85rem 1rem;overflow-x:auto;margin:0 0 1rem;color:var(--texto)}
255pre .p{color:var(--debil);user-select:none}
256pre .c{color:var(--debil)}
257
258table{border-collapse:collapse;width:100%;margin:1rem 0 1.4rem;font-size:.9rem;display:block;overflow-x:auto}
259th,td{border:1px solid var(--linea);padding:.52rem .7rem;text-align:left;vertical-align:top}
260th{background:var(--papel2);font-weight:600;white-space:nowrap}
261td{color:var(--tenue)}
262td.n{font-family:var(--mono);white-space:nowrap;color:var(--texto)}
263.semaforo{white-space:nowrap}
264
265/* los paquetes principales al estilo de una ficha de distro: nombre y versión en
266 rejilla, para que entren de un vistazo y no en una tabla de quince filas */
267.versiones{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));
268 gap:.22rem .9rem;margin:.7rem 0 1.3rem;list-style:none}
269.versiones li{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;
270 font:.85rem/1.85 var(--mono);border-bottom:1px dotted var(--linea)}
271.versiones li b{font-weight:500;color:var(--texto)}
272.versiones li span{color:var(--tenue)}
273
274.nota{font-size:.82rem;color:var(--debil);border-left:2px solid var(--linea2);padding-left:.8rem}
275
276footer.pie{border-top:1px solid var(--linea);background:var(--papel);padding:2.6rem 0 3.4rem}
277.pie-rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1.4rem}
278.pie-rejilla a.casa{display:block;font-weight:600;margin-bottom:.15rem}
279.pie-rejilla a.casa:hover{color:var(--acento)}
280.pie-rejilla p{font-size:.84rem;color:var(--debil);margin:0}
281.pie-fin{margin-top:2rem;font-size:.8rem;color:var(--debil)}
282@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
283</style>
284</head>
285<body>
286<!-- El fondo vivo. `aria-hidden` porque no dice nada: es color. -->
287<div class="aurora" aria-hidden="true"><i></i><i></i><i></i><i></i><i></i></div>
288
289<svg width="0" height="0" style="position:absolute" aria-hidden="true">
290 <symbol id="tocapu" viewBox="0 0 748 748">
291 <rect x="0" y="0" width="100" height="100" fill="#A63A25"/>
292 <rect x="108" y="0" width="100" height="100" fill="#DF6B2A"/>
293 <rect x="216" y="0" width="100" height="100" fill="#E3A63D"/>
294 <rect x="324" y="0" width="100" height="100" fill="#E3A63D"/>
295 <rect x="432" y="0" width="100" height="100" fill="#E3A63D"/>
296 <rect x="540" y="0" width="100" height="100" fill="#DF6B2A"/>
297 <rect x="648" y="0" width="100" height="100" fill="#A63A25"/>
298 <rect x="108" y="108" width="100" height="100" fill="#DF6B2A"/>
299 <rect x="216" y="108" width="100" height="100" fill="#E3A63D"/>
300 <rect x="324" y="108" width="100" height="100" class="chispa"/>
301 <rect x="432" y="108" width="100" height="100" fill="#E3A63D"/>
302 <rect x="540" y="108" width="100" height="100" fill="#DF6B2A"/>
303 <rect x="0" y="216" width="100" height="100" fill="#A63A25"/>
304 <rect x="108" y="216" width="100" height="100" fill="#DF6B2A"/>
305 <rect x="216" y="216" width="100" height="100" fill="#E3A63D"/>
306 <rect x="324" y="216" width="100" height="100" fill="#E3A63D"/>
307 <rect x="432" y="216" width="100" height="100" fill="#E3A63D"/>
308 <rect x="540" y="216" width="100" height="100" fill="#DF6B2A"/>
309 <rect x="648" y="216" width="100" height="100" fill="#A63A25"/>
310 <rect x="324" y="324" width="100" height="100" fill="#DF6B2A"/>
311 <rect x="324" y="432" width="100" height="100" fill="#A63A25"/>
312 <rect x="324" y="540" width="100" height="100" fill="#A63A25"/>
313 <rect x="324" y="648" width="100" height="100" fill="#A63A25"/>
314 </symbol>
315</svg>
316
317<header class="barra"><div class="envoltura">
318 <a class="marca" href="/"><svg class="simbolo" viewBox="0 0 748 748"><use href="#tocapu"/></svg>takana</a>
319 <nav class="enlaces">
320 <a href="#descargar"><span data-l="es">Descargar</span><span data-l="en">Download</span></a>
321 <a href="#decisiones"><span data-l="es">Las decisiones</span><span data-l="en">The decisions</span></a>
322 <a href="#componentes"><span data-l="es">Los componentes</span><span data-l="en">Components</span></a>
323 <a href="#codigo"><span data-l="es">El código</span><span data-l="en">The code</span></a>
324 </nav>
325 <div class="perillas">
326 <button class="perilla" data-poner-lang="es">ES</button>
327 <button class="perilla" data-poner-lang="en">EN</button>
328 <button class="perilla" id="tema" title="tema">◐</button>
329 </div>
330</div></header>
331
332<section class="portada"><div class="fragua" aria-hidden="true"></div><div class="envoltura">
333 <p class="antetitulo"><span data-l="es">takana · el martillo</span><span data-l="en">takana · the hammer</span></p>
334 <div class="titular">
335 <svg class="simbolo" viewBox="0 0 748 748" aria-hidden="true"><use href="#tocapu"/></svg>
336 <h1>takana</h1>
337 </div>
338 <p class="lema">
339 <span data-l="es">Un Linux mutable que puedes romper y recuperar, manteniendo su pureza hasta el último bit.</span>
340 <span data-l="en">A mutable Linux you can break and recover, its purity intact down to the last bit.</span>
341 </p>
342 <div class="botones">
343 <a class="boton lleno" href="#descargar"><span data-l="es">Descargar</span><span data-l="en">Download</span></a>
344 <a class="boton" href="#codigo"><span data-l="es">El repositorio</span><span data-l="en">The repository</span></a>
345 <a class="boton" href="https://tawasuyu.net">tawasuyu.net ↗</a>
346 </div>
347</div></section>
348
349<section class="franja" id="descargar"><div class="envoltura">
350 <p class="sello"><svg class="simbolo" viewBox="0 0 748 748"><use href="#tocapu"/></svg><span data-l="es">01 · descargar</span><span data-l="en">01 · download</span></p>
351 <h2><span data-l="es">Descargar</span><span data-l="en">Download</span></h2>
352
353 <div class="selector" id="variantes" role="group" aria-label="variante">
354 <button class="opcion" data-v="base" type="button">
355 <span class="nom">base</span>
356 <span class="que"><span data-l="es">sólo el arranque</span><span data-l="en">boot only</span></span>
357 <span class="trae">{<span data-l="es">consola</span><span data-l="en">console</span>}</span>
358 </button>
359 <button class="opcion" data-v="mirada" type="button">
360 <span class="nom">mirada</span>
361 <span class="que"><span data-l="es">el escritorio de la suite</span><span data-l="en">the suite's desktop</span></span>
362 <span class="trae">{userland + mirada}</span>
363 </button>
364 <button class="opcion" data-v="servidor" type="button">
365 <span class="nom">servidor</span>
366 <span class="que"><span data-l="es">la máquina que sirve</span><span data-l="en">the serving machine</span></span>
367 <span class="trae">{userland + <span data-l="es">servicios</span><span data-l="en">services</span>}</span>
368 </button>
369 <button class="opcion" data-v="full" type="button">
370 <span class="nom">full</span>
371 <span class="que"><span data-l="es">todo junto</span><span data-l="en">everything at once</span></span>
372 <span class="trae">{userland + cli + <span data-l="es">5 escritorios + servicios</span><span data-l="en">5 desktops + services</span>}</span>
373 </button>
374 </div>
375
376 <div class="bloque" id="bloque-sh">
377 <p class="rotulo"><span data-l="es">un archivo</span><span data-l="en">one file</span><span class="peso" id="peso-sh"></span></p>
378 <div class="codigo"><pre id="cmd-sh"></pre></div>
379 </div>
380 <div class="bloque">
381 <p class="rotulo"><span data-l="es">imagen USB</span><span data-l="en">USB image</span><span class="peso" id="peso-img"></span></p>
382 <div class="codigo"><pre id="cmd-img"></pre></div>
383 </div>
384
385 <div class="bloque">
386 <p class="rotulo"><span data-l="es">desde el código</span><span data-l="en">from source</span></p>
387 <div class="codigo"><pre>$ git clone https://git.gioser.net/sergio/takana.git
388<span class="p">$</span> cd takana && cargo build --release
389<span class="p">$</span> ./target/release/takana --help</pre></div>
390 </div>
391
392 <p class="nota" id="nota-full" hidden>
393 <span data-l="es"><code>full</code> son 8,6 GiB y trae <strong>los cinco escritorios</strong>: mirada, sway, COSMIC, GNOME y KDE Plasma. Entra en un pendrive de 16 GB. No hay archivo único para esta variante: ése carga el sistema entero en memoria, y 17 GiB de rootfs no entran.</span>
394 <span data-l="en"><code>full</code> is 8.6 GiB and carries <strong>all five desktops</strong>: mirada, sway, COSMIC, GNOME and KDE Plasma. It fits on a 16 GB stick. There is no single file for this variant: that one loads the whole system into memory, and a 17 GiB rootfs does not fit.</span>
395 </p>
396
397 <noscript><p class="nota"><span data-l="es">Las descargas se arman con JavaScript. Sin él: takana-os.net/descargas/</span><span data-l="en">Downloads are assembled with JavaScript. Without it: takana-os.net/descargas/</span></p></noscript>
398</div></section>
399
400<section class="franja" id="decisiones"><div class="envoltura">
401 <p class="sello"><svg class="simbolo" viewBox="0 0 748 748"><use href="#tocapu"/></svg><span data-l="es">02 · las decisiones</span><span data-l="en">02 · the decisions</span></p>
402 <h2><span data-l="es">Trece decisiones, y contra qué se tomaron</span><span data-l="en">Thirteen decisions, and what they were taken against</span></h2>
403 <p>
404 <span data-l="es">Cada una se abre: en qué se aparta de lo habitual, qué implica por dentro, y qué quiere decir sin jerga.</span>
405 <span data-l="en">Each one opens: how it departs from the usual, what it involves under the hood, and what it means without jargon.</span>
406 </p>
407<div class="diagrama">
408<svg viewBox="0 0 520 470" xmlns="http://www.w3.org/2000/svg">
409 <defs>
410 <linearGradient id="fragua" x1="0" y1="0" x2="0" y2="1">
411 <stop offset="0%" stop-color="#E3A63D"/><stop offset="55%" stop-color="#DF6B2A"/>
412 <stop offset="100%" stop-color="#A63A25"/>
413 </linearGradient>
414 <marker id="punta" viewBox="0 0 8 8" refX="6.5" refY="4" markerWidth="5.5" markerHeight="5.5" orient="auto">
415 <path class="cabeza" d="M0.5,0.5 L7.5,4 L0.5,7.5 Z"/>
416 </marker>
417 </defs>
418
419 <rect x="0" y="14" width="5" height="442" rx="2.5" fill="url(#fragua)"/>
420
421 <rect class="encima" x="26" y="14" width="480" height="58" rx="12"/>
422 <text data-l="es" class="s" x="46" y="40" font-size="18" font-weight="600" text-anchor="start">tawasuyu</text>
423 <text data-l="en" class="s" x="46" y="40" font-size="18" font-weight="600" text-anchor="start">tawasuyu</text>
424 <text data-l="es" class="d" x="46" y="59" font-size="12" font-weight="400" text-anchor="start">el escritorio y la suite, encima</text>
425 <text data-l="en" class="d" x="46" y="59" font-size="12" font-weight="400" text-anchor="start">the desktop and the suite, on top</text>
426 <path class="flecha" d="M266,102 L266,80" marker-end="url(#punta)"/>
427
428 <rect class="caja" x="26" y="104" width="480" height="94" rx="14"/>
429 <text data-l="es" class="d mono" x="46" y="130" font-size="10" font-weight="500" text-anchor="start">EL PISO DE ARRIBA</text>
430 <text data-l="en" class="d mono" x="46" y="130" font-size="10" font-weight="500" text-anchor="start">THE UPPER FLOOR</text>
431 <text data-l="es" class="t" x="46" y="155" font-size="17" font-weight="600" text-anchor="start">Tu máquina, mutable</text>
432 <text data-l="en" class="t" x="46" y="155" font-size="17" font-weight="600" text-anchor="start">Your machine, mutable</text>
433 <text data-l="es" class="s" x="46" y="178" font-size="12.5" font-weight="400" text-anchor="start">/bin · /lib · /etc reales — se rompe, se prueba, se vuelve atrás</text>
434 <text data-l="en" class="s" x="46" y="178" font-size="12.5" font-weight="400" text-anchor="start">a real /bin · /lib · /etc — break it, try it, go back</text>
435
436 <path class="flecha" d="M140,306 L140,210" marker-end="url(#punta)"/>
437 <path class="flecha" d="M392,210 L392,306" marker-end="url(#punta)"/>
438 <text data-l="es" class="a" x="158" y="238" font-size="12.5" font-weight="500" text-anchor="start">hidratación</text>
439 <text data-l="en" class="a" x="158" y="238" font-size="12.5" font-weight="500" text-anchor="start">hydration</text>
440 <text data-l="es" class="s" x="158" y="256" font-size="11.5" font-weight="400" text-anchor="start">enlaces duros desde el almacén</text>
441 <text data-l="en" class="s" x="158" y="256" font-size="11.5" font-weight="400" text-anchor="start">hard links from the store</text>
442 <text data-l="es" class="a" x="374" y="282" font-size="12.5" font-weight="500" text-anchor="end">diario</text>
443 <text data-l="en" class="a" x="374" y="282" font-size="12.5" font-weight="500" text-anchor="end">journal</text>
444 <text data-l="es" class="s" x="374" y="300" font-size="11.5" font-weight="400" text-anchor="end">lo que cambias a mano, registrado</text>
445 <text data-l="en" class="s" x="374" y="300" font-size="11.5" font-weight="400" text-anchor="end">what you change by hand, recorded</text>
446
447 <rect class="caja" x="26" y="316" width="480" height="140" rx="14"/>
448 <text data-l="es" class="d mono" x="46" y="342" font-size="10" font-weight="500" text-anchor="start">EL PISO DE ABAJO</text>
449 <text data-l="en" class="d mono" x="46" y="342" font-size="10" font-weight="500" text-anchor="start">THE LOWER FLOOR</text>
450 <text data-l="es" class="t" x="46" y="367" font-size="17" font-weight="600" text-anchor="start">La fábrica, cerrada</text>
451 <text data-l="en" class="t" x="46" y="367" font-size="17" font-weight="600" text-anchor="start">The factory, closed</text>
452 <text data-l="es" class="s" x="46" y="389" font-size="12.5" font-weight="400" text-anchor="start">compila desde el código fuente, aislada y sin red</text>
453 <text data-l="en" class="s" x="46" y="389" font-size="12.5" font-weight="400" text-anchor="start">builds from source code, sandboxed and offline</text>
454 <rect class="cajita" x="46" y="398" width="440" height="46" rx="10"/>
455 <text data-l="es" class="t" x="62" y="418" font-size="12.5" font-weight="600" text-anchor="start">el almacén</text>
456 <text data-l="en" class="t" x="62" y="418" font-size="12.5" font-weight="600" text-anchor="start">the store</text>
457 <text data-l="es" class="s" x="62" y="435" font-size="11.5" font-weight="400" text-anchor="start">cada artefacto por su hash BLAKE3</text>
458 <text data-l="en" class="s" x="62" y="435" font-size="11.5" font-weight="400" text-anchor="start">every artefact by its BLAKE3 hash</text>
459</svg>
460</div>
461
462 <div class="decisiones">
463<details class="decision">
464<summary><span class="num">01</span><span data-l="es">Una fábrica cerrada abajo, tu máquina de siempre arriba</span><span data-l="en">A closed factory below, your usual machine above</span></summary>
465<dl>
466 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
467 <dd><span data-l="es">Hay que elegir: una distro inmutable, que da reproducibilidad y te quita la terminal, o una clásica, que te la deja y no sabe decir de dónde salió un binario.</span><span data-l="en">You have to choose: an immutable distro, which gives reproducibility and takes the terminal away, or a classic one, which leaves it to you and cannot say where a binary came from.</span></dd>
468 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
469 <dd><span data-l="es">Abajo, compilación aislada y direccionada por hash BLAKE3, sin efectos de borde. Arriba, un Linux con <code>/bin</code>, <code>/lib</code> y <code>/etc</code> de verdad; los binarios se proyectan del almacén por enlaces duros, normalizados para no arrastrar rutas internas. El puente —la hidratación— va en un solo sentido.</span><span data-l="en">Below, sandboxed builds addressed by BLAKE3 hash, with no side effects. Above, a Linux with a real <code>/bin</code>, <code>/lib</code> and <code>/etc</code>; binaries are projected from the store by hard links, normalised so they carry no internal paths. The bridge — hydration — goes one way only.</span></dd>
470 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
471 <dd class="simple"><span data-l="es">La parte que tiene que ser exacta lo es, y la parte donde trabajas sigue siendo un Linux normal. Lo demás de esta lista sale de ahí.</span><span data-l="en">The part that has to be exact is exact, and the part where you work is still an ordinary Linux. Everything else on this list follows from that.</span></dd>
472</dl>
473</details>
474
475<details class="decision">
476<summary><span class="num">02</span><span data-l="es">Se instala con un archivo, sin ISO y sin red</span><span data-l="en">It installs from one file, no ISO and no network</span></summary>
477<dl>
478 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
479 <dd><span data-l="es">Lo normal es bajar un ISO, grabarlo en un pendrive, y que el instalador se baje los paquetes mientras instala — justo en la máquina que todavía no tiene red.</span><span data-l="en">The usual is downloading an ISO, burning it to a stick, and having the installer fetch packages while it installs — on the very machine that has no network yet.</span></dd>
480 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
481 <dd><span data-l="es">El fichero es una cabecera POSIX de shell con el sistema entero pegado detrás: comprueba su propio contenido, se carga en memoria y salta con <code>kexec</code> al instalador, que suelta el disco de la máquina viva para poder formatearlo. <strong>Nada se descarga durante la instalación.</strong> Si ese kernel no deja saltar, lo dice y nombra cuál de las tres condiciones falta; para ese caso está la imagen USB, que es el mismo instalador por otro camino.</span><span data-l="en">The file is a POSIX shell header with the whole system appended: it verifies its own contents, loads into memory and jumps with <code>kexec</code> into the installer, which releases the live machine's disk so it can be formatted. <strong>Nothing is downloaded while installing.</strong> If that kernel will not allow the jump, it says so and names which of the three conditions is missing; for that case there is the USB image, the same installer arriving another way.</span></dd>
482 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
483 <dd class="simple"><span data-l="es">Un archivo, permiso de ejecución, y ya. Se puede leer con <code>head</code> antes de correrlo, no necesita internet, y el disco desde el que arrancaste nunca aparece como destino.</span><span data-l="en">One file, make it executable, done. You can read it with <code>head</code> before running it, it needs no internet, and the disk you booted from is never offered as a target.</span></dd>
484</dl>
485</details>
486
487<details class="decision">
488<summary><span class="num">03</span><span data-l="es">Trae su propio escritorio, y el ecosistema que va encima</span><span data-l="en">It brings its own desktop, and the ecosystem above it</span></summary>
489<dl>
490 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
491 <dd><span data-l="es">Una distribución suele ensamblar escritorios ajenos y ahí termina su alcance: lo que corre encima es problema de otro proyecto.</span><span data-l="en">A distribution usually assembles other people's desktops and that is where its scope ends: what runs on top is another project's problem.</span></dd>
492 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
493 <dd><span data-l="es"><code>mirada</code> es el escritorio propio y viaja en la imagen. Encima está <strong>tawasuyu</strong>, que no es un añadido: comparten el almacén direccionado por contenido, el grafo de arranque y <code>arje</code> —su proceso número uno— como init de las imágenes. Y los cuatro escritorios conocidos están construidos igual, con su clausura sellada: KDE, GNOME, COSMIC y sway.</span><span data-l="en"><code>mirada</code> is the project's own desktop and travels in the image. Above it sits <strong>tawasuyu</strong>, which is not an add-on: they share the content-addressed store, the boot graph and <code>arje</code> — its process number one — as the init of the images. And the four well-known desktops are built the same way, with their closure sealed: KDE, GNOME, COSMIC and sway.</span></dd>
494 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
495 <dd class="simple"><span data-l="es">No es sólo una base para que otros pongan cosas encima: el escritorio y lo que corre en él son parte del mismo proyecto y están pensados juntos. Si prefieres uno conocido, también está.</span><span data-l="en">It is not just a base for others to put things on: the desktop and what runs on it belong to the same project and are designed together. If you prefer a well-known one, it is there too.</span></dd>
496</dl>
497</details>
498
499<details class="decision">
500<summary><span class="num">04</span><span data-l="es">Todo se compila desde fuente, y la fuente está clavada</span><span data-l="en">Everything is compiled from source, and the source is pinned</span></summary>
501<dl>
502 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
503 <dd><span data-l="es">Una distro normal te entrega un binario que compiló otra persona en otra máquina; lo que verificas es la firma de quien lo subió, no lo que hay adentro.</span><span data-l="en">A normal distro hands you a binary somebody else compiled on another machine; what you verify is the signature of whoever uploaded it, not what is inside.</span></dd>
504 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
505 <dd><span data-l="es">Cada receta fija su fuente por <em>commit</em> de git o por <code>sha256</code> — nunca contra una rama viva. El hash del artefacto se deriva de la receta entera: fuente, compilador, banderas, fases de build y los hashes de cada dependencia. <code>takana hash</code> lo calcula sin construir nada.</span><span data-l="en">Each recipe pins its source by git <em>commit</em> or <code>sha256</code> — never against a live branch. The artefact hash is derived from the whole recipe: source, compiler, flags, build phases and the hash of every dependency. <code>takana hash</code> computes it without building anything.</span></dd>
506 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
507 <dd class="simple"><span data-l="es">Nadie te manda comida hecha: te manda la receta y la cocina tu máquina. Y la receta dice exactamente qué ingredientes, no «harina» a secas.</span><span data-l="en">Nobody sends you cooked food: they send the recipe and your machine cooks it. And the recipe names the exact ingredients, not just «flour».</span></dd>
508</dl>
509</details>
510
511<details class="decision">
512<summary><span class="num">05</span><span data-l="es">Reproducible bit a bit — y cuando no, se dice por qué</span><span data-l="en">Bit-for-bit reproducible — and when it isn't, it says why</span></summary>
513<dl>
514 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
515 <dd><span data-l="es">Compilar el mismo paquete dos veces casi nunca da el mismo fichero, y en la práctica nadie lo comprueba: la diferencia se acepta como normal.</span><span data-l="en">Building the same package twice almost never yields the same file, and in practice nobody checks: the difference is accepted as normal.</span></dd>
516 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
517 <dd><span data-l="es">El build corre aislado con <code>bubblewrap</code>, sin red y con la fecha fijada. Cuando dos artefactos difieren, <code>why-differs</code> desciende sólo por donde los hashes no coinciden y <strong>nombra la causa</strong>: un mtime dentro de un <code>.gz</code>, la cabecera <code>ar</code> de un <code>.a</code>, qué sección ELF cambió, una ruta del árbol de build filtrada al binario.</span><span data-l="en">Builds run sandboxed with <code>bubblewrap</code>, without network and with a fixed date. When two artefacts differ, <code>why-differs</code> descends only where the hashes disagree and <strong>names the cause</strong>: an mtime inside a <code>.gz</code>, the <code>ar</code> header of a <code>.a</code>, which ELF section changed, a build-tree path leaked into the binary.</span></dd>
518 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
519 <dd class="simple"><span data-l="es">Si dos personas hacen el mismo paquete, tiene que salir el mismo fichero. Y si sale distinto, el sistema te dice en qué — no te deja adivinando.</span><span data-l="en">If two people build the same package, the same file must come out. And if it doesn't, the system tells you where it differed — it doesn't leave you guessing.</span></dd>
520</dl>
521</details>
522
523<details class="decision">
524<summary><span class="num">06</span><span data-l="es">Un paquete es una receta, no un binario</span><span data-l="en">A package is a recipe, not a binary</span></summary>
525<dl>
526 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
527 <dd><span data-l="es">El repositorio te manda el programa ya hecho, así que hay que confiar en el repositorio — y en cada espejo suyo.</span><span data-l="en">The repository sends you the finished program, so you have to trust the repository — and every one of its mirrors.</span></dd>
528 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
529 <dd><span data-l="es">El índice va firmado con Ed25519 y ancla el <code>digest</code> de cada paquete. <code>install</code> resuelve el nombre, verifica la firma, <strong>reconstruye desde fuente</strong> y recién entonces hidrata. <code>--repo</code> acepta varios orígenes separados por comas y los prueba en orden.</span><span data-l="en">The index is Ed25519-signed and anchors each package's <code>digest</code>. <code>install</code> resolves the name, verifies the signature, <strong>rebuilds from source</strong> and only then hydrates. <code>--repo</code> takes several comma-separated origins and tries them in order.</span></dd>
530 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
531 <dd class="simple"><span data-l="es">El sitio del que lo bajas no necesita ser de fiar, porque no te da el resultado: te da las instrucciones, y se comprueba que sean las firmadas.</span><span data-l="en">The site you download from doesn't need to be trustworthy, because it doesn't give you the result: it gives you the instructions, and they are checked against the signed ones.</span></dd>
532</dl>
533</details>
534
535<details class="decision">
536<summary><span class="num">07</span><span data-l="es">Se reconstruye a sí misma, sin creerle a ningún binario</span><span data-l="en">It rebuilds itself, without trusting anybody's binary</span></summary>
537<dl>
538 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
539 <dd><span data-l="es">El compilador de tu distro salió de un binario que compiló otra máquina, que salió de otro, hacia atrás sin fondo. Ese primer eslabón se cree por fe.</span><span data-l="en">Your distro's compiler came from a binary built by another machine, which came from another, backwards without end. That first link is taken on faith.</span></dd>
540 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
541 <dd><span data-l="es">Cadena de Rust pura de <code>mrustc</code> a <code>rustc</code>, kernel Linux compilado acá que arranca la máquina, y el toolchain reconstruyéndose a sí mismo dentro de una máquina virtual. Hecho dos veces: mismo resultado, bit por bit.</span><span data-l="en">A pure Rust chain from <code>mrustc</code> to <code>rustc</code>, a Linux kernel built here that boots the machine, and the toolchain rebuilding itself inside a virtual machine. Done twice: same result, bit for bit.</span></dd>
542 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
543 <dd class="simple"><span data-l="es">La distro se puede fabricar a sí misma casi desde cero. No queda un eslabón que haya que aceptar sin poder mirarlo.</span><span data-l="en">The distro can manufacture itself from near zero. No link is left that you must accept without being able to look at it.</span></dd>
544</dl>
545</details>
546
547<details class="decision">
548<summary><span class="num">08</span><span data-l="es">musl, estático, y <code>zig cc</code> de compilador</span><span data-l="en">musl, static, and <code>zig cc</code> as the compiler</span></summary>
549<dl>
550 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
551 <dd><span data-l="es">Lo habitual es glibc y enlazado dinámico: actualizar una librería puede romper un programa que no tocaste, y descubrirlo al arrancarlo.</span><span data-l="en">The usual is glibc and dynamic linking: updating one library can break a program you never touched, and you find out when you launch it.</span></dd>
552 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
553 <dd><span data-l="es"><code>zig cc</code> es el compilador por defecto del laboratorio —trae los headers y la libc de cada target, sin cross-toolchain a mano— y es reemplazable receta por receta. El rootfs del lab se ancla a una imagen pineada por <code>sha256</code>, no se resuelve con un gestor de paquetes.</span><span data-l="en"><code>zig cc</code> is the lab's default compiler — it brings each target's headers and libc, with no hand-built cross-toolchain — and is replaceable recipe by recipe. The lab rootfs is pinned to an image by <code>sha256</code>, not resolved by a package manager.</span></dd>
554 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
555 <dd class="simple"><span data-l="es">Cada programa se lleva sus piezas adentro, así que tocar uno no rompe a los demás. Y el código de la libc es lo bastante chico como para leerlo.</span><span data-l="en">Each program carries its pieces inside, so touching one doesn't break the others. And the libc's code is small enough to actually read.</span></dd>
556</dl>
557</details>
558
559<details class="decision">
560<summary><span class="num">09</span><span data-l="es">Sin systemd: el init es propio y el arranque es un grafo</span><span data-l="en">No systemd: the init is our own and boot is a graph</span></summary>
561<dl>
562 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
563 <dd><span data-l="es">El arranque lo gobierna un binario grande con formato de unidades propio y un registro binario que hay que consultar con su propia herramienta.</span><span data-l="en">Boot is governed by a large binary with its own unit format and a binary log you must query with its own tool.</span></dd>
564 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
565 <dd><span data-l="es"><code>arje-zero</code> es el proceso número uno, estático contra musl. Los servicios se declaran en <em>Cards</em> JSON, con supervisión y reintento con backoff, y hablan por un socket Unix con <code>SO_PEERCRED</code>. El menú de arranque es la navegación del grafo de estados del sistema.</span><span data-l="en"><code>arje-zero</code> is process number one, statically linked against musl. Services are declared in JSON <em>Cards</em>, with supervision and backoff restarts, and talk over a Unix socket with <code>SO_PEERCRED</code>. The boot menu is navigation of the system's state graph.</span></dd>
566 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
567 <dd class="simple"><span data-l="es">Lo que enciende tu máquina se puede leer con un editor de texto y contar de memoria. No hay una pieza central que decida por ti y cueste inspeccionar.</span><span data-l="en">What starts your machine can be read in a text editor and held in your head. There is no central piece deciding for you that is hard to inspect.</span></dd>
568</dl>
569</details>
570
571<details class="decision">
572<summary><span class="num">10</span><span data-l="es">Romper a mano está permitido — y se puede volver</span><span data-l="en">Breaking things by hand is allowed — and you can come back</span></summary>
573<dl>
574 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
575 <dd><span data-l="es">Las inmutables no te dejan tocar sin aprender antes un lenguaje declarativo; las clásicas te dejan tocar y después el gestor de paquetes pierde el rastro de lo que hiciste.</span><span data-l="en">Immutable ones won't let you touch anything until you learn a declarative language; classic ones let you touch and then the package manager loses track of what you did.</span></dd>
576 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
577 <dd><span data-l="es"><code>try</code> monta un overlay sobre el FHS real; <code>commit</code> lo promueve y <code>discard</code> lo tira. Un demonio <code>fanotify</code> registra cada cambio a mano y calcula el delta contra la base limpia; <code>export</code> lo convierte en un manifiesto compartible.</span><span data-l="en"><code>try</code> mounts an overlay over the real FHS; <code>commit</code> promotes it and <code>discard</code> throws it away. A <code>fanotify</code> daemon records every hand edit and computes the delta against the clean base; <code>export</code> turns it into a shareable manifest.</span></dd>
578 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
579 <dd class="simple"><span data-l="es">Prueba lo que quieras: si sale mal se desmonta la capa y listo. Y lo que cambiaste a mano queda anotado solo — el registro <em>es</em> tu configuración, sin que hayas escrito ninguna.</span><span data-l="en">Try whatever you want: if it goes wrong the layer is unmounted and that's it. And what you changed by hand gets written down on its own — the log <em>is</em> your configuration, without you having written one.</span></dd>
580</dl>
581</details>
582
583<details class="decision">
584<summary><span class="num">11</span><span data-l="es">Wayland y nada más; el audio es PipeWire</span><span data-l="en">Wayland and nothing else; audio is PipeWire</span></summary>
585<dl>
586 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
587 <dd><span data-l="es">Casi todas arrastran X11 y varios servidores de audio a la vez por compatibilidad, y mantienen los dos caminos para siempre.</span><span data-l="en">Almost all of them drag X11 and several audio servers along for compatibility, and maintain both paths forever.</span></dd>
588 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
589 <dd><span data-l="es">Ninguna receta del catálogo publica <code>libGL.so</code> de escritorio ni GLX: las aplicaciones de gráficos van por EGL, y a las que no sabían hubo que portarlas. El audio es <code>pipewire</code> con <code>wireplumber</code>, como servicio de sesión, sin capa de compatibilidad permanente.</span><span data-l="en">No recipe in the catalogue ships a desktop <code>libGL.so</code> or GLX: graphics applications go through EGL, and the ones that didn't know how had to be ported. Audio is <code>pipewire</code> with <code>wireplumber</code>, as a session service, with no permanent compatibility layer.</span></dd>
590 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
591 <dd class="simple"><span data-l="es">Se eligió el camino nuevo y se borró el viejo, en vez de cargar los dos para siempre. Cuesta más al principio y se paga una sola vez.</span><span data-l="en">The new path was chosen and the old one deleted, instead of carrying both forever. It costs more up front and is paid only once.</span></dd>
592</dl>
593</details>
594
595<details class="decision">
596<summary><span class="num">12</span><span data-l="es">Lo ajeno corre enjaulado, y fuera del almacén</span><span data-l="en">Foreign software runs caged, and outside the store</span></summary>
597<dl>
598 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
599 <dd><span data-l="es">O se mezclan binarios de terceros con los del sistema —y ya no se sabe de dónde salió cada cosa—, o directamente no hay forma de correrlos.</span><span data-l="en">Either third-party binaries get mixed in with the system's — and then you no longer know where anything came from — or there is simply no way to run them.</span></dd>
600 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
601 <dd><span data-l="es">Un rootfs de otra distribución se trae pineado por <code>digest</code> y corre enjaulado con <code>bubblewrap</code> sobre el mismo kernel, sin compartir un solo <code>.so</code> con el anfitrión. <strong>No entra al store</strong>: no reproduce desde fuente, y meterlo ahí haría que el almacén mienta.</span><span data-l="en">Another distribution's rootfs is fetched pinned by <code>digest</code> and runs caged with <code>bubblewrap</code> on the same kernel, without sharing a single <code>.so</code> with the host. <strong>It does not enter the store</strong>: it does not reproduce from source, and putting it there would make the store lie.</span></dd>
602 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
603 <dd class="simple"><span data-l="es">Lo que no se puede cocinar acá igual se usa, pero en su propia caja y sin mezclarse. Así el catálogo no dice «esto es mío» de algo que no lo es.</span><span data-l="en">What cannot be cooked here is still used, but in its own box and unmixed. That way the catalogue never claims as its own something that isn't.</span></dd>
604</dl>
605</details>
606
607<details class="decision">
608<summary><span class="num">13</span><span data-l="es">Hecha para que una IA la opere, con el humano decidiendo</span><span data-l="en">Built for an AI to operate it, with the human deciding</span></summary>
609<dl>
610 <dt><span data-l="es">Frente a lo habitual</span><span data-l="en">Compared to the usual</span></dt>
611 <dd><span data-l="es">Están pensadas para manos humanas: la automatización termina simulando a una persona —parsear salidas, adivinar formatos— y el sistema esconde su estado en bases binarias.</span><span data-l="en">They are designed for human hands: automation ends up simulating a person — parsing output, guessing formats — and the system hides its state in binary databases.</span></dd>
612 <dt><span data-l="es">Técnicamente</span><span data-l="en">Technically</span></dt>
613 <dd><span data-l="es">Todo el estado del sistema es texto plano y binarios inspeccionables con <code>readelf</code> u <code>objdump</code>; nada de bases de configuración opacas. Hay un bus por socket Unix por el que un agente dispara compilaciones, escucha fallos y propone cambios — siempre contra un overlay, nunca contra el sistema vivo.</span><span data-l="en">All system state is plain text and binaries inspectable with <code>readelf</code> or <code>objdump</code>; no opaque configuration databases. There is a Unix-socket bus through which an agent triggers builds, listens for failures and proposes changes — always against an overlay, never against the live system.</span></dd>
614 <dt class="simple"><span data-l="es">En simple</span><span data-l="en">In plain words</span></dt>
615 <dd class="simple"><span data-l="es">Un asistente puede entender y cambiar el sistema entero sin adivinar nada, y cada cosa que hace es reversible y queda anotada. Propone; tú dispones.</span><span data-l="en">An assistant can understand and change the whole system without guessing, and everything it does is reversible and recorded. It proposes; you decide.</span></dd>
616</dl>
617</details>
618 </div>
619</div></section>
620
621<section class="franja" id="componentes"><div class="envoltura">
622 <p class="sello"><svg class="simbolo" viewBox="0 0 748 748"><use href="#tocapu"/></svg><span data-l="es">03 · los componentes</span><span data-l="en">03 · the components</span></p>
623 <h2><span data-l="es">Qué lleva dentro</span><span data-l="en">What is inside</span></h2>
624
625 <table>
626 <thead><tr>
627 <th><span data-l="es">pieza</span><span data-l="en">piece</span></th>
628 <th><span data-l="es">versión</span><span data-l="en">version</span></th>
629 <th></th>
630 </tr></thead>
631 <tbody>
632 <tr><td><span data-l="es">init</span><span data-l="en">init</span></td><td class="n">arje-zero</td><td><span data-l="es">el proceso número uno, estático contra musl; los servicios se declaran en Cards JSON</span><span data-l="en">process number one, statically linked against musl; services are declared in JSON Cards</span></td></tr>
633 <tr><td>libc</td><td class="n">musl 1.2.5</td><td><span data-l="es">estática por defecto</span><span data-l="en">static by default</span></td></tr>
634 <tr><td><span data-l="es">compilador del laboratorio</span><span data-l="en">laboratory compiler</span></td><td class="n">zig cc 0.16.0</td><td><span data-l="es">reemplazable receta por receta; también hay LLVM 21.1.2 y clang 18.1.8</span><span data-l="en">replaceable recipe by recipe; LLVM 21.1.2 and clang 18.1.8 are there too</span></td></tr>
635 <tr><td>kernel</td><td class="n">Linux 6.16.12 · 7.1.2</td><td><span data-l="es">compilados acá; arrancan la máquina y reproducen idénticos</span><span data-l="en">built here; they boot the machine and reproduce identically</span></td></tr>
636 <tr><td><span data-l="es">gráficos</span><span data-l="en">graphics</span></td><td class="n">Wayland 1.25.0 · Mesa 24.0.9</td><td><span data-l="es">sin X11 en todo el catálogo</span><span data-l="en">no X11 anywhere in the catalogue</span></td></tr>
637 <tr><td><span data-l="es">audio</span><span data-l="en">audio</span></td><td class="n">PipeWire 1.2.7 · WirePlumber 0.5.15</td><td><span data-l="es">servicio de sesión</span><span data-l="en">session service</span></td></tr>
638 <tr><td><span data-l="es">almacén</span><span data-l="en">store</span></td><td class="n">BLAKE3</td><td><span data-l="es"><strong>1.490 artefactos</strong> direccionados por contenido</span><span data-l="en"><strong>1,490 artefacts</strong> addressed by content</span></td></tr>
639 <tr><td><span data-l="es">catálogo</span><span data-l="en">catalogue</span></td><td class="n">954</td><td><span data-l="es">recetas, <strong>las 954 selladas</strong>, sin deuda</span><span data-l="en">recipes, <strong>all 954 sealed</strong>, no debt</span></td></tr>
640 <tr><td><span data-l="es">paquetes</span><span data-l="en">packages</span></td><td class="n">.tkn</td><td><span data-l="es">índice firmado Ed25519; se reconstruyen desde fuente al instalar</span><span data-l="en">Ed25519-signed index; rebuilt from source on install</span></td></tr>
641 <tr><td><span data-l="es">herramienta</span><span data-l="en">tool</span></td><td class="n">takana 0.0.1</td><td><code>build · hash · hydrate · install · kernel · qorpa</code></td></tr>
642 </tbody>
643 </table>
644
645 <h3><span data-l="es">Escritorios</span><span data-l="en">Desktops</span></h3>
646 <table>
647 <thead><tr>
648 <th><span data-l="es">escritorio</span><span data-l="en">desktop</span></th>
649 <th><span data-l="es">versión</span><span data-l="en">version</span></th>
650 <th><span data-l="es">de su clausura, sellados</span><span data-l="en">of its closure, sealed</span></th>
651 </tr></thead>
652 <tbody>
653 <tr><td><code>mirada</code></td><td class="n"><span data-l="es">propio</span><span data-l="en">our own</span></td><td class="n">41/41</td></tr>
654 <tr><td>KDE Plasma</td><td class="n">6.7.2</td><td class="n">430/431</td></tr>
655 <tr><td>GNOME</td><td class="n">48.8</td><td class="n">359/359</td></tr>
656 <tr><td>COSMIC</td><td class="n">1.5.0</td><td class="n">294/294</td></tr>
657 <tr><td>sway</td><td class="n">1.10</td><td class="n">281/281</td></tr>
658 </tbody>
659 </table>
660
661 <h3><span data-l="es">Paquetes principales</span><span data-l="en">Main packages</span></h3>
662 <ul class="versiones">
663 <li><b>bash</b><span>5.3</span></li>
664 <li><b>coreutils</b><span>9.8</span></li>
665 <li><b>uutils</b><span>0.9.0</span></li>
666 <li><b>busybox</b><span>1.36.1</span></li>
667 <li><b>git</b><span>2.54.0</span></li>
668 <li><b>curl</b><span>8.20.0</span></li>
669 <li><b>openssl</b><span>3.5.4</span></li>
670 <li><b>openssh</b><span>10.3p1</span></li>
671 <li><b>gnupg</b><span>2.4.9</span></li>
672 <li><b>python</b><span>3.12.10</span></li>
673 <li><b>go</b><span>1.26.4</span></li>
674 <li><b>rust</b><span>1.97.0</span></li>
675 <li><b>llvm</b><span>21.1.2</span></li>
676 <li><b>sqlite</b><span>3.46.1</span></li>
677 <li><b>zstd</b><span>1.5.7</span></li>
678 <li><b>ffmpeg</b><span>7.1</span></li>
679 <li><b>vim</b><span>9.2.0747</span></li>
680 <li><b>nano</b><span>9.0</span></li>
681 <li><b>helix</b><span>25.07.1</span></li>
682 <li><b>ripgrep</b><span>14.1.1</span></li>
683 <li><b>zellij</b><span>0.44.3</span></li>
684 <li><b>foot</b><span>1.27.0</span></li>
685 <li><b>firefox</b><span>154.0</span></li>
686 <li><b>atuq</b><span>0.5.0</span></li>
687 </ul>
688
689 <p class="nota">
690 <span data-l="es">Las versiones salen de las recetas del catálogo y las cifras de <code>docs/state/build-state.json</code> y del almacén de la caja. No se estiman: se cuentan. Lo que sigue abierto también está escrito: consenso de reconstrucción M-de-N.</span>
691 <span data-l="en">Versions come from the catalogue's recipes and the figures from <code>docs/state/build-state.json</code> and the box's store. They are not estimated: they are counted. What is still open is written down too: M-of-N rebuild consensus.</span>
692 </p>
693</div></section>
694
695<section class="franja" id="codigo"><div class="envoltura">
696 <p class="sello"><svg class="simbolo" viewBox="0 0 748 748"><use href="#tocapu"/></svg><span data-l="es">04 · el código</span><span data-l="en">04 · the code</span></p>
697 <h2><span data-l="es">Dónde vive y cómo se llama</span><span data-l="en">Where it lives and how it is called</span></h2>
698
699 <div class="direccion">
700 <p class="etiqueta"><span data-l="es">código · licencia MIT</span><span data-l="en">code · MIT licence</span></p>
701 <a class="url" href="https://git.gioser.net/sergio/takana">https://git.gioser.net/sergio/takana</a>
702 </div>
703
704 <div class="direccion">
705 <p class="etiqueta"><span data-l="es">paquetes · índice firmado</span><span data-l="en">packages · signed index</span></p>
706 <a class="url" href="/repo/">https://takana-os.net/repo/</a>
707 </div>
708
709 <div class="marco">
710 <h3><span data-l="es">Cómo está repartido</span><span data-l="en">How it is laid out</span></h3>
711 <ul class="limpia">
712 <li><code>crates/</code> — <span data-l="es">el CLI, el laboratorio de build, el demonio, el diario y el overlay.</span><span data-l="en">the CLI, the build lab, the daemon, the journal and the overlay.</span></li>
713 <li><code>recipes/</code> — <span data-l="es">el catálogo: una receta <code>.toml</code> por paquete.</span><span data-l="en">the catalogue: one <code>.toml</code> recipe per package.</span></li>
714 <li><code>docs/</code> — <span data-l="es">el diseño entero (SDD y ADR). Empieza por <code>00-vision.md</code>.</span><span data-l="en">the entire design (SDDs and ADRs). Start at <code>00-vision.md</code>.</span></li>
715 <li><code>scripts/</code> — <span data-l="es">la granja de compilación, la cosecha y los arneses de verificación.</span><span data-l="en">the build farm, the harvest and the verification harnesses.</span></li>
716 </ul>
717 </div>
718
719<div class="bloque">
720 <p class="rotulo"><span data-l="es">el laboratorio</span><span data-l="en">the laboratory</span></p>
721 <div class="codigo"><pre>$ takana hash ripgrep <span class="c"># <span data-l="es">el hash vigente, sin construir</span><span data-l="en">the current hash, without building</span></span>
722<span class="p">$</span> takana build ripgrep <span class="c"># <span data-l="es">compila aislado y sella en el almacén</span><span data-l="en">builds sandboxed and seals into the store</span></span>
723<span class="p">$</span> takana why-differs a/ b/ <span class="c"># <span data-l="es">nombra la causa de una diferencia</span><span data-l="en">names the cause of a difference</span></span></pre></div>
724 </div>
725
726 <div class="bloque">
727 <p class="rotulo"><span data-l="es">los paquetes</span><span data-l="en">packages</span></p>
728 <div class="codigo"><pre>$ takana repo list --repo https://takana-os.net/repo
729<span class="p">$</span> takana repo verify --repo https://takana-os.net/repo --trust ./trust
730<span class="p">$</span> takana install age --repo https://takana-os.net/repo --trust ./trust</pre></div>
731 </div>
732
733 <div class="bloque">
734 <p class="rotulo"><span data-l="es">el sistema vivo</span><span data-l="en">the live system</span></p>
735 <div class="codigo"><pre>$ takana try <span class="c"># <span data-l="es">abre el overlay sobre el sistema real</span><span data-l="en">opens the overlay over the real system</span></span>
736<span class="p">$</span> takana journal <span class="c"># <span data-l="es">lo que cambiaste a mano, registrado</span><span data-l="en">what you changed by hand, recorded</span></span>
737<span class="p">$</span> takana commit <span class="c"># <span data-l="es">promueve · <code>discard</code> lo descarta</span><span data-l="en">promotes · <code>discard</code> throws it away</span></span></pre></div>
738 </div>
739</div></section>
740
741<footer class="pie"><div class="envoltura">
742 <div class="pie-rejilla">
743 <div>
744 <a class="casa" href="https://git.gioser.net/sergio/takana"><span data-l="es">El repositorio</span><span data-l="en">The repository</span> ↗</a>
745 <p>git.gioser.net/sergio/takana</p>
746 </div>
747 <div>
748 <a class="casa" href="/repo/"><span data-l="es">Paquetes</span><span data-l="en">Packages</span></a>
749 <p>takana-os.net/repo</p>
750 </div>
751 <div>
752 <a class="casa" href="https://tawasuyu.net">tawasuyu.net ↗</a>
753 <p><span data-l="es">El territorio que se para encima.</span><span data-l="en">The territory that stands on top.</span></p>
754 </div>
755 <div>
756 <a class="casa" href="https://hifas.gioser.net">hifas ↗</a>
757 <p><span data-l="es">Réplicas sin coordinarse, con demostración.</span><span data-l="en">Replicas without coordination, with a proof.</span></p>
758 </div>
759 </div>
760 <p class="pie-fin">
761 <span data-l="es">takana · licencia MIT · esta página se sirve del propio repositorio (<code>web/takana-os.net/</code>) y no le pide nada a terceros: las tipografías —Chivo e IBM Plex, ambas SIL OFL— viajan con ella.</span>
762 <span data-l="en">takana · MIT licence · this page is served from the repository itself (<code>web/takana-os.net/</code>) and asks nothing of third parties: the typefaces — Chivo and IBM Plex, both SIL OFL — travel with it.</span>
763 </p>
764</div></footer>
765
766<script>
767(function(){
768 var r=document.documentElement;
769 function pintar(){
770 var l=r.dataset.lang;
771 document.querySelectorAll('[data-poner-lang]').forEach(function(b){
772 b.classList.toggle('on', b.dataset.ponerLang===l);
773 });
774 r.setAttribute('lang', l);
775 }
776 try{ var g=localStorage.getItem('takana-lang'); if(g) r.dataset.lang=g;
777 var t=localStorage.getItem('takana-tema'); if(t) r.dataset.theme=t; }catch(e){}
778 if(!r.dataset.lang) r.dataset.lang = (navigator.language||'es').slice(0,2)==='es' ? 'es' : 'en';
779 pintar();
780 document.querySelectorAll('[data-poner-lang]').forEach(function(b){
781 b.addEventListener('click', function(){
782 r.dataset.lang=b.dataset.ponerLang; pintar();
783 if(SEL) pinta(vAhora); // la coma decimal del peso cambia con el idioma
784 try{ localStorage.setItem('takana-lang', r.dataset.lang); }catch(e){}
785 });
786 });
787
788 /* ── las descargas se arman ACÁ, no en el HTML ──────────────────────────────────
789 Ninguna URL de instalador está en el documento: se compone al pulsar el
790 selector. Un rastreador que lee el HTML no encuentra ninguna, y estos ficheros
791 pesan de 81 MiB a 8,6 GiB — no son para que se los baje un bot. */
792 var SEL = document.getElementById('variantes'), vAhora = 'mirada', pinta;
793 if (SEL) {
794 var DIR = '/de'+'scargas/', PRE = 'takana-'+'instalador-';
795 var PESO = { base: {sh:85315515, img:374341632},
796 mirada: {sh:327408298, img:1073741824},
797 servidor: {sh:405422449, img:2535456768},
798 full: {sh:0, img:9230614528} };
799 var notaFull=document.getElementById('nota-full');
800 var bSh=document.getElementById('bloque-sh'),
801 preSh=document.getElementById('cmd-sh'), preImg=document.getElementById('cmd-img'),
802 pSh=document.getElementById('peso-sh'), pImg=document.getElementById('peso-img');
803
804 function tam(b){
805 if(!b) return '';
806 var coma = r.dataset.lang==='es' ? ',' : '.';
807 return b>=1073741824 ? (b/1073741824).toFixed(1).replace('.',coma)+' GiB'
808 : Math.round(b/1048576)+' MiB';
809 }
810 function esc(t){ return t.replace(/&/g,'&').replace(/</g,'<'); }
811 function cmd(t,u){ return '<span class="p">$</span> '+esc(t)+(u?'<a href="'+u+'">'+esc(u)+'</a>':''); }
812 /* el peso REAL, por si el instalador se reconstruyó: un HEAD lo corrige solo.
813 Si falla, se queda el medido — nunca en blanco. */
814 function pesar(u,donde){ try{
815 fetch(u,{method:'HEAD'}).then(function(res){
816 var n=parseInt(res.headers.get('content-length'),10);
817 if(n>0) donde.textContent=tam(n);
818 })['catch'](function(){});
819 }catch(e){} }
820
821 pinta = function(v){
822 vAhora = v;
823 var raiz=location.protocol+'//'+location.host, sh=PRE+v+'.sh', img=PRE+'usb-'+v+'.img';
824 var hay = !!PESO[v].sh;
825 /* `full` no tiene archivo único. El bloque NO se esconde: se queda del mismo
826 tamaño con el aviso adentro, para que la página no salte al elegir. */
827 bSh.classList.toggle('novale', !hay);
828 preSh.innerHTML = hay
829 ? [cmd('curl -LO ', raiz+DIR+sh), cmd('chmod +x '+sh), cmd('sudo ./'+sh)].join('\n')
830 : '<span class="vacio">— ' + (r.dataset.lang==='es' ? 'sin archivo único · sólo USB'
831 : 'no single file · USB only') + '</span>';
832 preImg.innerHTML = [cmd('curl -LO ', raiz+DIR+img),
833 cmd('sudo dd if='+img+' of=/dev/sdX bs=4M oflag=sync status=progress')].join('\n');
834 pSh.textContent = tam(PESO[v].sh); pImg.textContent = tam(PESO[v].img);
835 if(hay) pesar(DIR+sh,pSh);
836 pesar(DIR+img,pImg);
837 /* `full` tiene dos cosas que hay que decir ANTES de bajar 17 GiB: el tamaño del pendrive
838 que pide, y que GNOME no está — con su motivo, para que no se lea como un olvido. */
839 if(notaFull) notaFull.hidden = (v!=='full');
840 SEL.querySelectorAll('.opcion').forEach(function(b){ b.classList.toggle('on', b.dataset.v===v); });
841 };
842 SEL.querySelectorAll('.opcion').forEach(function(b){
843 b.addEventListener('click', function(){ pinta(b.dataset.v); });
844 });
845 pinta(vAhora);
846 }
847
848 /* un botón de copiar por bloque de comandos, puesto desde acá para no repetirlo
849 diez veces en el HTML. Copia sin el `$` del prompt. */
850 function rotulo(txt_es, txt_en){
851 return '<span data-l="es">'+txt_es+'</span><span data-l="en">'+txt_en+'</span>';
852 }
853 document.querySelectorAll('.codigo').forEach(function(c){
854 var b=document.createElement('button');
855 b.className='copiar'; b.type='button';
856 b.innerHTML=rotulo('copiar','copy');
857 b.addEventListener('click', function(){
858 var t=c.querySelector('pre').innerText.replace(/^\$ /gm,'');
859 var ok=function(){
860 b.classList.add('ok'); b.innerHTML=rotulo('copiado ✓','copied ✓');
861 setTimeout(function(){ b.classList.remove('ok'); b.innerHTML=rotulo('copiar','copy'); },1600);
862 };
863 if(navigator.clipboard && navigator.clipboard.writeText){
864 navigator.clipboard.writeText(t).then(ok,function(){});
865 } else {
866 var ta=document.createElement('textarea'); ta.value=t; document.body.appendChild(ta);
867 ta.select(); try{ document.execCommand('copy'); ok(); }catch(e){}
868 document.body.removeChild(ta);
869 }
870 });
871 c.appendChild(b);
872 });
873
874 document.getElementById('tema').addEventListener('click', function(){
875 var oscuro = r.dataset.theme ? r.dataset.theme==='dark'
876 : matchMedia('(prefers-color-scheme:dark)').matches;
877 r.dataset.theme = oscuro ? 'light' : 'dark';
878 try{ localStorage.setItem('takana-tema', r.dataset.theme); }catch(e){}
879 });
880})();
881
882/* ── el fondo vivo: elegir destinos, no pintar cuadros ─────────────────────────────────────────
883 El guion hace UNA cosa: cada tanto le da a cada mancha una posición, un tamaño, un giro de tono
884 y una opacidad nuevos. La interpolación es de CSS (`transition: … 46s`), así que entre dos
885 elecciones no corre ni una línea de JavaScript.
886
887 ⚠ **La primera colocación va sin transición y las siguientes con ella.** Si la primera se
888 transicionara, las cinco manchas saldrían del centro exacto de la pantalla a la vez y el primer
889 minuto de la página sería un floreo; arrancan ya repartidas y de ahí derivan.
890
891 ⚠ **`prefers-reduced-motion` se respeta de verdad**, o sea que no se programa el intervalo: con
892 el CSS solo, el `transition:none` dejaría los saltos INSTANTÁNEOS cada 23 s, que es peor que el
893 movimiento continuo que la persona pidió no tener. */
894(function(){
895 var capa = document.querySelector('.aurora');
896 if (!capa) return;
897 var manchas = capa.querySelectorAll('i');
898 var quieto = window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches;
899
900 function az(a, b){ return a + Math.random() * (b - a); }
901
902 function colocar(m, i){
903 // Repartidas por la pantalla, pero sin salirse tanto que la mancha deje de aportar color.
904 m.style.transform = 'translate(' + az(-42, 42).toFixed(1) + 'vw,' + az(-40, 40).toFixed(1) + 'vh)'
905 + ' scale(' + az(0.62, 1.22).toFixed(3) + ')';
906 // El giro de tono es lo que hace que el conjunto no repita nunca la misma combinación: cada
907 // mancha parte de un color distinto y cada una gira por su cuenta.
908 m.style.filter = 'blur(9vmax) hue-rotate(' + az(-70, 70).toFixed(1) + 'deg)';
909 // La opacidad se mueve alrededor de la del tema, no en absoluto: así el tema sigue mandando
910 // cuánto color hay, y el azar sólo lo respira.
911 var base = parseFloat(getComputedStyle(capa).getPropertyValue('--fuerza')) || 0.4;
912 m.style.opacity = (base * az(0.55, 1.25)).toFixed(3);
913 }
914
915 // Arranque: sin transición, para que no salgan todas del centro.
916 manchas.forEach(function(m, i){
917 var t = m.style.transition; m.style.transition = 'none';
918 colocar(m, i);
919 // Un reflow forzado entre medio, o el navegador agrupa los dos cambios y la transición vuelve
920 // a aplicarse al primer destino — que es justo el floreo que esto evita.
921 void m.offsetWidth;
922 m.style.transition = t;
923 });
924
925 if (quieto) return;
926 // Cada mancha en su propio reloj y con su propio desfase: con un intervalo común las cinco
927 // cambiarían de rumbo en el mismo instante y el fondo latiría en vez de derivar.
928 manchas.forEach(function(m, i){
929 setTimeout(function(){
930 setInterval(function(){ colocar(m, i); }, 23000 + i * 3100);
931 }, i * 4300);
932 });
933
934 // El tema cambia `--fuerza`; sin volver a colocar, las manchas se quedan con la opacidad del tema
935 // viejo hasta el siguiente tic (23 s mirando un fondo que no corresponde).
936 var perilla = document.getElementById('tema');
937 if (perilla) perilla.addEventListener('click', function(){
938 setTimeout(function(){ manchas.forEach(colocar); }, 30);
939 });
940})();
941</script>
942</body>
943</html>