Diferencias

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

--- tutoriales:comunicaciones [2026/05/12 16:43] – creado jesus
+++ tutoriales:comunicaciones [2026/05/12 16:53] (actual) – jesus
@@ Línea 1: / Línea 1: @@
 ~~NOTOC~~
-====== TU AMSTRAD PCW (REVISTA EN DISCO) ======
+~~NOTOC~~
-----
 <html>
 <style>
-  /* --- MOTOR VISUAL CRT BASE --- */
+  /* --- MOTOR VISUAL RETRO CRT --- */
-  .pcw-page-container {
+  .pcw-monitor-ultra {
-    background-color: #000b00 !important;
+    background-color: #000b00;
-    font-family: 'Courier New', Courier, monospace !important;
+    border: 12px solid #2a2a2a;
-    padding: 15px;
+    border-radius: 15px;
-    color: #00ff00 !important;
+    padding: 25px;
+    margin: 25px 0;
+    font-family: 'Courier New', Courier, monospace;
+    position: relative;
+    overflow: hidden;
+    box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
   }
-  .crt-effect { position: relative; overflow: hidden; border: 2px solid #2a2a2a; }
+  /* Capa de scanlines y parpadeo */
-  .crt-effect::after {
+  .pcw-monitor-ultra::after {
-    content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
+    content: " ";
-    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%),
+    position: absolute;
-                linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
+    top: 0; left: 0; bottom: 0; right: 0;
-    background-size: 100% 3px, 2px 100%; z-index: 100; pointer-events: none;
+    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%),
-    animation: flicker-pcw 0.15s infinite;
+                linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));
+    background-size: 100% 3px, 2px 100%;
+    z-index: 2;
+    pointer-events: none;
+    animation: flickering 0.15s infinite;
   }
