Diferencias

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

--- en:locomotive:aplicaciones:otros:family_treemaker_v5 [2026/05/18 12:37] – jesus
+++ en:locomotive:aplicaciones:otros:family_treemaker_v5 [2026/05/18 12:48] (actual) – jesus
@@ Línea 20: / Línea 20: @@
   @keyframes flicker-pcw { 0% { opacity: 0.97; } 100% { opacity: 1; } }
-  /* --- 1. FICHA TÉCNICA --- */
+  /* --- 1. TECHNICAL DETAILS --- */
   .ficha-libro-crt {
     border: 10px solid #2a2a2a; border-radius: 15px; padding: 30px; margin-bottom: 20px;
@@ Línea 47: / Línea 47: @@
   .link-editorial { color: #00ff00 !important; text-decoration: underline !important; font-weight: bold; }
-  /* --- 2. BLOQUES DE SECCIÓN --- */
+  /* --- 2. SECTION BOXES --- */
   .pcw-section-box {
     background-color: #000b00; border: 2px solid #00ff00;
@@ Línea 58: / Línea 58: @@
   }
-  /* --- GRID DE ELEMENTOS MULTIMEDIA --- */
+  /* --- MULTIMEDIA GRID --- */
   .media-grid-center {
     display: grid;
@@ Línea 89: / Línea 89: @@
   }
-  /* Contenedores centrados individuales y en paralelo */
+  /* Centered and parallel containers */
   .block-center-container {
     display: flex;
@@ Línea 120: / Línea 120: @@
   }
-  /* Enlaces de descarga estilo terminal */
+  /* Terminal-style download links */
   .download-list { list-style-type: none; padding-left: 10px; }
   .download-list li { margin: 10px 0; font-weight: bold; }
@@ Línea 126: / Línea 126: @@
   .download-list a:hover { background-color: rgba(0, 255, 0, 0.2); }
-  /* --- INTERFAZ MODAL INTERACTIVA RETRO --- */
+  /* --- RETRO INTERACTIVE MODAL INTERFACE (FORCED REAL SIZE) --- */
   .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 -->
+<!-- CRT SINGLE MODAL FOR FULL SCREEN VIEW AT REAL SIZE -->
 <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"; // Disables web scroll background
   }
   function closeCrtModal() {
     document.getElementById("crtModal").style.display = "none";
+    document.body.style.overflow = ""; // Restores web scroll
   }
 </script>
@@ Línea 171: / Línea 178: @@
 <div class="pcw-page-container crt-effect">
-  <!-- 1. FICHA TÉCNICA -->
+  <!-- 1. TECHNICAL DETAILS -->
   <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>
     <div class="datos-ficha">
       <div class="titulo-linea">
-        <h2>FICHA TÉCNICA</h2>
+        <h2>TECHNICAL DETAILS</h2>
         <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="bandera-pais">
       </div>
-      <div class="dato-linea"><span class="dato-etiqueta">APLICACIÓN:</span><span class="dato-valor">Family Tree Maker v5</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">APPLICATION:</span><span class="dato-valor">Family Tree Maker v5</span></div>
       <div class="dato-linea">
-        <span class="dato-etiqueta">COMPAÑÍA:</span>
+        <span class="dato-etiqueta">COMPANY:</span>
         <span class="dato-valor">
-          <a href="doku.php?id=companias:locomotive_systems" class="link-editorial">Locomotive Software</a>
+          <a href="doku.php?id=en:companias:locomotive_software" class="link-editorial">Locomotive Software</a>
         </span>
       </div>
       <div class="dato-linea">
-        <span class="dato-etiqueta">DISTRIBUIDORA:</span>
+        <span class="dato-etiqueta">DISTRIBUTOR:</span>
         <span class="dato-valor">
-          <a href="doku.php?id=companias:locomotive_systems" class="link-editorial">Locomotive Software</a>
+          <a href="doku.php?id=en:companias:locomotive_software" class="link-editorial">Locomotive Software</a>
         </span>
       </div>
-      <div class="dato-linea"><span class="dato-etiqueta">AÑO:</span><span class="dato-valor">1992</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">YEAR:</span><span class="dato-valor">1992</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">EMBALAJE:</span><span class="dato-valor">Bolsa de plástico transparente</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">PACKAGING:</span><span class="dato-valor">Transparent plastic bag</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">COMPATIBILIDAD:</span><span class="dato-valor">PCW 8256 - PCW 8512 - PCW 9512</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">COMPATIBILITY:</span><span class="dato-valor">PCW 8256 - PCW 8512 - PCW 9512</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">PERIFÉRICOS:</span><span class="dato-valor">Teclado</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">PERIPHERALS:</span><span class="dato-valor">Keyboard</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">CARGA:</span><span class="dato-valor">BASIC</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">LOADING:</span><span class="dato-valor">BASIC</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">GÉNERO:</span><span class="dato-valor">Árbol genealógico</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">GENRE:</span><span class="dato-valor">Family tree</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">LENGUAJE:</span><span class="dato-valor">Inglés</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">LANGUAGE:</span><span class="dato-valor">English</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">PRECIO:</span><span class="dato-valor">Inglaterra: £00,00</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">PRICE:</span><span class="dato-valor">UK: £00.00</span></div>
       <div class="dato-linea">
-        <span class="dato-etiqueta">ESTADO:</span>
+        <span class="dato-etiqueta">STATUS:</span>
         <span class="dato-valor">
-          <a href="doku.php?id=es:preservado" class="link-editorial">Preservado</a>
+          <a href="doku.php?id=en:preservado" class="link-editorial">Preserved</a>
         </span>
       </div>
       <div class="dato-linea" style="flex-direction: column; margin-top: 15px;">
-        <span class="dato-etiqueta">SINOPSIS:</span>
+        <span class="dato-etiqueta">SYNOPSIS:</span>
         <span class="dato-valor" style="margin-top: 5px; text-align: justify; color: #aaffaa; font-style: italic;">
-          Una de las herramientas de bases de datos más singulares del entorno Amstrad PCW. Diseñado de forma nativa por Locomotive Software, el programa permite estructurar y procesar genealogías familiares complejas a través de Mallard BASIC, exportando informes detallados mediante las rutinas del sistema y la impresora nativa del PCW.
+          One of the most unique database tools within the Amstrad PCW ecosystem. Designed natively by Locomotive Software, the program allows structuring and processing complex family genealogies through Mallard BASIC, exporting detailed reports using system routines and the PCW's native printer.
         </span>
       </div>
@@ Línea 218: / Línea 224: @@
   </div>
-  <!-- 2. DESCRIPCIÓN -->
+  <!-- 2. DESCRIPTION -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">A> DESCRIPCIÓN</div>
+    <div class="pcw-section-title">A> DESCRIPTION</div>
     <div style="text-align: justify; line-height: 1.6; color: #00ff00;">
-      <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;"><strong>Family Tree Maker v5</strong> stands as an excellent example of advanced domestic utility software developed for the <strong>Amstrad PCW</strong> line in the early 1990s. Developed directly by the architects of the machine's operating system, <strong>Locomotive Software Ltd.</strong>, the program was released in <strong>1992</strong> in a low-cost distribution format (protective plastic sleeve with a front insert), reducing retail costs compared to traditional rigid cardboard boxes.</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;">On a technical level, the software leverages the <strong>Mallard BASIC</strong> environment and runs optimally on both base systems like the PCW 8256 and 8512, and the later range featuring 3.5-inch disk drives (PCW 9512). Its main purpose is to manage and index complex genealogical databases. Via a keyboard-optimized menu system, users can input cross-linked family relationships, birth dates, deaths, marriages, and detailed biographical notes for each individual.</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>
+      <p style="margin-bottom: 15px;">The preservation and historical value of this title lie in its rarity and its subsequent life cycle: following the cessation of large-scale operations by Locomotive Software, the rights and remaining inventory became part of the legacy managed by <strong>SD Microsystems</strong> (Steve Denson), ensuring the community retained access to this specialized software until its complete digital preservation.</p>
-      <p style="margin-bottom: 5px; color: #00ff00; font-weight: bold;">CARACTERÍSTICAS TÉCNICAS RELEVANTES</p>
+      <p style="margin-bottom: 5px; color: #00ff00; font-weight: bold;">KEY TECHNICAL FEATURES</p>
       <ul style="list-style-type: none; padding-left: 20px; margin-bottom: 15px;">
-        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>Generación Automática:</strong> Capacidad de procesar relaciones complejas de ascendencia y descendencia de forma estructurada en memoria.</li>
+        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>Automatic Generation:</strong> Ability to process complex lineage and ancestry relationships structured in memory.</li>
-        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>Salida por Impresora:</strong> El programa integra rutinas nativas para volcar el árbol y fichas individuales en papel a través de las impresoras de aguja de Amstrad.</li>
+        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>Printer Output:</strong> The software embeds native routines to output charts and individual profiles to paper via Amstrad dot-matrix printers.</li>
-        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>Estructura en BASIC:</strong> El núcleo del programa utiliza la velocidad de procesamiento de Mallard BASIC para las llamadas del sistema.</li>
+        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>BASIC Structure:</strong> The core program utilizes Mallard BASIC's processing speed for system calls.</li>
       </ul>
     </div>
   </div>
-  <!-- 3. CAPTURAS -->
+  <!-- 3. SCREENSHOTS -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">A> CAPTURAS DE PANTALLA</div>
+    <div class="pcw-section-title">A> SCREENSHOTS</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 253: / Línea 258: @@
   </div>
-  <!-- 4. EMBALAJE -->
+  <!-- 4. PACKAGING -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">A> EMBALAJE ORIGINAL</div>
+    <div class="pcw-section-title">A> ORIGINAL PACKAGING</div>
-    <div style="color: #00ff00; margin-bottom: 15px; text-align: center;"> En las siguientes imágenes podéis comprobar el empaquetado original. </div>
+    <div style="color: #00ff00; margin-bottom: 15px; text-align: center;"> In the following images you can view the original packaging. </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 264: / Línea 268: @@
   </div>
-  <!-- 5. CARÁTULA -->
+  <!-- 5. INLAY -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">A> CARÁTULAS</div>
+    <div class="pcw-section-title">A> INLAYS</div>
-    <!-- Corregido: Texto explicativo y medidas relocalizados debajo del título -->
+    <p style="color: #00ff00; margin-bottom: 5px;">Below you can examine the software inlays.</p>
-    <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;">Real inlay dimensions: Width: 14.85 cm x Height: 21.10 cm</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">
@@ Línea 279: / Línea 281: @@
       <div class="caratula-wrapper">
-        <p style="color: #00ff00; font-weight: bold; margin-bottom: 10px;">RESTAURADA</p>
+        <p style="color: #00ff00; font-weight: bold; margin-bottom: 10px;">RESTORED</p>
         <img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:imagenes:Family_Treemaker_inlay_new.JPG" onclick="openCrtModal(this)">
       </div>
@@ Línea 285: / Línea 287: @@
   </div>
-  <!-- 6. DISCO -->
+  <!-- 6. DISK -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">A> DISCO ORIGINAL</div>
+    <div class="pcw-section-title">A> ORIGINAL DISK</div>
-    <div style="color: #00ff00; margin-bottom: 15px; text-align: center;"> Disco original suministrado con Family Treemaker. </div>
+    <div style="color: #00ff00; margin-bottom: 15px; text-align: center;"> Original disk supplied with Family Tree Maker. </div>
     <div class="media-grid-center">
       <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:imagenes:Family_Treemaker_disk_front.jpg" onclick="openCrtModal(this)"></div>
@@ Línea 296: / Línea 298: @@
   </div>
-  <!-- 7. ETIQUETAS -->
+  <!-- 7. LABELS -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">A> ETIQUETAS</div>
+    <div class="pcw-section-title">A> LABELS</div>
-    <p style="text-align: center; font-style: italic; color: #008800;">Próximamente</p>
+    <p style="text-align: center; font-style: italic; color: #008800;">Coming soon</p>
   </div>
-  <!-- 8. DESCARGAS -->
+  <!-- 8. DOWNLOADS -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">A> ARCHIVO DIGITAL DE DESCARGAS</div>
+    <div class="pcw-section-title">A> DIGITAL DOWNLOAD ARCHIVE</div>
-    <p style="color: #00ff00; font-weight: bold; margin-bottom: 5px;">SOFTWARE / PROGRAMA</p>
+    <p style="color: #00ff00; font-weight: bold; margin-bottom: 5px;">SOFTWARE / PROGRAM</p>
     <p style="color: #aaffaa; font-size: 0.9em; margin-bottom: 10px; text-align: justify;">
-      Las imágenes de disco se han obtenido de la versión original de Family Treemaker, han sido grabadas y verificadas.
+      The disk images have been obtained from the original version of Family Tree Maker, and have been written and verified.
     </p>
     <ul class="download-list" style="margin-bottom: 25px;">
       <li>
         <span style="color: #008800;">[#]</span>
-        <a href="/lib/exe/fetch.php?media=locomotive:aplicaciones:descargas:Family_treemaker.zip">Family Treemaker v5</a>
+        <a href="/lib/exe/fetch.php?media=locomotive:aplicaciones:descargas:Family_treemaker.zip">Family Tree Maker v5</a>
-        <span style="color: #008800; font-weight: normal; font-size: 0.85em;">(Archivo .DSK comprimido en formato ZIP)</span>
+        <span style="color: #008800; font-weight: normal; font-size: 0.85em;">(.DSK file compressed in ZIP format)</span>
       </li>
     </ul>
-    <p style="color: #00ff00; font-weight: bold; margin-bottom: 5px;">DOCUMENTACIÓN / MANUALES</p>
+    <p style="color: #00ff00; font-weight: bold; margin-bottom: 5px;">DOCUMENTATION / MANUALS</p>
     <p style="color: #aaffaa; font-size: 0.9em; margin-bottom: 10px; text-align: justify;">
-      A continuación puede descargar el manual del programa Family Treemaker o verlo en línea.
+      Below you can download the program manual for Family Tree Maker or view it online.
     </p>
     <ul class="download-list">
       <li>
         <span style="color: #008800;">[#]</span>
-        <a href="/lib/exe/fetch.php?media=locomotive:aplicaciones:descargas:Manual_Family_Treemaker.pdf">Manual Family Treemaker v5</a>
+        <a href="/lib/exe/fetch.php?media=locomotive:aplicaciones:descargas:Manual_Family_Treemaker.pdf">Family Tree Maker v5 Manual</a>
-        <span style="color: #008800; font-weight: normal; font-size: 0.85em;">(Archivo PDF)</span>
+        <span style="color: #008800; font-weight: normal; font-size: 0.85em;">(PDF file)</span>
       </li>
     </ul>