Merge branch 'new-espanol-2023-06-16' of github.com:bjc-edc/bjc-r int…

…o april-updates

* 'new-espanol-2023-06-16' of github.com:bjc-edc/bjc-r: (38 commits)
  XML - Unit 2 Images
  XML - Unit 1 Images
  XML - Unit 2 Images
  XML - Unit 8 Images
  XML - Unit 2 - 5 Images
  ESP - partial review of English words in Spanish vocab boxes (and removal of some old english comments)
  ESP - 1.OP.5 - changing "un(a)" to "un/una" in "determinante aleatorio"
  ESP - 2.1.1 - annotated pinwheel block en Español
  ESP - 2.OP.4 & 2.OP.5 - new pic and cleaning up HTML
  ESP - 2.OP.4 remaking "torn" images
  ESP - resolving some (not all) 8.4.2 image issues
  ESP - cleaning up old external links
  ESP - un-"hold"ing cheat-sheet
  ESP - wrapping up cheat-sheet
  XML - Unit 1 - 3 Images
  Espanol - Minor text fixes to 2.2.3, 2.3.2, 2.3.6, 3.2.1, 5.1.2, 6.1.7, 8.op.1
  Espanol - Minor text fixes to 1.2.3, 1.2.4, 1.3.7, 1.5.2, 1.op5
  Espanol - Fixes to xml files from Units 1, 2, 3, 5 & 6.
  XML - Unit 2 Images
  XML - 2.1.1 - 2.2.2 Images
  ...

course/bjc4nyc.es.html

@@ -41,7 +41,7 @@ <h2>La belleza y alegría de la informática&mdash;<em>BJC</em></h2>
                 <ul><li><strong><a href="/bjc-r/topic/topic.es.html?topic=nyc_bjc/create-task.es.topic" title="Create Task de AP CSP"><em>Create Task</em> de AP CSP</a></strong></li></ul>
             </div>
             <p>Las unidades 1 a 5 cubren todo el curriculum AP CSP 2020. Estás listo para el examen. Las unidades 6 a 8 se enfocan en la jerarquía de abstracción sobre cómo las computadoras trabajan, así como la recursión, una bella y poderosa idea de las Ciencias de la Computación que va más allá del marco AP CSP y su examen. Estas unidades son perfectas para disfrutarlas luego de tomar el examen.</p>
-            <div class="todo"><div class="sidenote">
+            <div class="todo"> <!-- WHEN WE UNHIDE THIS, ALSO UNHIDE 1.3.7 LINE 46. --MF, 3/11/24 --><div class="sidenote">
                     <div class="topic_link">
                         <a href="/bjc-r/cur/snap-cheat-sheet.es.html" title="Guía de referencia rápida de Snap!">Guía de referencia rápida de Snap<em>!</em></a>
                     </div>&mdash;Snap<em>!</em> comparado con el lenguaje del examen de AP

cur/performance-tasks/create-task/6-reference.es.html

@@ -59,7 +59,7 @@ <h4><strong>Mostrar el código</strong></h4>
 									<p>
 										Puedes descargar un archivo de imagen PNG de cualquier bloque o programa haciendo clic en él con el botón derecho del ratón (o presionando con la tecla Control y haciendo clic en él en una Mac) y seleccionando "imagen de programa ..." Busca el archivo de imagen en la carpeta Descargas del navegador.<br />
 										<div class="sidenote">Si haces clic pulsando a la vez las teclas <em>Shift</em> y la flecha a la derecha (o <em>Shift</em> y Control) en un bloque reportero, puedes obtener una imagen de programa del <em>reportero</em> con la burbuja que muestra lo que está reportando.</div>
-										<img class="indent" src="/bjc-r/img/ap-support/script-pic.png" alt="Imagen de la definición del bloque de molinete que muestra el menú desplegable del botón derecho y el puntero sobre la opción de imagen de programa...&apos; Hay una burbuja encima del puntero que dice: &apos;abra una nueva ventana con una imagen de este programa&apos;" title="Imagen de la definición del bloque de molinete que muestra el menú desplegable del botón derecho y el puntero sobre la opción de imagen de programa...&apos; Hay una burbuja encima del puntero que dice: &apos;abra una nueva ventana con una imagen de este programa" />
+										<img class="indent" src="/bjc-r/img/ap-support/script-pic.es.png" alt="Imagen de la definición del bloque de molinete que muestra el menú desplegable del botón derecho y el puntero sobre la opción de imagen de programa...&apos; Hay una burbuja encima del puntero que dice: &apos;abra una nueva ventana con una imagen de este programa&apos;" title="Imagen de la definición del bloque de molinete que muestra el menú desplegable del botón derecho y el puntero sobre la opción de imagen de programa...&apos; Hay una burbuja encima del puntero que dice: &apos;abra una nueva ventana con una imagen de este programa" />
 									</p>
 								</div>
 							</li>