-  /* --- FICHA TÉCNICA --- */
+  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
-  .ficha-libro-crt {
-    border: 10px solid #2a2a2a; border-radius: 15px; padding: 30px; margin-bottom: 20px;
+  /* Estilo de Texto Retro (Glow Verde) */
-    display: flex; flex-wrap: wrap; gap: 30px;
+  .retro-text {
-    box-shadow: inset 0 0 50px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
+    color: #00ff00 !important;
+    font-family: 'Courier New', Courier, monospace;
+    text-shadow: 0 0 10px rgba(0, 255, 0, 0.7), 0 0 2px rgba(0, 255, 0, 0.8);
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    text-decoration: none !important;
   }
-  .portada-ficha-container {
+  .pcw-title-ultra {
-    width: 220px; height: 300px; background-color: #111; border: 4px solid #00ff00;
+    font-size: 1.6em;
-    padding: 2px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center;
+    font-weight: bold;
+    margin-bottom: 25px;
+    display: block;
   }
-  .datos-ficha { flex: 1; min-width: 300px; }
+  .pcw-title-ultra::after {
-  .titulo-linea {
+    content: "_";
-    display: flex; justify-content: space-between; align-items: center;
+    animation: cursor-blink 1s infinite;
-    border-bottom: 2px solid #00ff00; margin-bottom: 20px; padding-bottom: 5px;
   }
-  .datos-ficha h2 { margin: 0 !important; font-size: 1.8em !important; color: #00ff00 !important; text-transform: uppercase; text-shadow: 0 0 10px #00ff00; }
-  .bandera-pais { height: 30px; border: 1px solid #00ff00; }
-  .dato-linea { margin: 8px 0; font-size: 0.95em; display: flex; }
-  .dato-etiqueta { color: #008800; font-weight: bold; min-width: 140px; text-transform: uppercase; }
-  .dato-valor { color: #00ff00; }
-  .pcw-section-box {
+  @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
-    background-color: #000b00; border: 2px solid #00ff00;
-    margin: 20px 0; padding: 20px;
+  /* Rejilla de una sola columna para listado vertical */
+  .pcw-grid-vertical {
+    display: grid;
+    gap: 10px;
+    grid-template-columns: 1fr;
+    position: relative;
+    z-index: 3;
   }
-  .pcw-section-title {
-    background-color: #00ff00; color: #000; padding: 3px 12px;
+  .pcw-btn-ultra {
-    font-weight: bold; display: inline-block; margin-bottom: 15px;
+    display: flex;
-    text-transform: uppercase; font-size: 1.1em;
+    align-items: center;
+    justify-content: flex-start;
+    background: transparent;
+    padding: 8px 5px;
+    border: 1px solid transparent;
+    font-weight: bold;
+    font-size: 1em;
+    transition: 0.2s;
   }
-</style>
-<div class="pcw-page-container crt-effect">
+  /* Efecto de Selección: Puntero y Desplazamiento */
+  .pcw-btn-ultra:hover {
+    background-color: rgba(0, 255, 0, 0.15);
+    border: 1px solid rgba(0, 255, 0, 0.5);
+    transform: translateX(12px);
+  }
-  <div class="ficha-libro-crt">
+  .pcw-btn-ultra::before {
-    <div class="portada-ficha-container">
+    content: "> ";
-      <span style="color: #ffffff; font-weight: bold; font-size: 1.5em; text-align: center;">TU<br>AMSTRAD<br>PCW</span>
+    opacity: 0.4;
-      <hr style="width: 80%; border: 1px solid #00ff00;">
+    margin-right: 10px;
-      <span style="color: #00ff00; font-size: 0.8em; text-transform: uppercase;">Discomagazine</span>
+  }
-    </div>
-    <div class="datos-ficha">
+  .pcw-btn-ultra:hover::before {
-      <div class="titulo-linea">
+    opacity: 1;
-        <h2>FICHA TÉCNICA</h2>
+  }
-        <img src="/lib/exe/fetch.php?media=botones:espana.jpg" class="bandera-pais">
+</style>
-      </div>
-      <div class="dato-linea"><span class="dato-etiqueta">PUBLICACIÓN:</span><span class="dato-valor">Tu Amstrad PCW</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">EDITOR:</span><span class="dato-valor">Club Auser</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">SOPORTE:</span><span class="dato-valor">Disco 3" (Formato CF2)</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">ORIGEN:</span><span class="dato-valor">Barcelona, España</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">SISTEMA:</span><span class="dato-valor">CP/M / LocoScript</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">ESTADO:</span><span class="dato-valor">Preservación en curso</span></div>
-      <div class="dato-linea" style="flex-direction: column; margin-top: 15px;">
-        <span class="dato-etiqueta">BREVE RESEÑA:</span>
-        <span class="dato-valor" style="margin-top: 5px; text-align: justify; color: #aaffaa; font-style: italic;">
-          Evolución de los boletines informativos del Club Auser hacia un formato puramente digital. Se centraba en proporcionar utilidades prácticas listas para usar, evitando que el usuario tuviera que lidiar con complejos manuales o listados de código impresos.
-        </span>
-      </div>
-    </div>
-  </div>
-  <div class="pcw-section-box">
+<!-- SECCIÓN COMUNICACIONES -->
-    <div class="pcw-section-title">A> OBJETIVO DE PRESERVACIÓN</div>
+<div class="pcw-monitor-ultra">
-    <div style="color: #aaffaa; line-height: 1.6; text-align: justify;">
+  <div class="pcw-title-ultra retro-text"> A> COMUNICACIONES </div>
-      <p><strong>Tu Amstrad PCW</strong> es una pieza clave para entender la cultura de los clubes de usuarios en España. A diferencia de las revistas británicas, esta publicación se centraba en las necesidades específicas del mercado local: controladores para impresoras locales, traducción de utilidades CP/M y soporte para el procesador de textos <strong>LocoScript</strong> en su versión española.</p>
+  <div class="pcw-grid-vertical">
-    </div>
-  </div>
+    <!-- Listado Adaptado -->
+    <a href="doku.php?id=:hardware:comunicaciones:transferir_ficheros_de_pcw_a_pc" class="pcw-btn-ultra retro-text">
+      Transferir ficheros de PCW a PC en formato ASCII estándar
+    </a>
+  </div>
 </div>
 </html>