Diferencias

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

--- emuladores:ingles [2026/05/08 09:24] – creado jesus
+++ emuladores:ingles [2026/05/08 09:26] (actual) – jesus
@@ Línea 3: / Línea 3: @@
 <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;
   }
-  @keyframes flicker-pcw { 0% { opacity: 0.97; } 100% { opacity: 1; } }
-  /* --- 1. FICHA TÉCNICA (CON AJUSTE DE IMAGEN) --- */
+  @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: 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;
+    font-weight: bold;
-    overflow: hidden;
+    margin-bottom: 25px;
+    display: block;
   }
-  .portada-ficha-container img {
-    max-width: 100%; max-height: 100%;
+  .pcw-title-ultra::after {
-    height: auto; width: auto; object-fit: contain;
+    content: "_";
+    animation: cursor-blink 1s infinite;
   }
-  .datos-ficha { flex: 1; min-width: 300px; }
+  @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
-  .titulo-linea {
-    display: flex; justify-content: space-between; align-items: center;
+  /* Rejilla Vertical para Listado */
-    border-bottom: 2px solid #00ff00; margin-bottom: 20px; padding-bottom: 5px;
+  .pcw-grid-vertical {
+    display: grid;
+    gap: 10px;
+    grid-template-columns: 1fr;
+    position: relative;
+    z-index: 3;
   }
-  .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: 25px; border: 1px solid #00ff00; }
-  .dato-linea { margin: 8px 0; font-size: 0.95em; display: flex; }
-  .dato-etiqueta { color: #008800; font-weight: bold; min-width: 180px; text-transform: uppercase; }
-  .dato-valor { color: #00ff00; flex: 1; }
-  /* --- BLOQUES DE SECCIÓN --- */
+  .pcw-btn-ultra {
-  .pcw-section-box {
+    display: flex;
-    background-color: #000b00; border: 2px solid #00ff00;
+    align-items: center;
-    margin: 20px 0; padding: 25px;
+    justify-content: flex-start;
+    background: transparent;
+    padding: 10px 15px;
+    border: 1px solid transparent;
+    font-weight: bold;
+    font-size: 1.1em;
+    transition: 0.2s;
   }
-  .pcw-section-title {
-    background-color: #00ff00; color: #000; padding: 3px 12px;
+  /* Efecto de Selección: Puntero y Desplazamiento */
-    font-weight: bold; display: inline-block; margin-bottom: 15px;
+  .pcw-btn-ultra:hover {
-    text-transform: uppercase; font-size: 1.1em;
+    background-color: rgba(0, 255, 0, 0.15);
+    border: 1px solid rgba(0, 255, 0, 0.5);
+    transform: translateX(12px);
   }
-  .texto-integro { color: #aaffaa; line-height: 1.6; text-align: justify; }
+  .pcw-btn-ultra::before {
+    content: "> ";
+    opacity: 0.4;
+    margin-right: 10px;
+  }
-  .pcw-index-tree { line-height: 1.6; color: #00ff00; }
+  .pcw-btn-ultra:hover::before {
-  .index-item-main { font-weight: bold; margin-top: 10px; display: block; border-left: 3px solid #008800; padding-left: 10px; }
+    opacity: 1;
-  .index-subitem { margin-left: 30px; display: block; font-size: 0.9em; opacity: 0.8; }
-  .index-subitem::before { content: "├─ "; color: #008800; }
-  @media (max-width: 700px) {
-    .ficha-libro-crt { flex-direction: column; align-items: center; }
-    .dato-linea { flex-direction: column; }
   }
 </style>
-<div class="pcw-page-container crt-effect">
+<!-- EMULADORES INGLESES -->
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A:\> EMULADORES INGLESES </div>
+  <div class="pcw-grid-vertical">
+    <a href="doku.php?id=es:emuladores:reino_unido:joyce" class="pcw-btn-ultra retro-text">JOYCE / ANNE</a>
-  <!-- 1. FICHA TÉCNICA -->
-  <div class="ficha-libro-crt">
-    <div class="portada-ficha-container">
-      <img src="/lib/exe/fetch.php?media=emuladores:imagenes:joyce_emu.png" alt="Joyce Emulator">
-    </div>
-    <div class="datos-ficha">
-      <div class="titulo-linea">
-        <h2>EMULADOR JOYCE</h2>
-        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="bandera-pais">
-      </div>
-      <div class="dato-linea"><span class="dato-etiqueta">DESARROLLADOR:</span><span class="dato-valor">John Elliott</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">ORIGEN:</span><span class="dato-valor">Reino Unido</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">LANZAMIENTO:</span><span class="dato-valor">aprox. 1998-2000</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">ESTADO:</span><span class="dato-valor">Activo (Referencia técnica 2026)</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">MODELOS:</span><span class="dato-valor">Gama completa (8256 a 9512+) y PcW16 (vía ANNE)</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">PLATAFORMAS:</span><span class="dato-valor">Windows, Linux/Unix, macOS y DOS</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">HARDWARE EXT.:</span><span class="dato-valor">FDD 3"/3.5" (.DSK/.CFI), Pantalla 720x256, RS232</span></div>
-    </div>
   </div>
-  <!-- 2. DESCRIPCIÓN -->
-  <div class="pcw-section-box">
-    <div class="pcw-section-title">Descripción</div>
-    <div class="texto-integro">
-      <p><strong>JOYCE</strong> se posiciona como el emulador de referencia y el primero en alcanzar una madurez completa y una fidelidad destacable para la plataforma Amstrad PCW. Su desarrollo por parte del ingeniero británico <strong>John Elliott</strong>, iniciado a finales de los años 90, marcó un hito en la preservación de esta máquina de oficina, siendo el pilar sobre el que se asienta la emulación moderna del sistema en 2026.</p>
-      <p>La filosofía detrás de JOYCE trascendió la simple ejecución de software, enfocándose en replicar la compleja arquitectura de entrada/salida (I/O) del PCW. Este enfoque académico y riguroso permitió que software profesional crítico, como el procesador de textos <strong>LocoScript</strong>, funcionara de manera estable, respetando los tiempos y comportamientos del hardware original. A diferencia de otros proyectos, JOYCE se centra en la versatilidad del ecosistema, incluyendo herramientas de bajo nivel para la manipulación de imágenes de disco y la conversión de formatos propietarios, siendo un puente esencial para la recuperación de datos históricos.</p>
-    </div>
-  </div>
-  <!-- 3. APORTACIONES TÉCNICAS -->
-  <div class="pcw-section-box">
-    <div class="pcw-section-title">Aportaciones Documentadas</div>
-    <div class="texto-integro">
-      <ul style="list-style-type: square; margin-left: 20px;">
-        <li><strong>Compatibilidad Multiplataforma:</strong> Nacido originalmente en MS-DOS, su evolución y portabilidad a sistemas modernos como Linux, Windows y macOS mediante la librería SDL ha garantizado su longevidad y accesibilidad universal, siendo la opción preferida para usuarios fuera del entorno Windows.</li>
-        <br>
-        <li><strong>Emulación de Periféricos:</strong> Fue pionero en emular con precisión no solo el hardware base (procesador Z80, gestión de memoria y vídeo de 720x256), sino también periféricos complejos y esenciales como la impresora Amstrad, el interfaz <strong>PCW Linkit</strong> y, crucialmente, el sistema de disquetera que carga el sistema operativo CP/M Plus desde el arranque, soportando formatos .DSK y .CFI.</li>
-        <br>
-        <li><strong>Versatilidad de Modelos y el Proyecto ANNE:</strong> Es uno de los pocos emuladores que cubre con absoluta fidelidad toda la gama (8256 hasta 9512+). Además, la inclusión del módulo <strong>ANNE</strong> expande su utilidad a la emulación del <strong>PcW16</strong>, una máquina con un hardware radicalmente diferente basado en memoria Flash, consolidando a JOYCE como la solución más completa y técnica para toda la familia de ordenadores de oficina de Amstrad.</li>
-        <br>
-        <li><strong>Fidelidad al Sistema Operativo:</strong> Al haber sido desarrollado en el Reino Unido, ofrece una compatibilidad perfecta con las diversas versiones de CP/M Plus inglesas, asegurando que el mapeo del teclado y los juegos de caracteres se comporten exactamente como en las máquinas originales.</li>
-      </ul>
-    </div>
-  </div>
-  <!-- 4. ENLACES -->
-  <div class="pcw-section-box" style="border-style: dashed;">
-    <div class="pcw-section-title">Enlaces</div>
-    <div class="pcw-index-tree">
-      <span class="index-item-main">Web de su autor</span>
-      <span class="index-subitem"><a href="https://www.seasip.info/index.html" target="_blank" style="color: #00ff00;">John Elliott's Official Page</a></span>
-      <span class="index-item-main">Descarga del emulador</span>
-      <span class="index-subitem"><a href="https://www.seasip.info/Unix/Joyce/download.html" target="_blank" style="color: #00ff00;">JOYCE Project Download</a></span>
-    </div>
-  </div>
 </div>
 </html>