Diferencias

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

--- manuales:servicio [2026/05/08 10:34] – creado jesus
+++ manuales:servicio [2026/05/08 11:26] (actual) – [MANUALES DEL SERVICIO TÉCNICO] jesus
@@ Línea 1: / Línea 1: @@
 ~~NOTOC~~
+====== MANUALES DEL SERVICIO TÉCNICO ======
+----
 <html>
 <style>
-  /* --- MOTOR VISUAL RETRO CRT --- */
+  /* --- MOTOR VISUAL SERVICIO TÉCNICO --- */
-  .pcw-monitor-ultra {
+  .tech-service-container {
-    background-color: #000b00;
+    background-color: #000; padding: 30px; border: 3px solid #00ff00;
-    border: 12px solid #2a2a2a;
+    font-family: 'Courier New', monospace; color: #00ff00;
-    border-radius: 15px;
-    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);
   }
-  /* Capa de scanlines y parpadeo */
+  /* --- REJILLA DE 2 COLUMNAS --- */
-  .pcw-monitor-ultra::after {
+  .grid-manuales {
-    content: " ";
+    display: grid; grid-template-columns: repeat(2, 1fr);
-    position: absolute;
+    gap: 40px; padding: 20px 0; justify-items: center;
-    top: 0; left: 0; bottom: 0; right: 0;
-    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%),
-                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;
   }
