Diferencias

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

--- locomotive:aplicaciones:otros:family_treemaker_v5 [2026/05/18 12:38] – jesus
+++ locomotive:aplicaciones:otros:family_treemaker_v5 [2026/05/18 12:47] (actual) – jesus
@@ Línea 126: / Línea 126: @@
   .download-list a:hover { background-color: rgba(0, 255, 0, 0.2); }
-  /* --- INTERFAZ MODAL INTERACTIVA RETRO --- */
+  /* --- INTERFAZ MODAL INTERACTIVA RETRO (TAMAÑO REAL FORZADO) --- */
   .crt-modal-overlay {
     display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
-    background-color: rgba(0, 7, 0, 0.9); z-index: 9999;
+    background-color: rgba(0, 7, 0, 0.95); z-index: 9999;
-    justify-content: center; align-items: center; cursor: pointer;
+    cursor: pointer; overflow: auto; padding: 20px; box-sizing: border-box;
   }
   .crt-modal-overlay::after {
-    content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
+    content: " "; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
     background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.2) 50%);
-    background-size: 100% 4px; pointer-events: none;
+    background-size: 100% 4px; pointer-events: none; z-index: 10000;
+  }
+  .crt-modal-wrapper {
+    display: flex; justify-content: center; align-items: center; min-width: 100%; min-height: 100%;
   }
   .crt-modal-content {
-    max-width: 90%; max-height: 90%; border: 4px solid #00ff00;
+    border: 4px solid #00ff00; box-shadow: 0 0 30px #00ff00; background-color: #000;
-    box-shadow: 0 0 30px #00ff00; background-color: #000;
+    max-width: none !important; max-height: none !important; width: auto !important; height: auto !important;
-    animation: zoom-in-crt 0.2s ease-out;
+    display: block; margin: auto; animation: zoom-in-crt 0.18s ease-out;
   }
-  @keyframes zoom-in-crt { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }
+  @keyframes zoom-in-crt { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }
   @media (max-width: 700px) {
@@ Línea 152: / Línea 155: @@
 </style>
-<!-- MODAL CRT ÚNICO PARA PANTALLA COMPLETA -->
+<!-- MODAL CRT ÚNICO PARA PANTALLA COMPLETA A TAMAÑO REAL -->
 <div id="crtModal" class="crt-modal-overlay" onclick="closeCrtModal()">
-  <img id="crtModalImg" class="crt-modal-content" src="" alt="Full Screen Retro View">
+  <div class="crt-modal-wrapper">
+    <img id="crtModalImg" class="crt-modal-content" src="" alt="Full Screen Retro View">
+  </div>
 </div>
@@ Línea 162: / Línea 167: @@
     var modalImg = document.getElementById("crtModalImg");
     modalImg.src = imgElement.src;
-    modal.style.display = "flex";
+    modal.style.display = "block";
+    document.body.style.overflow = "hidden"; // Deshabilita scroll de la web de fondo
   }
   function closeCrtModal() {
     document.getElementById("crtModal").style.display = "none";
+    document.body.style.overflow = ""; // Restablece scroll de la web
   }
 </script>
@@ Línea 174: / Línea 181: @@
   <div class="ficha-libro-crt">
     <div class="portada-ficha-container">
-      <!-- Corregido: Imagen fija sin evento de clic -->
       <img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:imagenes:Family_Treemaker_inlay_new.JPG" alt="Family Tree Maker v5">
     </div>
@@ Línea 186: / Línea 192: @@
         <span class="dato-etiqueta">COMPAÑÍA:</span>
         <span class="dato-valor">
-          <a href="doku.php?id=companias:locomotive_systems" class="link-editorial">Locomotive Software</a>
+          <a href="doku.php?id=companias:locomotive_software" class="link-editorial">Locomotive Software</a>
         </span>
       </div>
@@ Línea 192: / Línea 198: @@
         <span class="dato-etiqueta">DISTRIBUIDORA:</span>
         <span class="dato-valor">
-          <a href="doku.php?id=companias:locomotive_systems" class="link-editorial">Locomotive Software</a>
+          <a href="doku.php?id=companias:locomotive_software" class="link-editorial">Locomotive Software</a>
         </span>
       </div>
