Diferencias

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

--- hardware:nuevos_desarrollos [2026/05/13 10:59] – creado jesus
+++ hardware:nuevos_desarrollos [2026/05/21 06:15] (actual) – [Listado de Nuevos Desarrollos] jesus
@@ Línea 58: / Línea 58: @@
   @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
-  /* Rejilla de una sola columna para listado vertical */
+  /* Contenedor vertical */
   .pcw-grid-vertical {
-    display: grid;
+    display: flex;
-    gap: 10px;
+    flex-direction: column;
-    grid-template-columns: 1fr; /* Una debajo de otra */
+    gap: 12px;
     position: relative;
     z-index: 3;
   }
-  .pcw-btn-ultra {
+  /* Fila que emula el botón pero permite múltiples enlaces reales dentro */
+  .pcw-row-ultra {
     display: flex;
     align-items: center;
@@ Línea 79: / Línea 80: @@
   }
-  /* Efecto de Selección: Puntero y Desplazamiento */
+  .pcw-row-ultra:hover {
-  .pcw-btn-ultra:hover {
     background-color: rgba(0, 255, 0, 0.15);
     border: 1px solid rgba(0, 255, 0, 0.5);
@@ Línea 86: / Línea 86: @@
   }
-  .pcw-btn-ultra::before {
+  .pcw-row-ultra::before {
     content: "> ";
+    color: #00ff00;
     opacity: 0.4;
     margin-right: 10px;
   }
-  .pcw-btn-ultra:hover::before {
+  .pcw-row-ultra:hover::before {
     opacity: 1;
   }
@@ Línea 105: / Línea 106: @@
     margin: 15px 0 5px 0;
     font-family: 'Courier New', Courier, monospace;
+  }
+  /* --- NUEVOS COLORES PARA ENLACES DENTRO DE LOS CORCHETES --- */
+  /* Enlaces a periféricos/desarrollos principales (Color Verde Fósforo) */
+  .pcw-link-main a {
+    color: #00ff00 !important;
+    text-shadow: 0 0 8px rgba(0, 255, 0, 0.6);
+    text-decoration: underline !important;
+  }
+  /* Enlaces a compañías/creadores secundarios (Color Ámbar / Oro Viejo Retro) */
+  .pcw-link-sub a {
+    color: #ffb000 !important;
+    text-shadow: 0 0 8px rgba(255, 176, 0, 0.6);
+    text-decoration: none !important;
+    margin-left: 8px;
+  }
+  .pcw-link-sub a:hover {
+    text-decoration: underline !important;
   }
 </style>
@@ Línea 114: / Línea 134: @@
     <!-- SECCIÓN D -->
     <div class="pcw-section-letter">D</div>
-    <a href="doku.php?id=.perifericos:DKSound" class="pcw-btn-ultra retro-text">DK Sound and Joystick (Clón Habi) - [DK'tronics]</a>
+    <div class="pcw-row-ultra">
+      <span class="pcw-link-main"></html>[[.perifericos:DKSound|DK Sound and Joystick (Clón Habi)]]<html></span>
+      <span class="pcw-link-sub"></html>([[..companias:dktronics|DK'tronics]])<html></span>
+    </div>
     <!-- SECCIÓN P -->
     <div class="pcw-section-letter">P</div>
-    <a href="doku.php?id=.perifericos:PCWSharpMini" class="pcw-btn-ultra retro-text">PCW# mini - [Habi Soft]</a>
+    <div class="pcw-row-ultra">
-    <a href="doku.php?id=.perifericos:PCW 9512 Test PCB clon" class="pcw-btn-ultra retro-text">PCW 9512 Test PCB (Clón Habi) - [Amstrad]</a>
+      <span class="pcw-link-main"></html>[[.perifericos:PCWSharpMini|PCW# mini]]<html></span>
-    <a href="doku.php?id=.perifericos:PCW Universal Test PCB" class="pcw-btn-ultra retro-text">PCW Universal Test PCB (Clón Habi) - [Amstrad]</a>
+      <span class="pcw-link-sub"></html>([[https://www.habisoft.com|Habi Soft]])<html></span>
-    <a href="habisoft.com" class="pcw-btn-ultra retro-text">PCW-IO - [Habi Soft]</a>
+    </div>
+    <div class="pcw-row-ultra">
+      <span class="pcw-link-main"></html>[[.perifericos:PCW 9512 Test PCB clon|PCW 9512 Test PCB (Clón Habi)]]<html></span>
+      <span class="pcw-link-sub"></html>([[companias:amstrad|Amstrad]])<html></span>
+    </div>
+    <div class="pcw-row-ultra">
+      <span class="pcw-link-main"></html>[[.perifericos:PCW Universal Test PCB|PCW Universal Test PCB (Clón Habi)]]<html></span>
+      <span class="pcw-link-sub"></html>([[companias:amstrad|Amstrad]])<html></span>
+    </div>
+    <div class="pcw-row-ultra">
+      <span class="pcw-link-main"></html>[[.perifericos:PCW-IO|PCW-IO]]<html></span>
+      <span class="pcw-link-sub"></html>([[https://www.habisoft.com|Habi Soft]])<html></span>
+    </div>
   </div>