Oregami
Repositories/oxedyne/daimond

oxedyne/daimond/www/guide/es/social.html

60.8 KiB, 1 run

created by r2519314175:1193, which is this file's identity for as long as the history lasts, whatever it is later renamed to

download · who wrote it · its history

1<!DOCTYPE html>
2<html lang="es" data-guide-locale="es" data-guide-locales="en de es fr pt-BR">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
6<title>Social — Guía de Daimond</title>
7<link rel="icon" type="image/svg+xml" href="../../assets/daimond_mark.svg">
8<link rel="stylesheet" href="../../css/variables.css">
9<link rel="stylesheet" href="../../css/guide.css">
10<script src="../frame.js"></script>
11<script src="search-index.js"></script>
12<script src="../search.js"></script>
13<style>
14/* This page's own layout, kept here rather than in guide.css because nothing
15 else in the guide is a glossary. Everything is stated in the app's own
16 palette variables, so it follows the reader's theme like the rest. */
17
18/* A pair of sentences the reader is meant to compare. */
19.pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0.75rem; margin: 1rem 0; }
20.pair > div { border: 1px solid var(--border); border-radius: var(--radius); padding: 0.8rem 0.9rem; background: var(--bg-secondary); }
21.pair .lead-in { display: block; font-size: 0.78rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 0.35rem; }
22.pair .costly { border-color: var(--border-2); }
23.pair .useful { border-color: var(--accent); }
24.pair p { margin: 0; color: var(--text-secondary); }
25
26/* A whole sentence the app puts on screen, quoted as it stands. The pill in
27 guide.css is `white-space: nowrap`, which is right for a button label and
28 wrong for a sentence: at 360px the longest of these ran 133 pixels past the
29 right edge and took the whole page sideways with it. A quotation wraps. */
30.ui.quoted { white-space: normal; }
31
32/* The glossary. Two columns where there is room, one where there is not; the
33 crops are between 300 and 440 pixels wide, so a column of about 350 shows
34 most of them at close to their own size and none of them at twice it. */
35.terms { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; margin: 1.25rem 0 2rem; align-items: start; }
36.term {
37 background: var(--bg-secondary);
38 border: 1px solid var(--border);
39 border-radius: var(--radius);
40 padding: 0.85rem 0.9rem 0.95rem;
41}
42.term h3 { margin: 0 0 0.55rem; font-size: 1.02rem; }
43.term img {
44 display: block;
45 max-width: 100%;
46 max-height: 200px;
47 width: auto;
48 height: auto;
49 margin: 0 0 0.6rem;
50 border: 1px solid var(--border);
51 border-radius: var(--radius-sm);
52 background: var(--bg-tertiary);
53}
54/* The chip row is 800 pixels of real screen. Squeezed into half the column it
55 is a smear, so it takes the whole width and is read at close to its own size.
56 Legibility is the only reason any of these pictures is here. */
57.term.wide { grid-column: 1 / -1; }
58
59/* A phone shot, a dialog and the two boxes that cover the screen are portraits.
60 Shrunk to the height of a landscape crop their own lettering stops being
61 readable, which defeats the entry, so they take the full width and the prose
62 sits beside them. */
63.term.tall { grid-column: 1 / -1; }
64.term.tall::after { content: ""; display: block; clear: both; }
65.term.tall img { float: left; max-height: 620px; margin: 0 1.1rem 0.6rem 0; }
66.term p { margin: 0.35rem 0 0; font-size: 0.93rem; color: var(--text-secondary); }
67.term p.say { color: var(--text-muted); font-size: 0.88rem; margin-top: 0.5rem; }
68
69/* The widget map. Drawn in the palette's own variables, never in a fixed
70 colour, so it is legible on all eleven palettes and follows a reader who
71 changes theirs while it is on screen.
72
73 On a phone the whole schematic scaled to the column width put its labels at
74 five pixels, which is a diagram that says nothing to the reader who most
75 needs it. It keeps a floor on its width and scrolls sideways inside its own
76 box instead: the page still never scrolls sideways, and the words can still
77 be read. */
78.diagram.scrolls { overflow-x: auto; }
79.diagram.scrolls svg { min-width: 640px; }
80.widgetmap text { font-family: var(--font); }
81.wm-win { fill: var(--bg-primary); stroke: var(--border-2); stroke-width: 1; }
82.wm-bar { fill: var(--bg-tertiary); stroke: var(--border); stroke-width: 1; }
83.wm-pan { fill: var(--bg-secondary); stroke: var(--border); stroke-width: 1; }
84.wm-cell { fill: var(--bg-tertiary); stroke: var(--border); stroke-width: 1; }
85.wm-soft { fill: var(--accent-soft); stroke: var(--accent); stroke-width: 1; }
86.wm-fill { fill: var(--accent); }
87.wm-skel { fill: var(--text-muted); opacity: 0.32; }
88.wm-zone { fill: var(--text-muted); letter-spacing: 1.2px; }
89.wm-lab { fill: var(--accent-text); font-weight: 700; }
90.wm-lead { stroke: var(--accent); stroke-width: 1.2; opacity: 0.75; }
91.wm-ink { stroke: var(--text-muted); stroke-width: 1.4; fill: none; opacity: 0.55; }
92</style>
93</head>
94<body>
95
96<header class="site-head">
97 <div class="site-head-inner">
98 <a class="brand" href="index.html" aria-label="Guía de Daimond, inicio">
99 <img class="wordmark wm-dark" src="../../assets/daimond_word.svg" alt="Daimond" translate="no">
100 <img class="wordmark wm-light" src="../../assets/daimond_word_dark.svg" alt="Daimond" translate="no">
101 <span class="brand-sub">Guía</span>
102 </a>
103 <nav class="site-nav" aria-label="Páginas de la guía">
104 <a href="index.html">Primeros pasos</a>
105 <a href="interface.html">La interfaz</a>
106 <a href="models.html">Modelos y créditos</a>
107 <a href="chats-and-diamonds.html">Chats y Diamonds</a>
108 <a href="../capps.html">Capps</a>
109 <a href="email-web-files.html">Correo, Web y archivos</a>
110 <a href="accounts.html">Cuentas</a>
111 <a href="sync.html">Sincronización entre dispositivos</a>
112 <a href="spending.html">Gastos</a>
113 <a href="../machine-operations.html">Comandos en el equipo</a>
114 <a href="social.html" aria-current="page">Social</a>
115 </nav>
116 </div>
117</header>
118
119<main>
120 <h1>Social</h1>
121 <p class="lede">Daimond cambia por lo que cuentan quienes lo usan. El panel Social es donde eso se escribe, se lee y se vota, y donde están los mensajes, las personas de quienes vienen, los grupos y las comparticiones. Esta página trata de que una nota llegue: cómo decir qué pasó, y cómo se llaman las partes de la pantalla, para que quien la lea sepa de inmediato de qué cosa hablas.</p>
122
123 <p>Una nota que dice que la cosa de arriba a la izquierda está rota le cuesta a alguien una búsqueda, y a veces encuentra lo que no era. Una nota que dice la ficha <strong>Diamonds</strong> de la barra superior no. Ninguna de las dos cuesta más trabajo. La diferencia es solo saber cómo se llaman las partes, y para eso está el resto de esta página.</p>
124
125 <section id="writing-a-note">
126 <h2 id="s1">Escribir una nota con la que se pueda hacer algo</h2>
127
128 <p>Tres cosas, y la primera es la que más veces falta.</p>
129
130 <ol class="steps">
131 <li>
132 <h3 id="s2">Dónde está</h3>
133 <p>Nombra la parte y la región en la que está. La pantalla tiene cuatro regiones y unas veinte clases de parte, y nombrar las dos hace único casi todo: hay aspas por todo Daimond, pero solo un aspa en la fila <span class="ui">Todo</span> .</p>
134 </li>
135 <li>
136 <h3 id="s3">Qué esperabas</h3>
137 <p>Di qué pensabas que iba a pasar. Esa es la mitad que quien lee no puede adivinar, y muchas veces es todo el informe: un control que hace exactamente aquello para lo que se hizo, y aun así sorprende a la gente, es un fallo del control y no de la gente.</p>
138 </li>
139 <li>
140 <h3 id="s4">Qué pasó en su lugar</h3>
141 <p>Lo que viste, en el orden en que lo viste. No lo que crees que lo causó. Una causa adivinada estrecha la búsqueda, y una adivinada mal la estrecha lejos del fallo.</p>
142 </li>
143 </ol>
144
145 <div class="pair">
146 <div class="costly">
147 <span class="lead-in">Cuesta una ida y vuelta</span>
148 <p>La X de arriba a la izquierda está rota.</p>
149 </div>
150 <div class="useful">
151 <span class="lead-in">Se puede actuar sobre ella</span>
152 <p>El aspa de la fila <span class="ui">Todo</span> se llevó toda la barra lateral. Yo esperaba que cerrara esa fila.</p>
153 </div>
154 </div>
155
156 <p>Unas cuantas cosas más que ahorran una respuesta.</p>
157
158 <ul>
159 <li><strong>Una nota, una cosa.</strong> Dos fallos en una nota se vuelven una propuesta que no puede terminarse, porque la mitad está arreglada y la otra no.</li>
160 <li><strong>Di qué versión.</strong> La <span class="ui">Versión</span> fila del panel de administración la nombra, y al pasar por encima da el identificador de la versión. Un fallo ya arreglado se lee igual que un fallo que nadie puede reproducir.</li>
161 <li><strong>Di qué estabas haciendo.</strong> Hasta un rastro corto ayuda: qué panel estaba abierto, si estabas en el teléfono, qué paleta llevabas. Un fallo puede estar en una paleta, o en un ancho de pantalla, y en ninguna otra parte.</li>
162 <li><strong>Escríbela igual.</strong> Si no puedes nombrar la parte, descríbela y di dónde estaba en la pantalla. Una nota aproximada vale muchísimo más que una nota que nadie escribe.</li>
163 </ul>
164 </section>
165
166 <section id="regions">
167 <h2 id="s5">Decir dónde: las cuatro regiones</h2>
168
169 <p>Daimond tiene una <strong>barra superior</strong> a lo ancho, y debajo tres regiones una al lado de otra: la <strong>barra lateral</strong> a la izquierda, el <strong>escenario</strong> en el centro y el <strong>dock</strong> a la derecha. Casi cualquier nota puede empezar nombrando una de esas cuatro. <a href="interface.html">La interfaz</a> las recorre y dice para qué sirve cada panel; esta página trata de las partes más pequeñas que hay dentro.</p>
170
171 <figure class="diagram scrolls">
172 <svg class="widgetmap" viewBox="0 0 760 470" role="img" aria-labelledby="wm-title wm-desc" preserveAspectRatio="xMidYMid meet">
173 <title id="wm-title">Dónde están las partes con nombre de la pantalla</title>
174 <desc id="wm-desc">Un esquema de la ventana de Daimond. Arriba, a lo ancho, la barra superior, con la fila de fichas. Debajo, tres regiones: la barra lateral a la izquierda, con una luz y un aspa en su fila de arriba, una cabecera sobre cada lista, mosaicos en las listas, un divisor entre ellas y filas del panel de administración debajo; el escenario en el centro, con una cabecera arriba y el redactor abajo; y el dock a la derecha, con paneles.</desc>
175
176 <!-- ── The window and the top bar ─────────────────────── -->
177 <rect class="wm-win" x="10" y="10" width="740" height="450" rx="16"/>
178 <path class="wm-bar" d="M10,26 a16,16 0 0 1 16,-16 h708 a16,16 0 0 1 16,16 v30 h-740 z"/>
179 <rect class="wm-fill" x="30" y="27" width="12" height="12" rx="2" transform="rotate(45 36 33)"/>
180 <rect class="wm-skel" x="52" y="29" width="46" height="7" rx="3.5"/>
181
182 <!-- The chip row, with two chips filled to show an open panel. -->
183 <rect class="wm-soft" x="170" y="24" width="46" height="18" rx="9"/>
184 <rect class="wm-cell" x="224" y="24" width="30" height="18" rx="9"/>
185 <rect class="wm-soft" x="262" y="24" width="36" height="18" rx="9"/>
186 <rect class="wm-cell" x="306" y="24" width="40" height="18" rx="9"/>
187 <rect class="wm-cell" x="354" y="24" width="44" height="18" rx="9"/>
188 <line class="wm-ink" x1="408" y1="24" x2="408" y2="42"/>
189 <rect class="wm-cell" x="418" y="24" width="44" height="18" rx="9"/>
190 <rect class="wm-cell" x="470" y="24" width="40" height="18" rx="9"/>
191 <rect class="wm-cell" x="518" y="24" width="42" height="18" rx="9"/>
192 <circle class="wm-ink" cx="660" cy="33" r="9"/>
193 <circle class="wm-ink" cx="690" cy="33" r="9"/>
194 <circle class="wm-ink" cx="720" cy="33" r="9"/>
195 <text class="wm-lab" x="365" y="53" text-anchor="middle" font-size="12">fila de fichas</text>
196 <text class="wm-zone" x="600" y="37" text-anchor="middle" font-size="10">BARRA SUPERIOR</text>
197
198 <!-- ── The rail ───────────────────────────────────────── -->
199 <text class="wm-zone" x="22" y="80" font-size="10">BARRA LATERAL</text>
200 <rect class="wm-pan" x="22" y="88" width="196" height="360" rx="10"/>
201
202 <!-- Its top row: play, pause, the light, and the rail's own closer. -->
203 <path class="wm-ink" d="M32,105 L40,110 L32,115 z"/>
204 <line class="wm-ink" x1="47" y1="105" x2="47" y2="115"/>
205 <line class="wm-ink" x1="52" y1="105" x2="52" y2="115"/>
206 <circle class="wm-fill" cx="64" cy="110" r="5"/>
207 <rect class="wm-skel" x="76" y="107" width="48" height="7" rx="3.5"/>
208 <path class="wm-ink" d="M196,105 L206,115 M206,105 L196,115"/>
209 <line class="wm-lead" x1="64" y1="118" x2="64" y2="127"/>
210 <text class="wm-lab" x="64" y="138" text-anchor="middle" font-size="12">luz</text>
211 <line class="wm-lead" x1="201" y1="118" x2="201" y2="127"/>
212 <text class="wm-lab" x="208" y="138" text-anchor="end" font-size="12">aspa</text>
213
214 <!-- A head over the list, with the buttons that act on the list. -->
215 <rect class="wm-skel" x="32" y="156" width="50" height="8" rx="4"/>
216 <circle class="wm-cell" cx="188" cy="160" r="7"/>
217 <circle class="wm-cell" cx="206" cy="160" r="7"/>
218 <text class="wm-lab" x="128" y="164" text-anchor="middle" font-size="12">cabecera</text>
219
220 <!-- A tile, with its tags and its cog. -->
221 <rect class="wm-cell" x="32" y="178" width="176" height="38" rx="6"/>
222 <rect class="wm-skel" x="40" y="186" width="72" height="6" rx="3"/>
223 <rect class="wm-soft" x="40" y="199" width="26" height="9" rx="4.5"/>
224 <rect class="wm-soft" x="70" y="199" width="22" height="9" rx="4.5"/>
225 <circle class="wm-ink" cx="196" cy="189" r="5"/>
226 <text class="wm-lab" x="146" y="193" text-anchor="middle" font-size="12">mosaico</text>
227
228 <!-- The divider between the two lists. -->
229 <line class="wm-lead" x1="30" y1="228" x2="210" y2="228" stroke-width="2"/>
230 <rect class="wm-fill" x="112" y="225.5" width="16" height="5" rx="2.5"/>
231 <line class="wm-lead" x1="120" y1="232" x2="120" y2="240"/>
232 <text class="wm-lab" x="120" y="251" text-anchor="middle" font-size="12">divisor</text>
233
234 <!-- The second list, and a tile in it. -->
235 <rect class="wm-skel" x="32" y="266" width="34" height="8" rx="4"/>
236 <circle class="wm-cell" cx="188" cy="270" r="7"/>
237 <circle class="wm-cell" cx="206" cy="270" r="7"/>
238 <rect class="wm-cell" x="32" y="288" width="176" height="30" rx="6"/>
239 <rect class="wm-skel" x="40" y="296" width="90" height="6" rx="3"/>
240 <rect class="wm-skel" x="40" y="307" width="60" height="5" rx="2.5"/>
241
242 <!-- The admin panel: one row per question. -->
243 <line class="wm-ink" x1="26" y1="334" x2="214" y2="334"/>
244 <circle class="wm-fill" cx="40" cy="349" r="3" opacity="0.6"/>
245 <rect class="wm-skel" x="50" y="346" width="64" height="6" rx="3"/>
246 <rect class="wm-skel" x="172" y="346" width="32" height="6" rx="3"/>
247 <circle class="wm-fill" cx="40" cy="367" r="3" opacity="0.6"/>
248 <rect class="wm-skel" x="50" y="364" width="52" height="6" rx="3"/>
249 <rect class="wm-skel" x="172" y="364" width="32" height="6" rx="3"/>
250 <circle class="wm-fill" cx="40" cy="385" r="3" opacity="0.6"/>
251 <rect class="wm-skel" x="50" y="382" width="70" height="6" rx="3"/>
252 <rect class="wm-skel" x="172" y="382" width="32" height="6" rx="3"/>
253 <circle class="wm-fill" cx="40" cy="403" r="3" opacity="0.6"/>
254 <rect class="wm-skel" x="50" y="400" width="58" height="6" rx="3"/>
255 <rect class="wm-skel" x="172" y="400" width="32" height="6" rx="3"/>
256 <text class="wm-lab" x="140" y="371" text-anchor="middle" font-size="12">fila</text>
257
258 <!-- The spend row, at the foot of the rail. -->
259 <line class="wm-ink" x1="26" y1="422" x2="214" y2="422"/>
260 <rect class="wm-skel" x="40" y="432" width="28" height="5" rx="2.5"/>
261 <rect class="wm-skel" x="104" y="432" width="28" height="5" rx="2.5"/>
262 <rect class="wm-skel" x="168" y="432" width="28" height="5" rx="2.5"/>
263
264 <!-- ── The stage ──────────────────────────────────────── -->
265 <text class="wm-zone" x="228" y="80" font-size="10">ESCENARIO</text>
266 <rect class="wm-pan" x="228" y="88" width="300" height="360" rx="10"/>
267 <rect class="wm-skel" x="240" y="106" width="86" height="8" rx="4"/>
268 <rect class="wm-cell" x="396" y="101" width="44" height="16" rx="8"/>
269 <rect class="wm-cell" x="448" y="101" width="36" height="16" rx="8"/>
270 <rect class="wm-cell" x="492" y="101" width="28" height="16" rx="8"/>
271 <text class="wm-lab" x="352" y="114" text-anchor="middle" font-size="12">cabecera</text>
272
273 <rect class="wm-soft" x="340" y="142" width="168" height="26" rx="8"/>
274 <rect class="wm-skel" x="350" y="152" width="148" height="6" rx="3"/>
275 <rect class="wm-cell" x="240" y="180" width="212" height="34" rx="8"/>
276 <rect class="wm-skel" x="250" y="188" width="192" height="6" rx="3"/>
277 <rect class="wm-skel" x="250" y="200" width="150" height="6" rx="3"/>
278 <rect class="wm-cell" x="240" y="226" width="180" height="26" rx="8"/>
279 <rect class="wm-skel" x="250" y="236" width="160" height="6" rx="3"/>
280
281 <text class="wm-lab" x="330" y="392" text-anchor="middle" font-size="12">redactor</text>
282 <line class="wm-lead" x1="330" y1="396" x2="330" y2="404"/>
283 <rect class="wm-cell" x="240" y="404" width="268" height="32" rx="8"/>
284 <rect class="wm-skel" x="252" y="417" width="140" height="6" rx="3"/>
285 <circle class="wm-fill" cx="490" cy="420" r="10"/>
286
287 <!-- ── The dock ───────────────────────────────────────── -->
288 <text class="wm-zone" x="538" y="80" font-size="10">DOCK</text>
289 <rect class="wm-pan" x="538" y="88" width="200" height="360" rx="10"/>
290 <rect class="wm-cell" x="550" y="98" width="176" height="104" rx="8"/>
291 <rect class="wm-skel" x="562" y="110" width="52" height="8" rx="4"/>
292 <rect class="wm-skel" x="562" y="130" width="150" height="6" rx="3"/>
293 <rect class="wm-skel" x="562" y="144" width="120" height="6" rx="3"/>
294 <rect class="wm-skel" x="562" y="158" width="136" height="6" rx="3"/>
295 <text class="wm-lab" x="638" y="185" text-anchor="middle" font-size="12">panel</text>
296 <rect class="wm-cell" x="550" y="212" width="176" height="104" rx="8"/>
297 <rect class="wm-skel" x="562" y="224" width="64" height="8" rx="4"/>
298 <rect class="wm-skel" x="562" y="244" width="118" height="6" rx="3"/>
299 <rect class="wm-skel" x="574" y="258" width="126" height="6" rx="3"/>
300 <rect class="wm-skel" x="574" y="272" width="98" height="6" rx="3"/>
301 <rect class="wm-skel" x="562" y="286" width="88" height="6" rx="3"/>
302 <rect class="wm-cell" x="550" y="326" width="176" height="110" rx="8"/>
303 <rect class="wm-skel" x="562" y="338" width="48" height="8" rx="4"/>
304 <rect class="wm-skel" x="562" y="358" width="140" height="6" rx="3"/>
305 <rect class="wm-skel" x="562" y="372" width="104" height="6" rx="3"/>
306 <rect class="wm-skel" x="562" y="386" width="128" height="6" rx="3"/>
307 </svg>
308 <figcaption>Dónde están las partes con nombre. Las palabras en color son las que hay que usar en una nota; las cuatro regiones van en versalitas. Nada de esto está a escala, y un panel puede estar cerrado, movido o guardado, así que las regiones son lo que se queda quieto.</figcaption>
309 </figure>
310
311 <div class="note">
312 <strong>Dos palabras para el centro.</strong> Esta guía lo llama el escenario. La galería de paneles agrupa esos mismos paneles bajo <span class="ui">Junto al chat</span>, que es el único nombre que la propia app pone en pantalla para esa región. Se entienden los dos; y si no usas ninguno y dices «junto al chat» con tus palabras, también se entiende.
313 </div>
314 </section>
315
316 <section id="glossary">
317 <h2 id="s6">Las partes, por su nombre</h2>
318
319 <p>Cada palabra de abajo es una que Daimond ya usa, en su propia interfaz o en esta guía. Cada entrada muestra la cosa real, recortada de un Daimond en marcha, para que puedas comparar lo que tienes delante con la imagen y usar la palabra con confianza.</p>
320
321 <p>Las imágenes se tomaron en una de las paletas oscuras. En la tuya los colores serán otros, y en el teléfono algunas de estas partes se mueven; los nombres no.</p>
322
323 <!--
324 A translator's note, and an auditor's.
325
326 Each term here is the word the ENGLISH interface uses. It is a common
327 noun, not a product name, so it is translated: a reader whose Daimond
328 says "Kachel" is looking for a glossary that says "Kachel", and one
329 that says "tile" instead defeats the whole purpose of the page.
330
331 The word to use in a given language is the one that language's own
332 catalogue already uses, in www/i18n/[locale].js. The key to copy it
333 from is named after each term, so nothing has to be invented:
334
335 chip chip.show, and chat.concise_failed
336 tile tile.settings
337 head no key of its own. The guide's word; the markup says
338 railhead and chead
339 closer common.close_named. js/closer.js is the whole control
340 cog tile.settings, on the button that opens it
341 light pause.state_play, pause.state_pause, pause.state_mixed,
342 pause.state_idle
343 divider layout.handle
344 row astat.tools_of and the rest of astat
345 spend row spend.period_day, spend.period_week, spend.period_month
346 composer chat.input_ph, chat.send
347 face crystal.view_switch
348 tag tag.add, tag.pool_toggle
349 dialog dlg.are_you_sure
350 gallery gallery.title
351 Go to box pal.title, pal.close
352 sheet sheet.close
353 drawer no key of its own. The button that opens it is
354 topbar.open_menu
355 paperclip attach.to_focus
356 forge improve.as_voice, improve.voice_help. Nothing to
357 photograph: it is a website, not a part of this app
358 voice improve.voice_held, improve.voice_ph, and the whole
359 voice.* family. Nothing to photograph either, and
360 nothing that may be: it is a secret
361
362 The product nouns are NOT translated, here or anywhere: Daimond,
363 Diamond, Daimond Pro, Hands. See the head of www/i18n/en.js.
364 -->
365
366 <div class="terms">
367
368 <div class="term wide" id="term-chip">
369 <h3 id="s7">ficha</h3>
370 <img src="../shots/vocab-chips.png" alt="Una fila de botoncitos redondeados a lo ancho de la barra superior, cada uno con el nombre de un panel. Tres están rellenos y el resto solo delineados." loading="lazy">
371 <p>Un botoncito redondeado que enciende o apaga una cosa. La fila de ellos a lo ancho de la barra superior es la <strong>fila de fichas</strong>, una ficha por panel, rellena mientras ese panel está abierto.</p>
372 <img src="../shots/vocab-chead.png" alt="La cabecera del panel de chat: su nombre a la izquierda y luego tres botoncitos redondeados que dicen Vigilado, Conciso y Pasos." loading="lazy">
373 <p>Las fichas se usan también en otros sitios: en una cabecera, como arriba, en un mosaico, y en la barra lateral como etiquetas. Di cuál, y una ficha es inequívoca.</p>
374 <p class="say">Di: la ficha <strong>Espacio</strong> de la fila de fichas.</p>
375 </div>
376
377 <div class="term" id="term-tile">
378 <h3 id="s8">mosaico</h3>
379 <img src="../shots/vocab-tile-chat.png" alt="Un chat en la barra lateral, dibujado como una tarjeta con borde, con una hora, el primer mensaje, una rueda dentada, un aspa y dos botoncitos." loading="lazy">
380 <p>Un Diamond o un chat, tal como aparece en la barra lateral. Un mosaico lleva su propio nombre, su rueda dentada, su aspa y todo lo demás que pertenece a ese trabajo.</p>
381 <p class="say">Di: la rueda dentada de un mosaico de chat.</p>
382 </div>
383
384 <div class="term" id="term-head">
385 <h3 id="s9">cabecera</h3>
386 <img src="../shots/vocab-head.png" alt="La palabra Diamonds a la izquierda de una tira estrecha, con un botón de más y un botón de grafo a su derecha." loading="lazy">
387 <p>La tira que nombra una lista o un panel y lleva los botones que actúan sobre todo el conjunto. Cada lista de la barra lateral tiene una, y cada panel también.</p>
388 <p class="say">Di: el más de la cabecera <span class="ui">Chats</span> .</p>
389 </div>
390
391 <div class="term" id="term-closer">
392 <h3 id="s10">aspa</h3>
393 <img src="../shots/vocab-closer.png" alt="Un aspa pequeña dibujada." loading="lazy">
394 <p>El aspa que cierra algo. Daimond tiene un aspa, dibujada de una sola manera, en cada panel, mosaico, diálogo, menú, cajón y hoja.</p>
395 <p>Siempre cierra la única cosa sobre la que está y nunca nada mayor, así que nombrar aquello sobre lo que está nombra el aspa con exactitud.</p>
396 <p class="say">Di: el aspa de la fila <span class="ui">Todo</span> .</p>
397 </div>
398
399 <div class="term" id="term-cog">
400 <h3 id="s11">rueda dentada</h3>
401 <img src="../shots/vocab-cog.png" alt="Una ruedita dentada dibujada." loading="lazy">
402 <p>El botón de ajustes. Donde una cosa tiene ajustes propios, están detrás de una rueda dentada en esa cosa: en un mosaico, en la fila de identidad, en un buzón.</p>
403 <p class="say">Di: la rueda dentada del mosaico de Diamond.</p>
404 </div>
405
406 <div class="term" id="term-light">
407 <h3 id="s12">luz</h3>
408 <img src="../shots/vocab-everything.png" alt="Una fila que dice Todo, con una flecha de reproducción, un símbolo de pausa y una luz ámbar redonda delante, y un aspa en el extremo derecho." loading="lazy">
409 <p>La luz redonda junto a un play y una pausa, que dice si esa parte de Daimond va a actuar por su cuenta. Verde si todo lo configurado está en marcha, ámbar si parte está detenido, rojo si no hay nada en marcha: o está detenido, o no hay nada configurado. Pasa el cursor y te dirá cuál de las dos.</p>
410 <p>Cada luz de la app cuelga de la de la fila <span class="ui">Todo</span> , que habla por todas.</p>
411 <p class="say">Di: la luz de la fila <span class="ui">Todo</span> está en ámbar.</p>
412 </div>
413
414 <div class="term" id="term-divider">
415 <h3 id="s13">divisor</h3>
416 <img src="../shots/vocab-divider.png" alt="Una línea fina de color a lo ancho de la barra lateral bajo el puntero, con la cabecera Chats debajo." loading="lazy">
417 <p>Una línea que puedes arrastrar para dar más sitio a una lista o a un panel, y devolver a donde estaba con doble clic. Hay dos en la barra lateral: una entre los Diamonds y los chats, otra encima del panel de administración.</p>
418 <p class="say">Di: el divisor encima del panel de administración.</p>
419 </div>
420
421 <div class="term" id="term-row">
422 <h3 id="s14">fila</h3>
423 <img src="../shots/vocab-rows.png" alt="El panel de administración: un nombre arriba con una rueda dentada, y luego una pila de líneas sueltas, cada una con un punto de color, una etiqueta y un valor." loading="lazy">
424 <p>Una línea de una pila de ellas, que contesta a una pregunta. El panel de administración son filas; también lo son los buzones, las carpetas, los dispositivos y los archivos.</p>
425 <p>Una fila sobre la que se puede actuar es un botón, y abre aquello que nombra.</p>
426 <p class="say">Di: la ficha <span class="ui">Versión</span> fila del panel de administración.</p>
427 </div>
428
429 <div class="term" id="term-spend-row">
430 <h3 id="s15">fila de gastos</h3>
431 <img src="../shots/vocab-spendrow.png" alt="Tres celdas al pie de la barra lateral, con los rótulos Sesión, Semana y Mes, cada una con una cifra pequeña debajo." loading="lazy">
432 <p>Las tres cifras al pie de la barra lateral: esta sesión, esta semana, este mes. Se esconde mientras no se haya gastado nada.</p>
433 <p class="say">Di: la celda de la semana de la fila de gastos.</p>
434 </div>
435
436 <div class="term" id="term-composer">
437 <h3 id="s16">redactor</h3>
438 <img src="../shots/vocab-composer.png" alt="Una caja ancha y redondeada que dice Escribe un mensaje, con un botón redondo de enviar y dos botoncitos redondos al lado." loading="lazy">
439 <p>La caja en la que escribes, con el botón de enviar al lado. Hay una, al pie del escenario, y habla con lo que esté en el escenario: un chat, o el daimon de un Diamond.</p>
440 <p class="say">Di: el botón de enviar del redactor.</p>
441 </div>
442
443 <div class="term" id="term-face">
444 <h3 id="s17">cara</h3>
445 <img src="../shots/vocab-face.png" alt="Un par pequeño de botones unidos que dicen Cristal y Chat, con Cristal seleccionado." loading="lazy">
446 <p>Un Diamond tiene dos, y este interruptor elige cuál estás mirando: el <span class="ui">Cristal</span>, que es lo que el Diamond sabe, y el <span class="ui">Chat</span>, que es cómo llegó a saberlo.</p>
447 <p class="say">Di: en la cara de cristal de un Diamond.</p>
448 </div>
449
450 <div class="term" id="term-tag">
451 <h3 id="s18">etiqueta</h3>
452 <img src="../shots/vocab-tile-diamond.png" alt="Un mosaico de Diamond con dos etiquetitas de color que dicen proyecto y urgente, con una rueda dentada a su derecha." loading="lazy">
453 <p>Una palabra bajo la que archivas un Diamond. Las etiquetas están en el mosaico como fichas pequeñas, y la fila <span class="ui">Filtrar por etiqueta</span> encima de la lista la estrecha a las que elijas.</p>
454 <img src="../shots/vocab-tagfilter.png" alt="Una fila estrecha encima de la lista de Diamonds que dice Filtrar por etiqueta, con una cuenta al lado." loading="lazy">
455 <p>Las etiquetas son solo tuyas: nunca van a un modelo, y nunca entran en un cristal.</p>
456 <p class="say">Di: las fichas de etiqueta bajo <span class="ui">Filtrar por etiqueta</span>.</p>
457 </div>
458
459 <div class="term tall" id="term-dialog">
460 <h3 id="s19">diálogo</h3>
461 <img src="../shots/vocab-dialog.png" alt="Una tarjeta centrada sobre la app, con un título, un aspa al lado, varios ajustes con su rótulo y un botón Eliminar al pie." loading="lazy">
462 <p>Una tarjeta que se abre sobre la app y espera una respuesta. Su título está en la misma fila que su aspa, y Escape hace lo que hace el aspa.</p>
463 <p class="say">Di: la ficha <span class="ui">Eliminar</span> botón del diálogo de un mosaico de chat.</p>
464 </div>
465
466 <div class="term tall" id="term-gallery">
467 <h3 id="s20">galería</h3>
468 <img src="../shots/vocab-gallery.png" alt="Una tarjeta alta titulada Paneles, con una caja de búsqueda y todos los paneles en tres grupos, cada fila con una estrella." loading="lazy">
469 <p>Todos los paneles que hay, con búsqueda, agrupados por región, cada fila diciendo si ese panel está abierto y llevando el alfiler que decide si su ficha está en la barra superior. Se abre desde la ficha <span class="ui">⋯</span> al final de la fila de fichas.</p>
470 <p class="say">Di: el alfiler de la fila <span class="ui">Papelera</span> de la galería.</p>
471 </div>
472
473 <div class="term tall" id="term-goto">
474 <h3 id="s21">caja Ir a</h3>
475 <img src="../shots/vocab-goto.png" alt="Una caja grande sobre la app con un campo de búsqueda y una lista de resultados, cada uno marcado con la clase de cosa que es." loading="lazy">
476 <p>El camino del teclado a cualquier cosa: <kbd>Ctrl</kbd> <kbd>K</kbd>, o <kbd>Cmd</kbd> <kbd>K</kbd> en un Mac. Llega a cada panel y a cada ajuste escribiendo, incluso a los que no muestra ninguna ficha.</p>
477 <p class="say">Di: escribir el nombre de una paleta en la caja Ir a.</p>
478 </div>
479
480 <div class="term tall" id="term-sheet">
481 <h3 id="s22">hoja</h3>
482 <img src="../shots/vocab-sheet.png" alt="Una pantalla de teléfono con un panel levantado sobre el chat desde el borde de abajo, con una barra de agarre arriba y una caja para preguntar al pie." loading="lazy">
483 <p>En el teléfono, un panel se levanta sobre el chat como una hoja que puedes arrastrar arriba y abajo. Tiene una barra de agarre arriba, un aspa al lado, y la única caja en la que preguntas sobre ella.</p>
484 <p class="say">Di: la barra de agarre de la hoja Espacio.</p>
485 </div>
486
487 <div class="term tall" id="term-drawer">
488 <h3 id="s23">cajón</h3>
489 <img src="../shots/vocab-drawer.png" alt="Una pantalla de teléfono con la barra lateral entrando desde la izquierda sobre la app atenuada, con los Diamonds, los chats y el panel de administración." loading="lazy">
490 <p>En el teléfono, la barra lateral entra desde la izquierda como un cajón. Es toda la barra lateral, así que todo lo que hay en ella conserva su nombre. El botón que lo abre son las tres rayas de arriba a la izquierda.</p>
491 <p class="say">Di: el panel de administración, bajando por el cajón.</p>
492 </div>
493
494 <div class="term" id="term-paperclip">
495 <h3 id="s24">clip</h3>
496 <img src="../shots/vocab-paperclip.png" alt="Una fila del panel Espacio que nombra una carpeta, con un enlace, un clip y un aspa a su derecha." loading="lazy">
497 <p>Adjunta lo que estás leyendo a aquello en lo que estás trabajando. Está en cada fila del panel Espacio y en la cabecera de un documento, y solo se dibuja mientras hay algo a lo que adjuntar.</p>
498 <p class="say">Di: el clip de una fila de carpeta.</p>
499 </div>
500
501 </div>
502
503 <p>Unas cuantas palabras más que usa el resto de la guía, sin nada que fotografiar: un <strong>panel</strong> es una de las cosas que contiene una región, cada una con nombre propio, de <span class="ui">IA</span> a <span class="ui">Papelera</span>; un <strong>cristal</strong> es lo que un Diamond sabe, guardado como documento; un <strong>daimon</strong> es el agente que piensa por un Diamond; un <strong>trabajador</strong> es un agente que un daimon manda a hacer un trabajo. <a href="chats-and-diamonds.html">Chats y Diamonds</a> explica los cuatro.</p>
504
505 <p>Dos más pertenecen al panel Social, y ninguna de las dos se puede fotografiar. La <strong id="term-forge">fragua</strong> es donde se sigue el trabajo sobre Daimond: un repositorio público, fuera de este dispositivo, al que llega como propuesta la nota que envías. Tu <strong id="term-voice">voz</strong> es la línea de texto que la fragua imprime una vez para ti: un secreto que pertenece a una persona y por el que la fragua te busca, guardado cifrado en este dispositivo y nunca vuelto a mostrar. <a href="#social-panel">El panel Social</a> de más abajo es donde se usan las dos, y es el único sitio de Daimond donde aparece cualquiera de las dos palabras.</p>
506 </section>
507
508 <section id="two-words">
509 <h2 id="s25">Donde hay dos palabras</h2>
510
511 <p>Unas cuantas cosas de Daimond responden de verdad a más de un nombre, normalmente porque la app dice uno y esta guía dice el otro. Están aquí para que nadie gaste una frase disculpándose por usar el que no era. Se entienden los dos, y una nota que use cualquiera de ellos es una buena nota.</p>
512
513 <ul>
514 <li>La región del centro es <strong>el escenario</strong> en esta guía y <span class="ui">Junto al chat</span> en la galería de paneles.</li>
515 <li>El panel bajo el divisor de abajo de la barra lateral es <strong>el panel de administración</strong> en todo lo que un lector puede ver, y su propia cabecera dice <span class="ui">Administración</span>.</li>
516 <li>La <kbd>Ctrl</kbd> <kbd>K</kbd> se llama a sí misma <strong>Ir a</strong>, y esta guía también la ha llamado la paleta. Paleta es también la palabra para los once esquemas de color, así que <strong>caja Ir a</strong> es la que conviene preferir.</li>
517 <li>El botón que abre el cajón en el teléfono dice <span class="ui">Menú</span>, y lo que abre es la barra lateral.</li>
518 </ul>
519
520 <p>Si encuentras otro, eso merece una nota propia. Dos nombres para una cosa son un pequeño fallo de la app, no de quien lo cuenta.</p>
521 </section>
522
523 <section id="social-panel">
524 <h2 id="s26">El panel Social</h2>
525
526 <p>Una nota se escribe en el panel <span class="ui">Social</span> , que está en el dock, al lado de tu trabajo, para que una nota sobre lo que hay en pantalla pueda escribirse sin salir de ella. Su <strong>cabecera</strong> lleva cinco <strong>fichas</strong>, y una está rellena mientras la estás mirando: <span class="ui">Mensajes</span>, <span class="ui">Personas</span>, <span class="ui">Compartir</span>, <span class="ui">Notas</span> y <span class="ui">Propuestas</span>. Se abre en <span class="ui">Notas</span>.</p>
527
528 <p>El resto de esta sección es <span class="ui">Notas</span> y <span class="ui">Propuestas</span>, que van sobre Daimond en sí. Las otras tres van sobre otras personas, y cada una tiene su propia sección más abajo: <a href="#people">Personas</a> primero, porque no se puede enviar nada a nadie hasta que se ha intercambiado un código.</p>
529
530 <p>Una nota que envías no se queda en Oxedyne. Va a la <strong>fragua</strong>, el sitio donde se sigue el trabajo sobre Daimond, y llega allí como una propuesta que puede leer cualquiera que tenga ese repositorio. La ficha <span class="ui">Propuestas</span> es esa misma fragua, leída de vuelta.</p>
531
532 <h3 id="s27">Tu voz</h3>
533
534 <p>Todo lo que sale de este dispositivo va bajo una <strong>voz</strong>. A voice is a run of 43 characters the forge makes for you once: a secret belonging to one person, which the forge looks you up by. It is the whole of your identity there. No name, no handle and no address travels with what you write, and this browser is never told what your voice is called.</p>
535
536 <p>You cannot make one and neither can Daimond. Voices are given out by invitation, one person at a time, by whoever runs the repository — so if you have not got one, ask Oxedyne for an invitation link. Following that link shows you who invited you and what you would be allowed to do; you accept, and the forge makes your voice in front of you and shows it once. Copy it then. It is never shown again, and losing it means asking for another invitation.</p>
537
538 <p>Then you put it in the panel. Press <span class="ui">Paste your voice</span>, paste those 43 characters in, and press <span class="ui">Guardar la voz</span>. If what you copied brought the word <strong translate="no">secret</strong> along in front of it, Daimond takes that off and keeps the 43 characters. If it will not take what you pasted, the secret has been broken somewhere in the middle: copy it again in one piece. Daimond holds it on this device, encrypted under your passphrase, and the gateway it passes through on its way out stores nothing. <span class="ui">Olvidarla</span> removes the copy on this device.</p>
539
540 <p>Sin voz solo hay <span class="ui">Guardar</span> : el panel no ofrece <span class="ui">Enviar</span>, y tampoco ofrece votar ni responder.</p>
541
542 <h3 id="s28">Escribir una</h3>
543
544 <p>Bajo la ficha <span class="ui">Notas</span> está la <strong>caja de notas</strong>. Escribe dentro las tres cosas del principio de esta página: dónde está, qué esperabas, qué pasó en su lugar. <strong>La primera línea es el título</strong> y el resto es lo que pasó; la frase que está junto a los botones lo dice.</p>
545
546 <p>Debajo de la caja hay una <strong>fila</strong> encabezada <span class="ui">Qué va con ella</span>. Contiene una línea: la versión, el idioma, el tamaño de la ventana, si estás en el teléfono, la paleta que llevas y qué paneles están abiertos. Ese es el cuarto consejo de arriba, reunido por ti y no pedido a ti, y se muestra en los caracteres exactos con los que viajará. La fila tiene un <strong>aspa</strong>, y cerrarla quita la línea de la nota además de la pantalla.</p>
547
548 <p>Luego dos botones, y la diferencia entre ellos es todo lo que este panel promete.</p>
549
550 <ul>
551 <li><span class="ui">Guardar</span> guarda la nota en este dispositivo. No se envía nada, ni entonces ni después.</li>
552 <li><span class="ui">Enviar</span> la guarda y la envía, y lo que se envía son exactamente los caracteres de la caja y de esa fila. Nada se añade de salida, y nada más sobre ti va con ella. Va bajo tu voz, y va a un sitio público: cualquiera que pueda leer el repositorio puede leer lo que escribiste. La frase junto al botón lo dice, para que lo sepas antes de pulsarlo y no después.</li>
553 </ul>
554
555 <div class="note">
556 <strong>Una nota nunca se envía por su cuenta.</strong> Aquí nada se pone en cola, ni se agrupa, ni se reintenta, ni se sincroniza. Para enviar hace falta que la fragua esté alcanzable; cuando no lo está, porque no tienes conexión o no tienes voz, la nota se guarda, la <strong>fila</strong> de debajo de la caja dice <span class="ui">Solo aquí</span>, y nada lo vuelve a intentar a tus espaldas. <span class="ui">Copiar</span> está en cada nota, así que siempre puedes llevarte tus palabras a mano.
557 </div>
558
559 <p>Tus propias notas están listadas bajo la caja, las más nuevas primero, cada una una <strong>fila</strong> que dice qué escribiste y si se fue. Una nota guardada se puede enviar, copiar o borrar; una nota está solo en este dispositivo, así que borrarla pregunta antes. Una nota que se fue dice en qué propuesta se convirtió.</p>
560
561 <h3 id="s29">Leer las propuestas y votar</h3>
562
563 <p>Una <strong>propuesta</strong> es un cambio en Daimond, dicho de manera que se pueda estar de acuerdo o en desacuerdo con él y que pueda terminarse. Enviar una nota abre una: su primera línea se vuelve el título y el resto el cuerpo. Por eso el consejo del principio de esta página dice una nota, una cosa: dos fallos en una nota se vuelven una propuesta que no puede terminarse.</p>
564
565 <p>Bajo la ficha <span class="ui">Propuestas</span> cada una es una <strong>fila</strong> de la misma forma que una fila del panel de administración: un punto de color para el estado en que está, su título y, donde hay cuentas, cuántos lo han pedido. Pulsar la fila la abre, y dentro están la propuesta entera, quién la escribió y cuándo, cuántas respuestas tiene, la versión en la que se escribió y la marca que la cerró, si alguna lo hizo.</p>
566
567 <p>Debajo hay una caja para decir algo de vuelta. Escribe en ella y pulsa <span class="ui">Decirlo</span>, y lo que se envía es exactamente lo que hay en esa caja, la misma promesa que guarda la caja de notas. Lo que ya se ha dicho está encima.</p>
568
569 <p>Donde la fragua lleva cuentas, hay dos botones con ellas: <span class="ui">Hacer esto</span> y <span class="ui">Esto no</span>. Pulsar el que ya elegiste retira tu voto.</p>
570
571 <p>Hay cuatro estados. <span class="ui">Abierta</span> y <span class="ui">En marcha</span> dicen cómo va, <span class="ui">Hecha</span> dice que está terminada, y <span class="ui">Rechazada</span> dice que no se hará. Una propuesta que simplemente desapareciera enseñaría a la gente a no escribir notas, así que ninguna lo hace.</p>
572
573 <p><strong>Nada te dice cuándo se responde a tu propuesta.</strong> No hay flujo, ni distintivo, ni mensaje: te enteras abriendo el panel y leyendo. La línea de encima de la lista lo dice, para que un silencio no se tome nunca por una respuesta.</p>
574
575 <div class="note">
576 <strong>Las cuentas están en vivo, y nada se retiene.</strong> Todo lo que hay bajo <span class="ui">Propuestas</span> se lee de la fragua mientras lo estás mirando, así que una cuenta es la de ese momento y no la de una versión. Detrás de los dos botones tampoco hay cola: <strong>un voto pulsado sin conexión no se emite</strong>, y nada lo emite por ti después. Vuelve a pulsarlo cuando estés de vuelta.
577 </div>
578 </section>
579
580 <section id="people">
581 <h2 id="s30">Personas, y el primer intercambio</h2>
582
583 <p>Todo lo demás de esta página descansa sobre un acto: que dos personas lleguen a tener la clave real de la otra. No se puede sellar nada para alguien de quien Daimond no tiene clave, así que hasta que se ha intercambiado un código la lista <span class="ui">Personas</span> dice exactamente eso, y la caja de mensajes dice que no hay nadie a quien escribir.</p>
584
585 <p>Encima de la lista hay dos botones. <span class="ui">Mostrar mi código</span> pone en pantalla tu propio <strong>código</strong> : una tarjetita firmada que lleva tu clave, la clave aparte con la que se sella un mensaje para ti, y el nombre que te hayas dado. Se dibuja como un símbolo para la cámara de la otra persona, y se repite debajo como una línea de texto que empieza por <code translate="no">DMND-ID1.</code> para cuando no hay cámara. <span class="ui">Añadir a alguien</span> es la otra mitad del mismo acto: la cámara de este dispositivo, y una caja donde pegar un código.</p>
586
587 <h3 id="s31">Leerlo en la sala, o leer un número en voz alta</h3>
588
589 <p>Los dos caminos dejan constancia del código. Solo dos cosas pueden subir una clave a <strong>cotejada</strong>, y cuál de ellas se ofrece depende de cómo llegó el código y no de lo que dice.</p>
590
591 <ul>
592 <li><strong>La cámara de este dispositivo, en persona.</strong> Lo leíste de su pantalla, así que no había canal para que nadie se metiera entre vosotros, y la fila ofrece <span class="ui">Marcar como cotejada ahora</span>.</li>
593 <li><strong>Cualquier otra cosa</strong> —un pegado, un enlace, un código que alguien te mandó— se queda como clave nueva, y el diálogo lo dice al llegar. Aquello que la entregó pudo haber puesto una clave propia y firmar el resultado perfectamente, así que una tarjeta que cuadra prueba que quien tiene esa clave la compuso, y nada sobre quién es esa persona.</li>
594 </ul>
595
596 <p>El camino hacia arriba desde ahí es <span class="ui">Comparar números de seguridad</span>: sesenta dígitos en doce grupos de cinco, los mismos en los dos lados, que os leéis en una llamada o en persona. <span class="ui">Los números coinciden</span> lo deja constatado. <span class="ui">Son diferentes</span> dice que hay alguien entre vosotros y que esa clave no se debe usar. Leer los dígitos en un mensaje no prueba nada, porque lo que pudiera cambiar las claves podría cambiar el mensaje.</p>
597
598 <h3 id="s32">Qué dice una fila</h3>
599
600 <p>Cada persona es una <strong>fila</strong>: un nombre, una línea bajo el nombre y una huella. Mientras la clave no está cotejada, el nombre se dibuja como la afirmación que es — <em>se hace llamar «Ada»</em> —, porque un nombre es algo que teclea quien lo lleva. Una vez cotejada, se sabe quién está al otro lado y el nombre puede ser su nombre.</p>
601
602 <p>La línea bajo el nombre es el único sitio de Daimond donde se dibuja el estado de una clave, y es una línea y no un distintivo para que no pueda leerse de un vistazo junto con otra cosa. Dice una de cinco cosas: que esta es una clave nueva que no has cotejado; que se cotejó en persona, con la fecha; que se cotejó por número de seguridad, con la fecha; que es una clave <em>distinta</em> de la que cotejaste; o que está bloqueada.</p>
603
604 <div class="note"><strong>Una clave que cambia no es una clave que arrastre lo anterior.</strong> Una tarjeta puede nombrar la clave a la que sustituye, lo que enlaza las dos, y no traslada un cotejo: la razón más común de que una clave cambie es que la vieja se filtró, y quien se llevó la vieja puede firmar esa misma afirmación. Así que la fila dice que la clave es distinta, y los mensajes que vienen de ella quedan en espera hasta que decidas. Un nombre que se parece a un nombre que ya has cotejado también se señala en la fila: los nombres no son identidades, y la clave es lo que hay que mirar.</div>
605
606 <p><span class="ui">Bloquear</span> en cualquier fila detiene esa clave en el relé: no se lleva nada más de ella, y a ella no se le dice nada de esto. <span class="ui">Desbloquear</span> lo levanta. Nada de esta lista se edita ni se borra: cada tarjeta, cada cotejo y cada bloqueo se añaden a un registro de este dispositivo, y la lista se reconstruye desde ese registro, comprobando otra vez cada firma, cada vez que se dibuja.</p>
607 </section>
608
609 <section id="messages">
610 <h2 id="s33">Mensajes privados</h2>
611
612 <p>Un mensaje se sella en este dispositivo para una clave que tiene la otra persona, y se abre en el de ella. Nada de lo que hay en medio puede leerlo, y eso nos incluye: el relé lleva texto cifrado y no puede hacer otra cosa con él. Lo que sí ve es lo que hace falta para encaminarlo —qué cuenta, cuándo y cuántos bytes—, y eso merece decirse en vez de pasarlo por alto.</p>
613
614 <p>Al pie de la vista <span class="ui">Mensajes</span> está la caja en la que escribes. Encima, un selector nombra a quién va: las personas cuya clave de sellado tiene este dispositivo, y los grupos a los que te has unido. Bajo el selector, una línea dice quién puede leer lo que estás a punto de teclear, y cambia con lo elegido, porque <span class="ui quoted">Privado. Solo tú y la persona a la que escribes podéis leer esto.</span> sería falso sobre un grupo de doce. <span class="ui">Enviar en privado</span> lo envía. Un texto de más de 8.192 caracteres se rechaza en vez de cortarse, por el motivo de que medio mensaje no es un mensaje más corto.</p>
615
616 <h3 id="s34">Cuando llega uno</h3>
617
618 <p>Mientras la vista <span class="ui">Mensajes</span> está abierta, Daimond mantiene abierta una petición en el relé, así que un mensaje que aterriza se dibuja sin que pulses nada. Con el panel cerrado, lo encuentras la próxima vez que lo abras, y por la cuenta.</p>
619
620 <p>La <span class="ui">Social</span> de la fila de fichas lleva un número, y el total de toda la app va al título de la pestaña del navegador y al icono de la app allí donde la plataforma dibuja uno. Es un recuento de lo que ha llegado y no una memoria de lo que has mirado, y esta versión no tiene nada que marque un mensaje como leído, así que el número se queda.</p>
621
622 <p>Un primer mensaje de alguien a quien no has aceptado no entra en la lista. Espera encima, bajo <span class="ui">Esperando tu respuesta</span>, con su huella y lo que escribió, y tres botones:</p>
623
624 <ul>
625 <li><span class="ui">Aceptar</span> lo mete en la lista, y sus mensajes posteriores van derechos allí.</li>
626 <li><span class="ui">Ignorar</span> quita la fila. No escribe nada, y a esa persona no le dice nada: eso es todo, para que quien envía no pueda nunca distinguir un ignorar de un silencio.</li>
627 <li><span class="ui">Bloquear</span> la detiene en el relé, igual que la fila de <span class="ui">Personas</span> .</li>
628 </ul>
629
630 <div class="note"><strong>Un correo al día, como mucho.</strong> Cuando tu cuenta tiene una dirección, Daimond puede enviar un correo que dice que algo está esperando: sin remitente, sin asunto, sin cuenta, y no más de uno cada veinticuatro horas. El interruptor está en el panel de administración, bajo <span class="ui">Timbre por correo</span>, y en una cuenta beta empieza encendido, porque con la pestaña cerrada y sin notificaciones es lo único que llega a oírse.</div>
631
632 <h3 id="s35">Qué se dice, y qué no se promete</h3>
633
634 <ul>
635 <li><strong>Enviado, nunca entregado.</strong> El relé responde a una entrega bloqueada exactamente igual que a una que aceptó, a propósito, para que Bloquear no se pueda distinguir de Ignorar. Así que un envío a un grupo dice a cuántas personas se <em>envió</em> , y nombra a quienes el relé no lo aceptó.</li>
636 <li><strong>Un buzón lleno se dice.</strong> Un buzón guarda quinientos mensajes sin recoger; pasado eso un mensaje no llega, y a quien lo envía se le dice eso en vez de decirle que se fue.</li>
637 <li><strong>Treinta días, y el relé lo suelta.</strong> Un mensaje que nadie recoge se descarta al cabo de treinta días y quien lo envió recibe un aviso, en su propia sección bajo la lista. Un mensaje caducado deja ese aviso en vez de un hueco, para que un silencio no se confunda nunca con no haber enviado nada.</li>
638 <li><strong>Nada se pone en cola.</strong> Un mensaje que no se pudo enviar no está enviado, y nada lo reintenta a tus espaldas. La misma regla que guarda la caja de notas.</li>
639 <li><strong>Tus propios dispositivos los ven.</strong> Los mensajes, y una copia de lo que envías, viajan con el paquete cifrado que la <a href="sync.html">sincronización</a> lleva entre tus dispositivos. En este dispositivo se guardan cifrados bajo tu frase de paso, así que mientras Daimond está bloqueado la lista lo dice en vez de mostrar una lista vacía.</li>
640 </ul>
641
642 <div class="note"><strong>Denunciar un mensaje.</strong> Como quien opera el servicio no puede leer un mensaje, la única persona que puede sacar uno abusivo es aquella a la que se envió. <span class="ui">Denunciar</span> en un mensaje muestra las palabras exactas que se irán, y las envía con la firma de quien lo escribió y la única clave que abre ese único sobre. No va nada más: ni el resto del intercambio, ni sus otros mensajes, ni tus otras conversaciones.</div>
643 </section>
644
645 <section id="groups">
646 <h2 id="s36">Grupos</h2>
647
648 <p>Un grupo es un chat de grupo, y está al pie de la vista <span class="ui">Mensajes</span> y no detrás de una ficha propia. No hay clave compartida: un mensaje a un grupo se sella una vez por cada miembro, un candado por persona dentro del mismo sobre. De eso se siguen tres cosas, y cada una está en pantalla donde importa, antes de pulsar y no después.</p>
649
650 <ul>
651 <li><strong>Unirse no muestra nada anterior.</strong> Los mensajes enviados antes de que te unieras nunca se sellaron para tu clave, así que ningún dispositivo puede abrirlos para ti.</li>
652 <li><strong>Sacar a alguien no retira nada.</strong> Se queda con todos los mensajes que ya se le enviaron y desde entonces no recibe nada, y por eso el control dice <span class="ui">Dejar de enviar a</span> y nunca <em>quitar</em>.</li>
653 <li><strong>Cerrar es definitivo, y no destruye nada.</strong> Todos conservan todos los mensajes; nadie puede volver a escribirle. Daimond pregunta una vez antes de que ocurra, y cerrar tiene su propio apartado más abajo.</li>
654 </ul>
655
656 <p>Para crear uno, ponle nombre y elige entre las personas de las que tienes una tarjeta; <span class="ui">Crear este grupo</span> se lo dice, y dice a cuántas se les dijo. Alguien sin tarjeta no se puede añadir, porque no habría nada con lo que sellar para esa persona. Un grupo tiene como mucho 255 personas, y un mensaje a un grupo es una entrega aparte por cada miembro, así que un grupo grande es lento y llena buzones mucho antes de que ese techo importe.</p>
657
658 <p>Una invitación aparece bajo <span class="ui">Invitaciones a grupos</span>, con <span class="ui">Unirse</span> y <span class="ui">Ahora no</span>. Los mensajes enviados al grupo mientras no has contestado esperan con la invitación: unirse a un grupo es lo que acepta a las personas que hay en él.</p>
659
660 <p>Solo la persona que creó un grupo puede cambiar quién está en él o terminarlo, porque el nombre que un grupo tiene para sí mismo se deriva de su clave y nadie más puede escribir una lista de miembros para él. Todos los demás ven la lista sin botones encima. Un miembro tiene <span class="ui">Salir de este grupo</span>, que es local, no quita nada y no se lo dice a nadie; la persona que creó el grupo no puede salir de él, porque la siguiente lista que escriba la volvería a nombrar.</p>
661
662 <h3 id="s37">Cerrar un grupo</h3>
663
664 <p>Cerrar es el único acto de quien lo creó que no se puede deshacer. El botón dice <span class="ui">Cerrar este grupo</span> —no <em>disolver</em>, y no <em>borrar</em>—, porque con ello no se destruye nada.</p>
665
666 <p>Un diálogo pregunta una vez, encabezado <span class="ui">¿Cerrar este grupo para todos?</span>, y dice: «Cerrar un grupo lo cierra para todos. Nadie podrá volver a escribirle, tú incluido; todos los mensajes ya enviados se quedan donde están. No se puede deshacer.» Debajo nombra el grupo, y el botón que lo hace dice <span class="ui">Cerrarlo para todos</span>. Descarta el diálogo y el grupo queda exactamente como estaba.</p>
667
668 <p>Lo que hace la pulsación es escribir una lista de miembros que no nombra a nadie, y entregarla a todos los que estaban en él. Todo lector la obedece, así que nadie puede enviar nada más a ese grupo, incluida la persona que lo cerró, y ninguna lista posterior puede reabrirlo. No se borra nada en ninguna parte: cada miembro conserva cada mensaje que ya tiene.</p>
669
670 <div class="note"><strong>Un grupo cerrado conserva su sitio en la lista.</strong> Está con los grupos en los que estás, con su nombre y sus mensajes y sin ningún control, diciendo que lo cerró la persona que lo creó. Eso no es un arreglo pendiente: el nombre del grupo se dibuja sobre cada uno de sus mensajes a partir de ese único registro, así que quitar el registro dejaría la transcripción que el cierre existe para conservar bajo nada más que ocho caracteres de un identificador.</div>
671
672 <div class="note"><strong>El relé no sabe nada de grupos.</strong> No hay registro de grupo, ni nombre de grupo, ni lista de miembros en ningún servidor: la lista vive en los clientes, y viaja como un mensaje sellado corriente igual que cualquier otro. Lo que el relé aún puede ver es lo que le muestra el encaminamiento —una dirección aterrizando en varios buzones en un mismo instante—, así que puede inferir que se escribió junta a cierto conjunto de cuentas, y nunca quiénes son unas para otras.</div>
673 </section>
674
675 <section id="sharing">
676 <h2 id="s38">Compartir un Diamond</h2>
677
678 <p>Bajo la ficha <span class="ui">Compartir</span> hay dos mitades, en el orden en que te las encuentras: <span class="ui">Abrir una compartición</span> arriba, porque recibir una no necesita de ti nada más que el archivo, y <span class="ui">Enviar un Diamond</span> debajo.</p>
679
680 <p><strong>Una compartición es una copia que pertenece a quien la recibe.</strong> Se vuelve a sellar para su clave, aterriza en su espacio como un Diamond propio, y puede cambiarla. Tú nunca ves sus cambios y esa persona nunca ve los tuyos. No es una vista en vivo de tu Diamond: no hay nada que revocar después, y nada que siga leyendo lo que tú guardas.</p>
681
682 <p>Una compartición lleva los archivos de un Diamond, así que tiene que haber uno abierto, y el panel lo nombra y dice en la misma línea lo que es: <span class="ui quoted">una copia que será suya, no una vista de la tuya.</span> Elige a quién va entre las personas cuya clave de sellado tiene este dispositivo, y pulsa <span class="ui">Compartir</span>. Como mucho sesenta y cuatro archivos y dos megabytes de ellos; por encima de cualquiera de los dos se rechaza en vez de recortarse, porque una copia a la que le falta un archivo no es una copia más pequeña. Tres cosas no viajan nunca, hagas lo que hagas: el historial de versiones del propio Diamond, el registro del agente y el manifiesto de una capp.</p>
683
684 <h3 id="s39">Dos transportes, elegidos midiendo</h3>
685
686 <p>El relé lleva un sobre sellado de 64 KB como mucho, así que el transporte se decide por el tamaño y no se te pregunta, y el panel dice cuál fue y lo grande que era la compartición.</p>
687
688 <p>Por encima de ese tamaño, Daimond escribe la compartición como un archivo con la extensión <code translate="no">.dshare</code> —siempre esa extensión—, le pone el nombre de la compartición y su dirección, y te dice cómo se llamó. Dale ese archivo. Una página de capp ocupa unos 100 KB ella sola, así que una compartición que lleva una capp viaja siempre así; también una que va a un lápiz de memoria, o a alguien que no tiene cuenta aquí. Un <code translate="no">.dshare</code> no es más de fiar que un mensaje por haber sido un archivo: los bytes son el mismo sobre sellado, sellado para esa única persona, y abrirlo hace la misma pregunta.</p>
689
690 <div class="note"><strong>El archivo es el camino que aterriza.</strong> Una compartición lo bastante pequeña para el relé se envía por él, y a quien la envía se le dice que se fue. El lado receptor de ese camino no está terminado: no hay ningún control que la abra, y aparece en sus <span class="ui">Mensajes</span> como un mensaje que su dispositivo no ha podido leer. Hasta que eso esté hecho, guarda el archivo y entrégalo: eso lo puede hacer una compartición de cualquier tamaño.</div>
691
692 <h3 id="s40">Una compartición que lleva código</h3>
693
694 <p>Los datos viajan libremente; el código viaja solo con consentimiento. Un Diamond que lleva una página de capp lleva un programa que escribió otra persona, y Daimond ejecuta la página cuando se abre el Diamond que la contiene, así que la pregunta se hace antes de escribir nada, y no al abrirla, que sería demasiado tarde.</p>
695
696 <p>El diálogo se encabeza <span class="ui">Esta compartición contiene código</span>. Nombra la compartición, dice de qué clave viene y lista los archivos que se añadirían, porque «contiene código en algún sitio» no basta para poder contestar. El botón que la acepta dice <span class="ui">Aceptar la página</span>.</p>
697
698 <p>Di no y el resto aterriza igual: los archivos de datos se escriben, y el panel nombra las páginas que se dejaron fuera, para que nada falte sin decirse. Cuando toda la compartición era una página, no se añade nada y el panel dice eso en su lugar.</p>
699
700 <p>Para recibir una, <span class="ui">Abrir un archivo de compartición…</span> pide el archivo, y lo que llega se añade como un Diamond tuyo, con el número de archivos que aterrizaron. El nombre que lleva es de quien lo envió y es orientativo: dos personas pueden elegir un mismo nombre y ninguna de las dos se equivoca.</p>
701 </section>
702
703 <div class="next">
704 <a href="../machine-operations.html">← Comandos en el equipo</a>
705 <a href="index.html">Volver a Primeros pasos →</a>
706 </div>
707</main>
708
709<footer class="site-foot">
710 <span>Daimond funciona en tu navegador. Nada de esto se nos envía.</span>
711 <nav aria-label="Páginas de la guía">
712 <a href="index.html">Primeros pasos</a>
713 <a href="interface.html">Interfaz</a>
714 <a href="models.html">Modelos</a>
715 <a href="chats-and-diamonds.html">Chats y Diamonds</a>
716 <a href="../capps.html">Capps</a>
717 <a href="email-web-files.html">Correo, Web y archivos</a>
718 <a href="accounts.html">Cuentas</a>
719 <a href="sync.html">Sincronización entre dispositivos</a>
720 <a href="spending.html">Gastos</a>
721 <a href="../machine-operations.html">Comandos en el equipo</a>
722 <a href="social.html">Social</a>
723 </nav>
724</footer>
725</body>
726</html>