-  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
+  /* --- CONTENEDOR DEL MANUAL --- */
+  .manual-wrapper { width: 300px; display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; }
-  /* Estilo de Texto Retro (Glow Verde) */
+  .manual-frame-ultra {
-  .retro-text {
+    width: 220px; height: 300px; position: relative;
-    color: #00ff00 !important;
+    background-color: #fff;
-    font-family: 'Courier New', Courier, monospace;
+    border: 6px solid #00ff00;
-    text-shadow: 0 0 10px rgba(0, 255, 0, 0.7), 0 0 2px rgba(0, 255, 0, 0.8);
+    padding: 3px; box-sizing: border-box;
-    text-transform: uppercase;
+    box-shadow: 0 0 25px rgba(0,255,0,0.4), inset 0 0 10px rgba(0,0,0,0.8);
-    letter-spacing: 1px;
+    line-height: 0;
-    text-decoration: none !important;
   }
+  .portada { width: 100%; height: 100%; object-fit: cover; border: 1px solid #000; }
-  .pcw-title-ultra {
+  /* --- BANDERAS EN LAS 4 ESQUINAS --- */
-    font-size: 1.6em;
+  .flag-corner {
-    font-weight: bold;
+    position: absolute; width: 34px; height: 24px; z-index: 10;
-    margin-bottom: 25px;
+    border: 2px solid #00ff00; box-sizing: border-box; background: #000;
-    display: block;
   }
+  .t-l { top: -12px; left: -12px; } .t-r { top: -12px; right: -12px; }
+  .b-l { bottom: -12px; left: -12px; } .b-r { bottom: -12px; right: -12px; }
-  .pcw-title-ultra::after {
+  /* --- BLOQUE DE INFORMACIÓN COMPACTO (SIN ESPACIOS) --- */
-    content: "_";
+  .manual-info-block {
-    animation: cursor-blink 1s infinite;
+    margin-top: 20px; width: 100%; border-left: 2px solid #00ff00; padding-left: 10px;
   }
+  .info-line {
-  @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
+    font-size: 11px; color: #aaffaa; line-height: 1.2; /* Sin espacio entre líneas */
+    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-  /* Rejilla Vertical para Listado */
-  .pcw-grid-vertical {
-    display: grid;
-    gap: 10px;
-    grid-template-columns: 1fr;
-    position: relative;
-    z-index: 3;
   }
+  .info-line b { color: #00ff00; text-transform: uppercase; margin-right: 5px; }
-  .pcw-btn-ultra {
+  /* --- BOTÓN DESCARGAR --- */
-    display: flex;
+  .btn-download-tech {
-    align-items: center;
+    display: block; margin-top: 15px; background: #001100; color: #00ff00 !important;
-    justify-content: flex-start;
+    border: 1px solid #00ff00; font-weight: bold; font-size: 13px;
-    background: transparent;
+    padding: 8px; text-decoration: none !important; text-align: center;
-    padding: 10px 15px;
+    width: 180px; letter-spacing: 2px; transition: 0.2s;
-    border: 1px solid transparent;
-    font-weight: bold;
-    font-size: 1.1em;
-    transition: 0.2s;
   }
+  .btn-download-tech:hover { background: #00ff00; color: #000 !important; box-shadow: 0 0 15px #00ff00; }
-  /* Efecto de Selección: Puntero y Desplazamiento */
+  @media (max-width: 800px) { .grid-manuales { grid-template-columns: 1fr; } }
-  .pcw-btn-ultra:hover {
+</style>
-    background-color: rgba(0, 255, 0, 0.15);
-    border: 1px solid rgba(0, 255, 0, 0.5);
-    transform: translateX(12px);
-  }
-  .pcw-btn-ultra::before {
+<div class="tech-service-container">
-    content: "> ";
+  <div class="grid-manuales">
-    opacity: 0.4;
-    margin-right: 10px;
-  }
-  .pcw-btn-ultra:hover::before {
+    <!-- 1. MANUAL ALEMÁN -->
-    opacity: 1;
+    <div class="manual-wrapper">
-  }
+      <div class="manual-frame-ultra">
-</style>
+        <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="flag-corner t-l">
+        <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="flag-corner t-r">
+        <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="flag-corner b-l">
+        <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_schneider_joyce_8256.jpg" class="portada">
+      </div>
+      <div class="manual-info-block">
+        <div class="info-line"><b>TÍTULO:</b> Amstrad PCW 8256/Schneider Joyce</div>
+        <div class="info-line"><b>COMPAÑÍA:</b> Schneider/Amstrad</div>
+        <div class="info-line"><b>AÑO:</b> 1985</div>
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (DE)</div>
+      </div>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_schneider_joyce_8256.pdf" class="btn-download-tech">DESCARGAR</a>
+    </div>
+    <!-- 2. MANUAL INGLÉS 1 -->
+    <div class="manual-wrapper">
+      <div class="manual-frame-ultra">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-r">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_pcw_8256.jpg" class="portada">
+      </div>
+      <div class="manual-info-block">
+        <div class="info-line"><b>TÍTULO:</b> PCW 8256 Service Manual</div>
+        <div class="info-line"><b>COMPAÑÍA:</b> Amstrad</div>
+        <div class="info-line"><b>AÑO:</b> 1986</div>
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (EN)</div>
+      </div>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_pcw_8256.pdf" class="btn-download-tech">DESCARGAR</a>
+    </div>
+    <!-- 3. MANUAL INGLÉS 2 -->
+    <div class="manual-wrapper">
+      <div class="manual-frame-ultra">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-r">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_pcw_8256_8512.jpg" class="portada">
+      </div>
+      <div class="manual-info-block">
+        <div class="info-line"><b>TÍTULO:</b> PCW 8256/8512 Service Manual</div>
+        <div class="info-line"><b>COMPAÑÍA:</b> Amstrad</div>
+        <div class="info-line"><b>AÑO:</b> 1986</div>
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (EN)</div>
+      </div>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_pcw_8256_8512.pdf" class="btn-download-tech">DESCARGAR</a>
+    </div>
+    <!-- 4. MANUAL INGLÉS 3 -->
+    <div class="manual-wrapper">
+      <div class="manual-frame-ultra">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-r">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_pcw_9512.jpg" class="portada">
+      </div>
+      <div class="manual-info-block">
+        <div class="info-line"><b>TÍTULO:</b> PCW 9512 Service Manual</div>
+        <div class="info-line"><b>COMPAÑÍA:</b> Amstrad UK</div>
+        <div class="info-line"><b>AÑO:</b> 1991</div>
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (EN)</div>
+      </div>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_pcw_9512.pdf" class="btn-download-tech">DESCARGAR</a>
+    </div>
+    <!-- 5. MANUAL INGLÉS 4 -->
+    <div class="manual-wrapper">
+      <div class="manual-frame-ultra">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-r">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_pcw_9256.jpg" class="portada">
+      </div>
+      <div class="manual-info-block">
+        <div class="info-line"><b>TÍTULO:</b> PCW 9256 Service Manual</div>
+        <div class="info-line"><b>COMPAÑÍA:</b> Amstrad</div>
+        <div class="info-line"><b>AÑO:</b> 1991</div>
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (EN)</div>
+      </div>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_pcw_9256.pdf" class="btn-download-tech">DESCARGAR</a>
+    </div>
+    <!-- 6. MANUAL INGLÉS 5 -->
+    <div class="manual-wrapper">
+      <div class="manual-frame-ultra">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-r">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_pcw_9512_plus.jpg" class="portada">
+      </div>
+      <div class="manual-info-block">
+        <div class="info-line"><b>TÍTULO:</b> PCW 9512+ Service Manual</div>
+        <div class="info-line"><b>COMPAÑÍA:</b> Amstrad</div>
+        <div class="info-line"><b>AÑO:</b> 1991</div>
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (EN)</div>
+      </div>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_pcw_9512_plus.pdf" class="btn-download-tech">DESCARGAR</a>
+    </div>
-<!-- SECCIÓN MANUALES -->
+    <!-- 7. MANUAL INGLÉS 6 -->
-<div class="pcw-monitor-ultra">
+    <div class="manual-wrapper">
-  <div class="pcw-title-ultra retro-text"> A:\> MANUALES </div>
+      <div class="manual-frame-ultra">
-  <div class="pcw-grid-vertical">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-r">
-    <a href="doku.php?id=es:manuales:amstrad_pcw" class="pcw-btn-ultra retro-text">MANUALES DEL AMSTRAD PCW</a>
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-l">
-    <a href="doku.php?id=es:manuales:tecnicos" class="pcw-btn-ultra retro-text">MANUALES TÉCNICOS</a>
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_pcw_10.jpg" class="portada">
+      </div>
+      <div class="manual-info-block">
+        <div class="info-line"><b>TÍTULO:</b> PcW 10 Service Manual</div>
+        <div class="info-line"><b>COMPAÑÍA:</b> Amstrad</div>
+        <div class="info-line"><b>AÑO:</b> 1992</div>
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (EN)</div>
+      </div>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_pcw_10.pdf" class="btn-download-tech">DESCARGAR</a>
+    </div>
   </div>