Diferencias

Muestra las diferencias entre dos versiones de la página.

--- hardware:perifericos:pcw-io [2026/05/13 12:17] – jesus
+++ hardware:perifericos:pcw-io [2026/05/13 12:20] (actual) – jesus
@@ Línea 1: / Línea 1: @@
 ~~NOTOC~~
-===== PCW-IO =====
 <html>
@@ Línea 161: / Línea 159: @@
   .img-label { font-size: 0.68em; color: #00aa00; margin-top: 6px; text-transform: uppercase; word-break: break-word; }
-  /* --- CAJA TERMINAL PARA LA TABLA DE MANDOS --- */
+  /* --- CAJA VERDE NEÓN PARA LA TABLA DE MANDOS --- */
   .matrix-terminal-box {
-    border: 1px solid #005500;
+    border: 2px solid #00ff00;
-    background: rgba(0, 10, 0, 0.8);
+    background: rgba(0, 10, 0, 0.85);
     padding: 15px;
     margin: 20px 0;
@@ Línea 170: / Línea 168: @@
     position: relative;
     z-index: 3;
+    box-shadow: 0 0 15px rgba(0, 255, 0, 0.2), inset 0 0 15px rgba(0, 255, 0, 0.1);
   }
   .matrix-header {
     font-weight: bold;
-    border-bottom: 1px solid #005500;
+    border-bottom: 2px solid #00ff00;
-    padding-bottom: 6px;
+    padding-bottom: 8px;
     margin-bottom: 10px;
     display: flex;
     color: #00ff00;
   }
-  .matrix-row { display: flex; padding: 4px 0; }
+  .matrix-row {
-  .matrix-key { color: #00ff00; font-weight: bold; min-width: 160px; }
+    display: flex;
+    padding: 6px 0;
+    border-bottom: 1px dashed rgba(0, 85, 0, 0.3);
+  }
+  .matrix-row:last-child { border-bottom: none; }
+  .matrix-key {
+    color: #00ff00;
+    font-weight: bold;
+    min-width: 160px;
+    border-right: 1px dashed #00ff00;
+    margin-right: 15px;
+    padding-right: 5px;
+  }
   .matrix-action { color: #aaffaa; flex: 1; }
+  /* --- CUADRO NEÓN PARA VÍDEOS INDIVIDUALES --- */
+  .video-terminal-box {
+    border: 2px solid #00ff00;
+    background: #000;
+    padding: 10px;
+    margin-bottom: 20px;
+    display: inline-block;
+    max-width: 100%;
+    box-shadow: 0 0 15px rgba(0, 255, 0, 0.2);
+    position: relative;
+    z-index: 3;
+  }
   /* --- LIGHTBOX SCROLL --- */
@@ Línea 224: / Línea 249: @@
     <p>La interfaz utiliza ciertas teclas del teclado de PC sin equivalencia en el PCW para añadir funcionalidad extra:</p>
-    <!-- CUADRO DE MANDOS MAQUETADO -->
+    <!-- CUADRO DE MANDOS CON BORDE NEÓN Y LÍNEA DE DIVISIÓN -->
     <div class="matrix-terminal-box">
       <div class="matrix-header"><span class="matrix-key">TECLA PC</span><span class="matrix-action">ACCIÓN INTERFAZ PCW</span></div>
@@ Línea 239: / Línea 264: @@
     <p>Al arrancar siempre se carga la configuración guardada (definición de teclas del joystick, sensibilidad del ratón), la utilidad de F4 es para revertir a la configuración guardada.</p>
     <p>Tanto el teclado con el ratón deben ser PS/2 o soportar el protocolo con adaptador. El conector PS/2 de la placa es para un teclado, en el caso de querer usar un ratón debe usarse un splitter.</p>
-    <p>Cuando se entra en modo programación de joystick, el teclado apaga los leds y deja de enviar pulsaciones al PCW. Dentro del mismo, basta pulsar las direcciones y botones que se deseen asociar a una pulsación de tecla y pulsarla en el teclado, momento en el que los tres leds parpadean. Cuando se haya terminado la programación, basta con pulsar F8 de nuevo para volver al modo normal.</p>
+    <p>Cuando se entra en modo programación de joystick, el teclado apaga los leds y deja de enviar pulsaciones al PCW. Dentro del mismo, basta pulsar las direcciones y botones que se deseen asociar a una pfugpulsación de tecla y pulsarla en el teclado, momento en el que los tres leds parpadean. Cuando se haya terminado la programación, basta con pulsar F8 de nuevo para volver al modo normal.</p>
     <p>El joystick debe ser compatible con la norma Atari. Si además cumple el estándar MSX o CPC, entonces se le reconocen ambos botones de disparo por separado.</p>
     <p>Por último indicar que si se desea efectuar un reset por teclado, hay que llevar la señal al punto de la placa correspondiente. Por ejemplo, en el caso de un 8256 / 8512 valdrían cualquier de estos puntos:</p>
@@ Línea 274: / Línea 299: @@
   </div>
-  <!-- VÍDEOS -->
+  <!-- VÍDEOS EN CUADROS DE NEÓN -->
   <div class="pcw-subtitle-box">Demostración en Vídeo</div>
-  .com/<div class="content-body">
+  <div class="content-body">
-    <div style="margin-bottom: 15px;"></html>{{ youtube>uUCi_0CVkmk?large }}<html></div>
+    <div class="video-terminal-box"></html>{{ youtube>uUCi_0CVkmk?large }}<html></div>
-    <div></html>{{ youtube>qyX5WFtEUME?large }}<html></div>
+    <div class="video-terminal-box"></html>{{ youtube>qyX5WFtEUME?large }}<html></div>
   </div>