@@ -68,7 +68,7 @@ <h4><strong>Mostrar el código</strong></h4>
 								<div id="hint-exporting" class="collapse">
 									<p>
 										Puedes descargar un archivo HTML de todos los bloques de todo tu proyecto, así como una imagen del escenario seleccionando "Exportar resumen ..." en Snap<em>!</em> Menú Archivo (<img class="inline" src="/bjc-r/img/1-introduction/file_button.png" style="height:1.6em;" alt="botón Archivo" title="botón Archivo"/>). El archivo HTML también se guarda en la carpeta Descargas del navegador. Ábrelo (en un navegador), haz clic con el botón derecho (o haz clic con la tecla Control presionada en una Mac) para copiar las imágenes que necesitas y pégalas en el documento donde estás describiendo tu código.<br />
-										<img class="indent" src="/bjc-r/img/ap-support/export-summary.png" alt="imagen del menú Archivo de Snap! con el puntero sobre &apos;Exportar resumen...&apos; Hay una burbuja encima del puntero que dice: &apos;guarda un resumen del proyecto&apos; " title="imagen del menú Archivo de Snap! con el puntero sobre &apos;Exportar resumen...&apos; Hay una burbuja encima del puntero que dice: &apos;guarda un resumen del proyecto&apos; " />
+										<img class="indent" src="/bjc-r/img/ap-support/export-summary.es.png" alt="imagen del menú Archivo de Snap! con el puntero sobre &apos;Exportar resumen...&apos; Hay una burbuja encima del puntero que dice: &apos;guarda un resumen del proyecto&apos; " title="imagen del menú Archivo de Snap! con el puntero sobre &apos;Exportar resumen...&apos; Hay una burbuja encima del puntero que dice: &apos;guarda un resumen del proyecto&apos; " />
 									</p>
 								</div>
 							</li>

cur/programming/1-introduction/1-building-an-app/2-start-your-first-snap-app.es.html

@@ -52,7 +52,7 @@ <h4><strong>Guardar un proyecto Snap<em>!</em></strong></h4>
                       <p>Puedes encontrar los bloques en <em>la paleta de funciones</em> con un color característico. Arrastra un bloque debajo de otro para unirlos. </p>
 
                     </div>
-                  <img class="indent" src="/bjc-r/img/1-introduction/when-clicked-jump.es.png" width="199" height="87" alt="cuando me, ir a [cualquier posición]">
+                  <img class="indent" src="/bjc-r/img/1-introduction/when-clicked-jump.es.png" alt="cuando me, ir a [cualquier posición]">
                   <img src="/bjc-r/img/1-introduction/go-to-menu-open.es.png" alt="ir a () bloque con menú abierto que muestra 'cualquier posición', 'puntero del ratón' y 'centro'. El puntero del ratón está encima de 'cualquier posición'." title="ir a () bloque con menú abierto que muestra 'cualquier posición', 'puntero del ratón' y 'centro'. El puntero del ratón está encima de 'cualquier posición'." />
                   <div class="ap-standard">CRD-2.B.1</div>
                   <p>Este es un programa de computadora, también conocido como <em>software</em>. Aunque este es muy pequeño, pronto se va a poner mucho más interesante.</p>
@@ -104,7 +104,7 @@ <h3>Hagamos el juego más interesante</h3>
                 <li>
                     <div class="sidenoteBig">Un conjunto de bloques que trabajan juntos es llamado un <em>guion</em> (script).</div>
                 	Agrega lo siguiente al guion de Alonzo:<br />
