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> |