@@ Línea 224: / Línea 230: @@
       <p style="margin-bottom: 15px;"><strong>Family Tree Maker v5</strong> representa una excelente muestra del software de utilidad doméstica avanzada que se desarrolló para la línea <strong>Amstrad PCW</strong> a principios de la década de los 90. Desarrollado directamente por los arquitectos del sistema operativo de la máquina, <strong>Locomotive Software Ltd.</strong>, el programa fue lanzado en <strong>1992</strong> en un formato de distribución de bajo coste (bolsa de plástico protectora con inserto frontal), lo que permitía abaratar costes comerciales frente a las tradicionales cajas de cartón rígido.</p>
-      <p style="margin-bottom: 15px;">A nivel técnico, el programa saca provecho del entorno <strong>Mallard BASIC</strong> y se ejecuta de forma óptima tanto en los sistemas base como el PCW 8256 and 8512, como en la gama tardía de disqueteras de 3.5 pulgadas (PCW 9512). Su función principal consiste en gestionar e indexar bases de datos genealógicas complejas. A través de un sistema de menús optimizado para teclado, el usuario puede introducir enlaces familiares cruzados, fechas de nacimiento, defunciones, matrimonios y notas biográficas detalladas de cada individuo.</p>
+      <p style="margin-bottom: 15px;">A nivel técnico, el programa saca provecho del entorno <strong>Mallard BASIC</strong> y se ejecuta de forma óptima tanto en los sistemas base como el PCW 8256 y 8512, como en la gama tardía de disqueteras de 3.5 pulgadas (PCW 9512). Su función principal consiste en gestionar e indexar bases de datos genealógicas complejas. A través de un sistema de menús optimizado para teclado, el usuario puede introducir enlaces familiares cruzados, fechas de nacimiento, defunciones, matrimonios y notas biográficas detalladas de cada individuo.</p>
       <p style="margin-bottom: 15px;">La preservación e importancia histórica de este título radica en su rareza y en su posterior ciclo de vida: tras el cese de operaciones a gran escala de Locomotive Software, los derechos y stock remanente pasaron a formar parte de la herencia gestionada por <strong>SD Microsystems</strong> (Steve Denson), permitiendo que la comunidad mantuviera acceso a este software especializado hasta su completa preservación digital.</p>
@@ Línea 241: / Línea 247: @@
     <div class="pcw-section-title">A> CAPTURAS DE PANTALLA</div>
     <div class="media-grid-center">
-      <!-- Corregido: Ruta corregida de la primera captura (fetch.php?media=locomotive:...) -->
       <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:capturas:Family_Treemaker_Screenshot01.png" onclick="openCrtModal(this)"></div>
       <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:capturas:Family_Treemaker_Screenshot02.png" onclick="openCrtModal(this)"></div>
@@ Línea 257: / Línea 262: @@
     <div class="pcw-section-title">A> EMBALAJE ORIGINAL</div>
     <div style="color: #00ff00; margin-bottom: 15px; text-align: center;"> En las siguientes imágenes podéis comprobar el empaquetado original. </div>
-    <!-- Corregido: Contenedor con alineación centrada y proporcional para p1 y p2 -->
     <div class="block-center-container" style="flex-direction: row; gap: 20px;">
       <img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:imagenes:Family_Treemaker_p1.JPG" style="max-width: 240px;" onclick="openCrtModal(this)">
@@ Línea 267: / Línea 271: @@
   <div class="pcw-section-box">
     <div class="pcw-section-title">A> CARÁTULAS</div>
-    <!-- Corregido: Texto explicativo y medidas relocalizados debajo del título -->
     <p style="color: #00ff00; margin-bottom: 5px;">A continuación podéis examinar las carátulas del software.</p>
     <p style="color: #008800; font-size: 0.9em; margin-bottom: 20px;">Medida real de la carátula: Ancho: 14,85 cm x Alto: 21,10 cm</p>
-    <!-- Corregido: Carátulas en paralelo y ajustadas a tamaño más compacto (300px) -->
     <div class="block-center-container" style="flex-direction: row; gap: 30px;">
       <div class="caratula-wrapper">