Diferencias

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

--- software:nuevos_desarrollos:the_new_zealand_story [2026/07/09 19:38] – jesus
+++ software:nuevos_desarrollos:the_new_zealand_story [2026/07/09 19:41] (actual) – jesus
@@ Línea 1: / Línea 1: @@
-  <!-- SECCIÓN CARÁTULA -->
+~~NOTOC~~
-  <div class="retro-subtitle">Caratula</div>
-  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
-    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:TNZS_cover.jpg" style="width:440px;" onclick="verImagen(this.src)">
-  </div>
-  <!-- SECCIÓN MANUAL -->
+<html>
-  <div class="retro-subtitle">Manual</div>
+<style>
-  <div class="pcw-texto-plano" style="margin-bottom: 15px;">
+  /* --- FICHA TÉCNICA VISUAL ENGINE ORIGINAL --- */
-    Se adjunta el manual multilenguaje original adaptado y optimizado para la lectura digital en una sola hoja.
+  .pcw-ficha-container {
-  </div>
+    background-color: #000b00;
-  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
+    border: 12px solid #2a2a2a;
-    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:TNZS_manual.jpg" target="_blank">
+    border-radius: 15px;
-      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:TNZS_manual.jpg" style="width:320px; cursor:zoom-in;">
+    padding: 25px;
-    </a>
+    margin: 25px 0;
-  </div>
+    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);
+    color: #00bb00;
+  }
-  <!-- SECCIÓN DISCOS -->
+  /* Scanlines y parpadeo CRT */
-  <div class="retro-subtitle">Discos</div>
+  .pcw-ficha-container::after {
-  <div class="pcw-bloque-imagenes">
+    content: " ";
-    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:TNZS_disk_1.jpg" style="width:180px;" onclick="verImagen(this.src)">
+    position: absolute;
-    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:TNZS_disk_2.jpg" style="width:180px;" onclick="verImagen(this.src)">
+    top: 0; left: 0; bottom: 0; right: 0;
-    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:TNZS_disk_3.jpg" style="width:180px;" onclick="verImagen(this.src)">
+    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%),
-  </div>
+                linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
+    background-size: 100% 3px, 2px 100%;
+    z-index: 2;
+    pointer-events: none;
+    animation: flickering 0.15s infinite;
+  }
-  <!-- SECCIÓN ETIQUETAS -->
+  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
-  <div class="retro-subtitle">Etiquetas</div>
-  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 20px;">
-    Medida exacta de impresión física para disquetes de 3 pulgadas: alto: 7,00 cm - ancho: 7,10 cm.
-  </div>
-  <div style="text-align: center;">
-    <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center;">
-      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:TNZS_etiq_1.jpg" style="width:160px; cursor:pointer;" onclick="verImagen(this.src)">
-    </div>
-  </div>
-  <!-- SECCIÓN EXTRAS Y MAPAS -->
+  .retro-title {
-  <div class="retro-subtitle">Extras</div>
+    color: #00ff00 !important;
+    font-size: 1.8em;
+    font-weight: bold;
+    text-shadow: 0 0 10px rgba(0, 255, 0, 0.7), 0 0 2px rgba(0, 255, 0, 0.8);
+    margin-bottom: 20px;
+    border-bottom: 3px double #00ff00;
+    padding-bottom: 10px;
+    text-align: left;
+  }
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Teclado</div>
+  .retro-subtitle {
-  <div style="max-width: 500px; margin-bottom: 25px;">
+    color: #00ff00 !important;
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla Q:</span><span class="dato-valor">Salto / Elevar u orientar vehículo aéreo</span></div>
+    font-size: 1.3em;
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla A:</span><span class="dato-valor">Moverse hacia abajo / Descender vehículo</span></div>
+    font-weight: bold;
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla O:</span><span class="dato-valor">IZQUIERDA</span></div>
+    text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla P:</span><span class="dato-valor">Derecha</span></div>
+    margin-top: 30px;
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">ESPACIO:</span><span class="dato-valor">Disparar / Usar armas</span></div>
+    margin-bottom: 15px;
-  </div>
+    border-bottom: 1px dashed #00ff00;
+    padding-bottom: 5px;
+    text-transform: uppercase;
+  }
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Consejos y trucos de juego</div>
+  .pcw-bloque-imagenes, .pcw-bloque-centrado {
+    display: flex !important;
+    flex-wrap: wrap !important;
+    gap: 15px !important;
+    margin-bottom: 25px !important;
+    position: relative !important;
+    z-index: 3 !important;
+    justify-content: center !important;
+    align-items: center !important;
+  }
-  <div class="pcw-texto-plano" style="text-align: justify;">
+  .pcw-grid-horizontal {
-    <strong>• Mecánica de Robo de Globos:</strong> No destruyas sistemáticamente todos los vehículos voladores. Elimina al conductor saltando sobre él o usando proyectiles limpios para poder apoderarte de su transporte. Los globos de helio son imprescindibles para avanzar en los techos de las cavernas.<br><br>
+    display: flex !important;
-    <strong>• Gestión del Oxígeno Bajo el Agua:</strong> Tiki puede bucear de forma temporal, pero su medidor de oxígeno se agotará con extrema rapidez. Planifica tus rutas submarinas localizando bolsas de aire intermedias en los canales para evitar perder una vida de manera instantánea.<br><br>
+    flex-wrap: nowrap !important;
-    <strong>• Portales Secretos (Warp Holes):</strong> El mapa cuenta con zonas ocultas accesibles únicamente si golpeas con flechas determinadas esquinas aparentemente vacías o si mueres en lugares específicos de la pantalla. Estos portales te permitirán saltar fases completas del mapa.<br><br>
+    gap: 20px !important;
-    <strong>• Modos Gráficos en Hardware Original:</strong> Si juegas en un monitor monocromático clásico y experimentas parpadeos, activa el modo alternativo de escaneo rápido desde el menú del cargador del port para equilibrar el refresco del desplazamiento de pantalla.
+    justify-content: center !important;
-  </div>
+    align-items: flex-start !important;
+    margin-bottom: 25px !important;
+    position: relative !important;
+    z-index: 3 !important;
+  }
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Mapa General</div>
+  .pcw-grid-item {
-  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
+    display: flex !important;
-    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:TNZS_mapa.png" target="_blank">
+    flex-direction: column !important;
-      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:TNZS_mapa.png" style="width:440px; cursor:zoom-in;">
+    align-items: center !important;
-    </a>
+    text-align: center !important;
-  </div>
+  }
-  <!-- SECCIÓN DESCARGA -->
+  .pcw-tabla-grid {
-  <div class="retro-subtitle">Descargas Disponibles</div>
+    width: 100%;
+    border-collapse: collapse;
-  <!-- Bloque de Juegos -->
+    margin-bottom: 25px;
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Juego</div>
+    position: relative;
-  <div class="pcw-bloque-imagenes" style="gap: 20px !important;">
+    z-index: 3;
-    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:descargas:TNZS_game.zip" style="text-decoration: none !important;">
+  }
-      <div style="border: 2px solid #005500; background: rgba(0,20,0,0.6); padding: 12px 20px; border-radius: 6px; text-align: center; transition: 0.2s; cursor: pointer;" onmouseover="this.style.borderColor='#00ff00'; this.style.boxShadow='0 0 10px #00ff00';" onmouseout="this.style.borderColor='#005500'; this.style.boxShadow='none';">
+  .pcw-tabla-grid td { padding: 10px; text-align: center; vertical-align: middle; }
-        <span style="color: #00ff00; font-weight: bold; font-size: 1.1em; display: block; margin-bottom: 4px;">⬇ The New Zealand Story</span>
-        <span style="color: #008800; font-size: 0.85em;">Imagen original del disco 3" (.ZIP)</span>
-      </div>
-    </a>
-  </div>
-  <!-- Bloque de Manuales en PDF -->
+  .pcw-ficha-container img {
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 30px; border-bottom: 1px dotted #00ff00;">Manuales</div>
+    border: 2px solid #005500;
-  <div class="pcw-bloque-imagenes" style="gap: 20px !important; margin-bottom: 35px;">
+    transition: 0.2s;
-    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:descargas:TNZS_manual.pdf" style="text-decoration: none !important;">
+    cursor: pointer;
-      <div style="border: 2px solid #005500; background: rgba(0,20,0,0.6); padding: 12px 20px; border-radius: 6px; text-align: center; transition: 0.2s; cursor: pointer;" onmouseover="this.style.borderColor='#00ff00'; this.style.boxShadow='0 0 10px #00ff00';" onmouseout="this.style.borderColor='#005500'; this.style.boxShadow='none';">
+  }
-        <span style="color: #00ff00; font-weight: bold; font-size: 1.1em; display: block; margin-bottom: 4px;">📄 Manual Digitalizado</span>
+  .pcw-ficha-container img:hover {
-        <span style="color: #008800; font-size: 0.85em;">Escaneo de alta fidelidad (PDF)</span>
+    border: 2px solid #00ff00 !important;
-      </div>
+    box-shadow: 0 0 10px #00ff00 !important;
-    </a>
+    transform: scale(1.02) !important;
-  </div>
+  }
+  .ficha-libro-crt {
+    border: 8px solid #2a2a2a;
+    border-radius: 12px;
+    padding: 15px 20px;
+    margin-bottom: 25px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
+    box-shadow: inset 0 0 40px rgba(0,255,0,0.15), 0 8px 20px rgba(0,0,0,0.7);
+    position: relative;
+    z-index: 3;
+    background-color: rgba(0, 10, 0, 0.4);
+    align-items: center;
+    max-width: 850px;
+    margin-left: auto;
+    margin-right: auto;
+  }
-  <!-- SECCIÓN VÍDEOS -->
+  .portada-ficha-container {
-  <div class="retro-subtitle">Vídeos</div>
+    width: 180px; height: 250px; background-color: #111; border: 3px solid #00ff00;
-  <div style="display: flex; justify-content: center; align-items: center; margin-bottom: 30px; position: relative; z-index: 3;">
+    padding: 2px; box-sizing: border-box; display: flex; justify-content: center; align-items: center;
-    <div style="border: 3px solid #005500; border-radius: 8px; padding: 5px; background-color: #000b00; box-shadow: 0 0 15px rgba(0, 255, 0, 0.4); display: inline-block;">
+  }
-      </html>{{youtube>60uhhmsEyE0?large}}<html>
+  .portada-ficha-container img.portada-fija { cursor: default !important; }
-    </div>
+  .portada-ficha-container img.portada-fija:hover { border: 2px solid #005500 !important; box-shadow: none !important; transform: none !important; }
-  </div>
+  .datos-ficha { flex: 1; min-width: 260px; }
+  .titulo-linea { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #00ff00; margin-bottom: 12px; padding-bottom: 3px; }
+  .datos-ficha h2 { margin: 0 !important; font-size: 1.4em !important; color: #00ff00 !important; text-transform: uppercase; text-shadow: 0 0 8px #00ff00; }
+  .bandera-pais { border: 1px solid #00ff00; }
+  .bandera-pais:hover { border: 1px solid #00ff00 !important; box-shadow: none !important; transform: none !important; cursor: default !important; }
+  .dato-linea { margin: 5px 0; font-size: 0.88em; display: flex; border-bottom: 1px solid rgba(0, 85, 0, 0.3); padding-bottom: 4px; line-height: 1.3; }
+  .dato-etiqueta { color: #008800; font-weight: bold; min-width: 150px; text-transform: uppercase; }
+  .dato-valor { color: #00ff00; }
+  .pcw-texto-descripcion, .pcw-texto-plano { position: relative; z-index: 3; line-height: 1.6; text-align: justify; margin-bottom: 20px; }
+  .dokuwiki .pcw-ficha-container a { color: #00ff00 !important; text-decoration: none !important; font-weight: bold; }
+  .dokuwiki .pcw-ficha-container a:hover { text-decoration: underline !important; }
+  .pcw-img-modal {
+    display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%;
+    background-color: rgba(0,10,0,0.95); overflow: auto; cursor: zoom-out; padding: 20px; box-sizing: border-box;
+  }
+  .pcw-img-modal-content { display: flex; justify-content: center; align-items: center; min-width: 100%; min-height: 100%; }
+  .pcw-img-modal img { max-width: none !important; max-height: none !important; width: auto !important; height: auto !important; border: 4px solid #00ff00 !important; box-shadow: 0 0 30px #00ff00; }
+  @media (max-width: 768px) {
+    .ficha-libro-crt { flex-direction: column; align-items: center; }
+    .dato-linea { flex-direction: column; }
+    .dato-etiqueta { min-width: 100%; }
+    .pcw-grid-horizontal { flex-direction: column; align-items: center; gap: 30px !important; }
+  }
+</style>
+<div id="pcwVisor" class="pcw-img-modal" onclick="this.style.display='none'">
+  <div class="pcw-img-modal-content"><img id="pcwVisorImg" src="" alt="Visor"></div>
+</div>
-</div> <!-- Cierre final del contenedor de la ficha -->
+<script>
-</html>
+  function verImagen(url) {
+    var visor = document.getElementById('pcwVisor');
+    var img = document.getElementById('pcwVisorImg');
+    img.src = url; visor.style.display = 'block'; visor.scrollTop = 0; visor.scrollLeft = 0;
+  }
+</script>
 <div class="pcw-ficha-container">
   <div class="retro-title">THE NEW ZEALAND STORY (AMSTRAD PCW / PCW# MINI)</div>
@@ Línea 114: / Línea 186: @@
       <div class="dato-linea"><span class="dato-etiqueta">Distribuidora:</span><span class="dato-valor"><a href="doku.php?id=companias:taito_corporation" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Taito Corporation</a></span></div>
       <div class="dato-linea"><span class="dato-etiqueta">Equipo original:</span><span class="dato-valor">Diseño: Kazutomo Ishida<br>Música: Yasuko Yamada</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Portado por:</span><span class="dato-valor">Enrique Gálvez (<a href="https://itch.io" target="_blank" style="color: #00ff00 !important; text-decoration: underline !important;">https://itch.io</a>)</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Portado por:</span><span class="dato-valor">Enrique Gálvez (<a href="https://enriqueggalvez.itch.io/" target="_blank" style="color: #00ff00 !important; text-decoration: underline !important;">https://itch.io</a>)</span></div>
       <div class="dato-linea"><span class="dato-etiqueta">Año del juego:</span><span class="dato-valor">1988 (Original Arcade)</span></div>
       <div class="dato-linea"><span class="dato-etiqueta">Año del port:</span><span class="dato-valor">2025</span></div>
@@ Línea 201: / Línea 273: @@
   <div class="pcw-texto-plano" style="text-align: justify;">
-    <strong>• Mecánica de Robo de Globos:</strong> No destruyas sistemáticamente todos los vehículos voladores. Elimina al conductor saltando sobre él o usando proyectiles limpios para poder apoderarte de su transporte. Los globos de helio son imprescindibles para avanzar en los techos de las cavernas.<br><br>
+    <strong>• Mecánica de Robo de Globos:</strong> No destruyas sistemáticamente todos los vehículos voladores. Elimina al conductor saltando sobre él o usando proyectiles limpios para poder apoderarte de su transporte. Los globos de helio son indispensables para avanzar en los techos de las cavernas.<br><br>
     <strong>• Gestión del Oxígeno Bajo el Agua:</strong> Tiki puede bucear de forma temporal, pero su medidor de oxígeno se agotará con extrema rapidez. Planifica tus rutas submarinas localizando bolsas de aire intermedias en los canales para evitar perder una vida de manera instantánea.<br><br>
     <strong>• Portales Secretos (Warp Holes):</strong> El mapa cuenta con zonas ocultas accesibles únicamente si golpeas con flechas determinadas esquinas aparentemente vacías o si mueres en lugares específicos de la pantalla. Estos portales te permitirán saltar fases completas del mapa.<br><br>