Diferencias

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

--- companias:omk [2026/05/20 15:55] – creado jesus
+++ companias:omk [2026/05/20 17:02] (actual) – jesus
@@ Línea 41: / Línea 41: @@
   }
-  /* Asegura el reescalado correcto del logo de DokuWiki */
   .portada-ficha-container img {
     max-width: 100% !important;
@@ Línea 57: / Línea 56: @@
   .datos-ficha h2 { margin: 0 !important; font-size: 1.8em !important; color: #00ff00 !important; text-transform: uppercase; text-shadow: 0 0 10px #00ff00; }
+  /* Formateo de la bandera para integrarse limpiamente al lado del título */
+  .bandera-pais img {
+    height: 24px !important;
+    width: auto !important;
+    border: 1px solid #00ff00;
+    box-shadow: 0 0 5px #00ff00;
+    display: block;
+  }
   .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; }
-  .link-editorial { color: #00ff00 !important; text-decoration: underline !important; font-weight: bold; }
   /* --- BLOQUES DE SECCIÓN --- */
@@ Línea 79: / Línea 85: @@
   .index-subitem::before { content: "├─ "; color: #008800; }
-  /* Enlaces de DokuWiki integrados */
+  /* --- SISTEMA LIGHTBOX EN FILA (CSS PURO) --- */
-  .pcw-wiki-link a { color: #ffb000 !important; text-shadow: 0 0 5px rgba(255,176,0,0.5); text-decoration: underline !important; }
+  .pcw-gallery-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 15px;
+    justify-content: space-between;
+    padding: 10px 0;
+  }
+  .pcw-gallery-item {
+    flex: 1;
+    min-width: 150px;
+    max-width: 23%;
+    background: #111;
+    border: 2px solid #00ff00;
+    padding: 8px;
+    text-align: center;
+    box-sizing: border-box;
+  }
+  .pcw-thumb-container {
+    width: 100%;
+    height: 180px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    background: #050505;
+    cursor: pointer;
+  }
+  .pcw-thumb-container img {
+    max-width: 100% !important;
+    max-height: 100% !important;
+    object-fit: contain !important;
+    display: block;
+  }
+  .pcw-gallery-caption {
+    font-size: 0.75em;
+    color: #00ff00;
+    margin-top: 8px;
+    line-height: 1.3;
+    height: 34px;
+    overflow: hidden;
+  }
+  .pcw-lightbox {
+    display: none;
+    position: fixed;
+    z-index: 9999;
+    top: 0; left: 0; width: 100%; height: 100%;
+    background: rgba(0, 11, 0, 0.95);
+    text-align: center;
+    align-items: center;
+    justify-content: center;
+    border: 4px solid #00ff00;
+    box-sizing: border-box;
+  }
+  .pcw-lightbox:target {
+    display: flex;
+  }
+  .pcw-lightbox img {
+    max-width: 90vw !important;
+    max-height: 85vh !important;
+    object-fit: contain;
+    border: 3px solid #00ff00;
+    box-shadow: 0 0 30px rgba(0, 255, 0, 0.5);
+  }
+  .pcw-lightbox-close-hint {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+    color: #00ff00;
+    font-size: 0.9em;
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    text-shadow: 0 0 5px #00ff00;
+  }
   @media (max-width: 700px) {
     .ficha-libro-crt { flex-direction: column; align-items: center; }
     .dato-linea { flex-direction: column; }
+    .pcw-gallery-item { max-width: 46%; }
+  }
+  @media (max-width: 450px) {
+    .pcw-gallery-item { max-width: 100%; }
   }
 </style>
@@ Línea 98: / Línea 189: @@
       <div class="titulo-linea">
         <h2>FICHA TÉCNICA</h2>
+        <span class="bandera-pais"></html>{{botones:españa.jpg?nolink}}<html></span>
       </div>
       <div class="dato-linea"><span class="dato-etiqueta">NOMBRE:</span><span class="dato-valor">Omikron Soft (OMK)</span></div>
@@ Línea 120: / Línea 212: @@
       <p>Los inicios comerciales fueron complejos debido a la dificultad técnica para optimizar rutinas estables en el hardware del PCW, orientado originalmente a la edición de textos. No obstante, tras depurar el código de "Viaje a América" en su versión inicial de MSX, el salto al ecosistema informático de Amstrad se consolidó con el lanzamiento técnico de <strong>Fórmula 1</strong>, un rotundo éxito de ventas que validó su modelo de desarrollo.</p>
-      <p>A partir de ese instante se sucedieron diversos lanzamientos lúdicos que definieron el catálogo recreativo bajo sistema operativo CP/M para PCW: "Sky War" (valorado en prensa en abril de 1989), "Sir Lancelot", "Terracom", "Magic Way", "Buran" y el controvertido "Strip Poker". Uno de sus proyectos técnicos más ambiciosos consistió en el desarrollo de un juego de motociclismo avanzado inspirado en la recreativa *Super Hang-On*, incorporando sofisticadas rutinas de scroll por hardware y digitalizaciones gráficas monocromáticas. Gracias a su constancia firmaron contratos de exportación en Gran Bretaña.</p>
+      <p>A partir de ese instante se sucedieron diversos lanzamientos lúdicos que definieron el catálogo recreativo bajo sistema operativo CP/M para PCW. Entre sus obras más célebres de acción y arcade destacan "Sky War", "Sir Lancelot", "Terracom", "Magic Way", "Buran", "Cubik Road" y "Space Combat", sumando además propuestas con licencias oficiales nacionales como "La Corona Mágica". Uno de sus proyectos técnicos más ambiciosos y recordados consistió en el desarrollo de **500 c.c. Championship**, una increíble carrera de motociclismo inspirada en la recreativa *Super Hang-On*, incorporando sofisticadas rutinas de scroll y gráficos monocromáticos digitalizados.</p>
       <p><strong>Perfil Técnico: Víctor Diéguez García</strong></p>
@@ Línea 129: / Línea 221: @@
   <!-- 3. GALERÍA DE MATERIAL GRÁFICO PRESERVADO -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">Archivo Fotográfico de Producción</div>
+    <div class="pcw-section-title">Archivo Fotografico de Producción</div>
-    <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 10px;">
+    <div class="pcw-gallery-row">
-      <div style="border: 2px solid #00ff00; padding: 10px; background: #111; text-align: center; width: 220px;">
-        </html>{{compañias:Franciscolozano.jpg?nolink&200|}}<html>
+      <!-- FOTO 1 -->
-        <div style="font-size: 0.8em; color: #00ff00; margin-top: 5px;">Francisco Lozano<br>(Director General de OMK)</div>
+      <div class="pcw-gallery-item">
+        <a href="#img1" style="text-decoration: none !important;">
+          <div class="pcw-thumb-container">
+            </html>{{compañias:logos:franciscolozano.jpg?nolink}}<html>
+          </div>
+        </a>
+        <div class="pcw-gallery-caption">Francisco Lozano (Director OMK)</div>
       </div>
-      <div style="border: 2px solid #00ff00; padding: 10px; background: #111; text-align: center; width: 220px;">
+      <a href="#close" id="img1" class="pcw-lightbox" style="text-decoration: none !important;">
-        </html>{{compañias:antonio_omk.jpg?nolink&200|}}<html>
+        <div>
-        <div style="font-size: 0.8em; color: #00ff00; margin-top: 5px;">Antonio<br>(Programador de Sistemas OMK)</div>
+          </html>{{compañias:logos:franciscolozano.jpg?nolink}}<html>
+          <div class="pcw-lightbox-close-hint">[ HACER CLIC PARA CERRAR ]</div>
+        </div>
+      </a>
+      <!-- FOTO 2 -->
+      <div class="pcw-gallery-item">
+        <a href="#img2" style="text-decoration: none !important;">
+          <div class="pcw-thumb-container">
+            </html>{{compañias:logos:antonio_omk.jpg?nolink}}<html>
+          </div>
+        </a>
+        <div class="pcw-gallery-caption">Antonio (Programador OMK)</div>
       </div>
-      <div style="border: 2px solid #00ff00; padding: 10px; background: #111; text-align: center; width: 220px;">
+      <a href="#close" id="img2" class="pcw-lightbox" style="text-decoration: none !important;">
-        </html>{{compañias:victordieguez.jpg?nolink&200|}}<html>
+        <div>
-        <div style="font-size: 0.8em; color: #00ff00; margin-top: 5px;">Víctor Diéguez García<br>(Jefe de Desarrollo / I+D)</div>
+          </html>{{compañias:logos:antonio_omk.jpg?nolink}}<html>
+          <div class="pcw-lightbox-close-hint">[ HACER CLIC PARA CERRAR ]</div>
+        </div>
+      </a>
+      <!-- FOTO 3 -->
+      <div class="pcw-gallery-item">
+        <a href="#img3" style="text-decoration: none !important;">
+          <div class="pcw-thumb-container">
+            </html>{{compañias:logos:victordieguez.jpg?nolink}}<html>
+          </div>
+        </a>
+        <div class="pcw-gallery-caption">Víctor Diéguez (Jefe Desarrollo)</div>
       </div>
-      <div style="border: 2px solid #00ff00; padding: 10px; background: #111; text-align: center; width: 220px;">
+      <a href="#close" id="img3" class="pcw-lightbox" style="text-decoration: none !important;">
-        </html>{{compañias:victordieguez2.jpg?nolink&200|}}<html>
+        <div>
-        <div style="font-size: 0.8em; color: #00ff00; margin-top: 5px;">Víctor Diéguez<br>(Sesión Técnica de Entrevista)</div>
+          </html>{{compañias:logos:victordieguez.jpg?nolink}}<html>
+          <div class="pcw-lightbox-close-hint">[ HACER CLIC PARA CERRAR ]</div>
+        </div>
+      </a>
+      <!-- FOTO 4 -->
+      <div class="pcw-gallery-item">
+        <a href="#img4" style="text-decoration: none !important;">
+          <div class="pcw-thumb-container">
+            </html>{{compañias:logos:victordieguez2.jpg?nolink}}<html>
+          </div>
+        </a>
+        <div class="pcw-gallery-caption">Víctor Diéguez</div>
       </div>
+      <a href="#close" id="img4" class="pcw-lightbox" style="text-decoration: none !important;">
+        <div>
+          </html>{{compañias:logos:victordieguez2.jpg?nolink}}<html>
+          <div class="pcw-lightbox-close-hint">[ HACER CLIC PARA CERRAR ]</div>
+        </div>
+      </a>
     </div>
   </div>
@@ Línea 154: / Línea 295: @@
     <div class="pcw-section-title">Productos de Software Preservados</div>
     <div class="pcw-index-tree">
-      <span class="index-item-main">Videojuegos y Software Lúdico Nativo (Amstrad PCW)</span>
+      <span class="index-item-main">Catálogo Oficial de Videojuegos (Amstrad PCW)</span>
-      <span class="index-subitem">Fórmula 1 (1987) - Primer gran éxito comercial de OMK en el sistema PCW.</span>
+      <span class="index-subitem">500 c.c. Championship - Simulador de motociclismo avanzado con scroll y gráficos digitalizados.</span>
+      <span class="index-subitem">Buran - Arcade de acción espacial multifase.</span>
+      <span class="index-subitem">Cubik Road - Título de corte habilidad/puzzle integrado en su catálogo.</span>
+      <span class="index-subitem">Formula 1 (1987) - Primer gran éxito comercial de OMK en el sistema PCW.</span>
+      <span class="index-subitem">Grand Slam Tenis - Adaptación deportiva comercializada para la gama de Amstrad.</span>
+      <span class="index-subitem">Krom el guerrero - Aventura lúdica de temática fantástica y acción.</span>
+      <span class="index-subitem">La Corona Mágica - Adaptación oficial de software basada en la serie de animación de televisión.</span>
+      <span class="index-subitem">Magic Way / El Descubrimiento de América (1989) - Considerados técnicamente de sus mejores desarrollos.</span>
       <span class="index-subitem">Sky War (1989) - Juego de acción aérea preservado y documentado en prensa.</span>
       <span class="index-subitem">Sir Lancelot (1989) - Aventura de acción distribuida en disquete físico de 3 pulgadas.</span>
-      <span class="index-subitem">Strip Poker (1989) - Adaptación de cartas orientada a usuarios adultos.</span>
+      <span class="index-subitem">Space Combat - Simulador de combate y estrategia estelar de la compañía.</span>
-      <span class="index-subitem">Magic Way / El Descubrimiento de América (1989) - Considerados técnicamente sus mejores desarrollos.</span>
+      <span class="index-subitem">Strip Poker (1989) - Adaptación lúdica de cartas orientada a usuarios adultos.</span>
-      <span class="index-subitem">Buran (1990) - Arcade multifase de acción espacial.</span>
+      <span class="index-subitem">Terracom - Videojuego de corte arcade comercializado de forma nativa.</span>
-      <span class="index-subitem">Terracom (198X) - Videojuego de corte arcade comercializado para la gama.</span>
-      <span class="index-item-main">Desarrollos en Otros Sistemas (Orígenes)</span>
-      <span class="index-subitem">Viaje a América (1987) - Versión inicial comercializada para ordenadores de la norma MSX.</span>
-      <span class="index-subitem">Magic Pinball (1987) - Software lúdico inicial desarrollado en entorno doméstico.</span>
     </div>
   </div>