-                    <img class="indent" src="/bjc-r/img/1-introduction/forever-jump.es.png" alt="por siempre {
+                    <img class="indent" src="/bjc-r/img/1-introduction/when-clicked-jump.es.png" alt="por siempre {
     ir a (cualquier posición)
 }" title="por siempre {
     ir a (cualquier posición)

cur/programming/1-introduction/1-building-an-app/2-start-your-first-snap-app.html

@@ -51,7 +51,7 @@ <h4><strong>Saving a Snap<em>!</em> Project</strong></h4>
                         <img class="imageRight" src="/bjc-r/img/1-introduction/motion-palette-categories.jpg" alt="Palette categories: Motion, Looks, Sound, Pen, Control, Sensing, Operators, and Variables" title="Palette categories: Motion, Looks, Sound, Pen, Control, Sensing, Operators, and Variables" />
                         <p>You can find blocks in <em>palettes</em> with their matching color. Drag one block underneath another to snap them together. </p>
                     </div>
-                    <img class="indent" src="/bjc-r/img/1-introduction/when-clicked-jump.png" width="199" height="87" alt="when I am clicked, go to [random position]">
+                    <img class="indent" src="/bjc-r/img/1-introduction/when-clicked-jump.png" alt="when I am clicked, go to [random position]">
                     <img src="/bjc-r/img/1-introduction/go-to-menu-open.png" alt="go to () block with menu open showing 'random position', 'mouse pointer', and 'center'. The mouse pointer is hovering over 'random position'." title="go to () block with menu open showing 'random position', 'mouse pointer', and 'center'. The mouse pointer is hovering over 'random position'." />
                     <div class="ap-standard">CRD-2.B.1</div>
                     <p>This is a computer program, also known as <em>software</em>.  It's a very short one, but it'll get more interesting soon.</p>

cur/programming/1-introduction/1-building-an-app/4-keeping-score.es.html

@@ -40,8 +40,8 @@ <h3>Guardar la puntuación</h3>
         <p>El jugador necesita saber su progreso durante el juego. El bloque de apariencia <img src="/bjc-r/img/1-introduction/ghosteffect.es.png" alt="cambiar efecto fantasma en ()" title="cambiar efecto fantasma en ()" /> puede controlar la <em>transparencia</em> de Alonzo. </p>
         <div class="vocabFullWidth">
             <p>
-                La <strong>transparencia</strong> (<em>transparency</em>)de una imagen es cuánto puedes ver lo que hay detrás de ella. Por ejemplo, aquí se muestra el objeto de Alonzo con tres transparencias diferentes (que se han configurado usando el bloque de <code>efecto fantasma</code> ).<br />
-                <img class="indent" src="/bjc-r/img/1-introduction/transparency2.png" title="tres imágenes de Alonzo, con efecto fantasma de 0%, 25% y 50%, sobre una pared de ladrillo" alt="tres imágenes de Alonzo, con efecto fantasma de 0%, 25% y 50%, sobre una pared de ladrillo" />
+                La <strong>transparencia</strong> (<em>transparency</em>) de una imagen es cuánto puedes ver lo que hay detrás de ella. Por ejemplo, aquí se muestra el objeto de Alonzo con tres transparencias diferentes (que se han configurado usando el bloque de <code>efecto fantasma</code> ).<br />
+                <img class="indent" src="/bjc-r/img/1-introduction/transparency2.es.png" title="tres imágenes de Alonzo, con efecto fantasma de 0%, 25% y 50%, sobre una pared de ladrillo" alt="tres imágenes de Alonzo, con efecto fantasma de 0%, 25% y 50%, sobre una pared de ladrillo" />
             </p>
         </div>
 

cur/programming/1-introduction/2-gossip-and-greet/2-gossip.es.html

@@ -60,7 +60,7 @@ <h3>Explorar bloques personalizados</h3>
 
         <div class="takeNote">
             <div class="ap-standard">AAP-3.B.6, DAT-1.A.5</div>
-            <p><strong>Abstracción</strong> es la idea fundamental en las ciencias de la computación, aunque es difícil de definir hasta que no veamos algunos ejemplos. La idea más básica de abstracción es la de <em>dar un nombre</em> a algo en un programa. Por ejemplo, en este ejercicio le hemos dado el nombre <code><span style="color: #ff00ff">quien</span></code> a la idea "selecciona un elemento de forma aleatoria desde una lista de personas (o gatos)." A esto se le conoce como <strong>abstracción de <em>procedimientos</em></strong> ya que utilizamos un procedimiento (un bloque) para representar la idea. De esta forma hacemos más fácil la lectura del código. Vamos a ver otras formas de abstracción más adelante.</p>
+            <p><strong>Abstracción</strong> es la idea fundamental en las ciencias de la computación, aunque es difícil de definir hasta que no veamos algunos ejemplos. La idea más básica de abstracción es la de <em>dar un nombre</em> a algo en un programa. Por ejemplo, en este ejercicio le hemos dado el nombre <code><span style="color: #ff00ff">quien</span></code> a la idea "selecciona un elemento de forma aleatoria desde una lista de personas (o gatos)." A esto se le conoce como <strong>abstracción <em>procedimental</em></strong> ya que utilizamos un procedimiento (un bloque) para representar la idea. De esta forma hacemos más fácil la lectura del código. Vamos a ver otras formas de abstracción más adelante.</p>
         </div>
 
         <div class="ap-standard">AAP-3.B.7</div>

cur/programming/1-introduction/2-gossip-and-greet/3-customizing.es.html

@@ -7,7 +7,7 @@
 	</head>
 
 	<body>
-        <h2>Personalizar y depurar errores <m>(debugging)</m></h2>
+        <h2>Personalizar y depurar errores <em>(debugging)</em></h2>
         <div class="learn">
 			<p><strong>En esta página</strong>, editarás las listas de palabras usadas por los personajes y luego identificarás posibles problemas.</p>
         </div>
@@ -54,9 +54,9 @@ <h4><strong>¿Cómo editar un bloque?</strong></h4>
                     <div id="ordered" class="collapse">
                         No quiere decir que los elementos tienen que aparecer en orden alfabético
                         o numérico.  Solo significa que
-                        <img height="57" src="/bjc-r/img/1-introduction/list-a-b.png" alt="(lista a b)" title="(lista a b)">
+                        <img src="/bjc-r/img/1-introduction/list-a-b.es.png" alt="(lista a b)" title="(lista a b)">
                         es una lista diferente a
-                        <img height="57" src="/bjc-r/img/1-introduction/list-b-a.png" alt="(lista b a)" title="(lista b a)">.
+                        <img src="/bjc-r/img/1-introduction/list-b-a.es.png" alt="(lista b a)" title="(lista b a)">.
                     </div>
                 </div>
                 <li>
@@ -102,8 +102,8 @@ <h4><strong>¿Cómo editar un bloque?</strong></h4>
                             <img class="indent" src="/bjc-r/img/1-introduction/gossip-definition.es.png" alt="chisme: (reportar (unir (quién) ( ) (hace) ( ) (quién)))" title="chisme: (reportar (unir (quién) ( ) (hace) ( ) (quién)))" />
 			                <div class="endnote">
                                 Toma como referencia las siguientes definiciones:<br >
-                                <img class="indent" src="/bjc-r/img/1-introduction/who-block-definition.es.png" height="77px" alt="quién definición del bloque reportar: reportar (elemento (aleatorio) de lista (Señora) (Sra. C) (mi gato) (Hannah) (Jake)))" title="quién definición del bloque reportar: reportar (elemento (aleatorio) de lista (Señora) (Sra. C) (mi gato) (Hannah) (Jake)))" />
-                                <img class="indent" src="/bjc-r/img/1-introduction/does-what-block-definition.es.png" height="89px" alt="hace definición del bloque reportar: reportar (elemento (aleatorio) de lista (lista (escuchó) (ama) (escapó) (ayudó) (está en una banda con)))" title="hace definición del bloqe reportar: reportar (elemento (aleatorio) de lista (lista (escuchó) (ama) (escapó) (ayudó) (está en una banda con)))" />
+                                <img class="indent" src="/bjc-r/img/1-introduction/who-block-definition.es.png" alt="quién definición del bloque reportar: reportar (elemento (aleatorio) de lista (Señora) (Sra. C) (mi gato) (Hannah) (Jake)))" title="quién definición del bloque reportar: reportar (elemento (aleatorio) de lista (Señora) (Sra. C) (mi gato) (Hannah) (Jake)))" />
+                                <img class="indent" src="/bjc-r/img/1-introduction/does-what-block-definition.es.png" alt="hace definición del bloque reportar: reportar (elemento (aleatorio) de lista (lista (escuchó) (ama) (escapó) (ayudó) (está en una banda con)))" title="hace definición del bloqe reportar: reportar (elemento (aleatorio) de lista (lista (escuchó) (ama) (escapó) (ayudó) (está en una banda con)))" />
                             </div>
 						</div>
 						<div class="choice" identifier="c1">

cur/programming/1-introduction/2-gossip-and-greet/3-customizing.html

@@ -61,9 +61,9 @@ <h4><strong>How to Edit a Block</strong></h4>
 						<div id="ordered" class="collapse">
 							It doesn't mean that the items have to appear in alphabetical
 							or numeric order.  It just means that
-							<img height="57" src="/bjc-r/img/1-introduction/list-a-b.png" alt="(list a b)" title="(list a b">
+							<img src="/bjc-r/img/1-introduction/list-a-b.png" alt="(list a b)" title="(list a b">
 							is a different list from
-							<img height="57" src="/bjc-r/img/1-introduction/list-b-a.png" alt="(list b a)" title="(list b a)">.
+							<img src="/bjc-r/img/1-introduction/list-b-a.png" alt="(list b a)" title="(list b a)">.
 						</div>
 					</div>
                     A <strong>list</strong> is an ordered sequence of items. You've seen this example:<br />
@@ -109,8 +109,8 @@ <h4><strong>How to Edit a Block</strong></h4>
                             <img class="indent" src="/bjc-r/img/1-introduction/gossip-definition.png" alt="gossip: (report (join (who) ( ) (does what) ( ) (who)))" title="gossip: (report (join (who) ( ) (does what) ( ) (who)))" />
 			                <div class="endnote">
                                 For reference:<br >
-                                <img class="indent" src="/bjc-r/img/1-introduction/who-block-definition.png" height="77px" alt="who reporter block definition: report (item (random) of (list (Señora) (Ms. C) (my cat) (Hannah) (Jake)))" title="who reporter block definition: report (item (random) of (list (Señora) (Ms. C) (my cat) (Hannah) (Jake)))" />
-                                <img class="indent" src="/bjc-r/img/1-introduction/does-what-block-definition.png" height="89px" alt="does what reporter block definition: report (item (random) of (list (listened to) (loves) (ran away from) (helped) (is in a band with)))" title="does what reporter block definition: report (item (random) of (list (listened to) (loves) (ran away from) (helped) (is in a band with)))" />
+                                <img class="indent" src="/bjc-r/img/1-introduction/who-block-definition.png" alt="who reporter block definition: report (item (random) of (list (Señora) (Ms. C) (my cat) (Hannah) (Jake)))" title="who reporter block definition: report (item (random) of (list (Señora) (Ms. C) (my cat) (Hannah) (Jake)))" />
+                                <img class="indent" src="/bjc-r/img/1-introduction/does-what-block-definition.png" alt="does what reporter block definition: report (item (random) of (list (listened to) (loves) (ran away from) (helped) (is in a band with)))" title="does what reporter block definition: report (item (random) of (list (listened to) (loves) (ran away from) (helped) (is in a band with)))" />
                             </div>
 						</div>
 						<div class="choice" identifier="c1">

cur/programming/1-introduction/2-gossip-and-greet/4-making-a-new-block.es.html

@@ -110,13 +110,13 @@ <h4><strong>Codificar el nuevo bloque</strong></h4>
         </div>
 
 
-        <h3>Depuración (debugging)</h3>
+        <h3>Depuración (<em>debugging</em>)</h3>
         <div class="forYouToDo">
 			<ol start="3">
                 <img class="imageRight" src="/bjc-r/img/icons/pair-programming-swap.es.png" alt="Intercambio de pareja de programación" title="Intercambio de pareja de programación" />
                 <li>Prueba el nuevo bloque personalizado <code>respuesta de chisme</code> haciendo clic sobre él varias veces. Debe comportarse de la misma forma que lo hacen los bloques <code>quién</code>, <code>hace</code>, y <code>quién2</code>.</li>
                 <li>Depura cualquier problema antes de seguir adelante.</li>
-                <div class="sidenote">Recuerda cómo editar un bloque en <a href="/bjc-r/cur/programming/1-introduction/2-gossip-and-greet/3-customizing.es.html?topic=nyc_bjc%2F1-intro-loops.es.topic&course=bjc4nyc.es.html&novideo&noassignment" title="Personalizar y depurar errores (debugging)">Unidad 1 Laboratorio 2 Página 2: Personalizar y depuración errores (debugging)</a>.</div>
+                <div class="sidenote">Recuerda cómo editar un bloque en <a href="/bjc-r/cur/programming/1-introduction/2-gossip-and-greet/3-customizing.es.html?topic=nyc_bjc%2F1-intro-loops.es.topic&course=bjc4nyc.es.html&novideo&noassignment" title="Personalizar y depurar errores (<em>debugging</em>)">Unidad 1 Laboratorio 2 Página 2: Personalizar y depuración errores (<em>debugging</em>)</a>.</div>
                 <li>
                     Usa el nuevo bloque: Edita el código de <code>chisme 2</code> e inserta el bloque  <code>respuesta de chisme</code> en lugar del texto "Ahh, pero...."<br />
                     <img class="indent" src="/bjc-r/img/1-introduction/gossip2-definition.es.png" alt="chisme 2 {