Herramientas de usuario

Herramientas del sitio

Traza: • aplicaciones • batman_en • catalogues • preserved • lecteurs_disquette
start

Diferencias

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

Enlace a la vista de comparación

Ambos lados, revisión anteriorRevisión previa
Próxima revisión		Revisión previa
start [2026/04/26 11:47] – jesusstart [2026/05/21 06:10] (actual) – jesus
Línea 3: Línea 3:
 ====== Bienvenido ====== ====== Bienvenido ======
  
-**Bienvenido a la Wiki del [[es:companias:amstrad|Amstrad]] [[PCW]] / [[.companias:Schneider]] [[pcw|Joyce]].**+**Bienvenido a la Wiki del [[companias:amstrad|Amstrad]] [[PCW]] / [[.companias:Schneider]] [[pcw|Joyce]].**
  
 **Si quieres contribuir con la Wiki, échale primero un ojo a esta [[contribuir|pequeña guía]].** **Si quieres contribuir con la Wiki, échale primero un ojo a esta [[contribuir|pequeña guía]].**
Línea 23: Línea 23:
 <html> <html>
 <style> <style>
-  .pcw-monitor { background-color: #000; border: 2px solid #00ff00; padding: 20px; margin: 20px 0; font-family: 'Courier New', Courier, monospace; } +  /* --- MOTOR VISUAL RETRO CRT --- */ 
-  .pcw-title { color: #000; background-color: #00ff00; display: inline-block; padding: 5px 15px; margin-bottom: 20px; font-size: 1.5em; font-weight: bold; text-transform: uppercase; } +  .pcw-monitor-ultra { 
-  .pcw-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); } +    background-color: #000b00;  
-   +    border: 12px solid #2a2a2a;  
-  /* Estilo base (Verde por defecto) */ +    border-radius: 15px; 
-  .pcw-btn { display: flex; align-items: center; justify-content: center; background-color: #000; color: #00ff00 !important; padding: 15px 5px; text-decoration: none !important; border: 1px solid #00ff00; font-weight: bold; text-align: center; transition: all 0.2s ease; } +    padding: 25px; 
-  .pcw-btn:hover { background-color: #00ff00; color: #000 !important; box-shadow: 0 0 10px #00ff00; } +    margin: 25px 0;
- +
-  /* Clase para botones en ROJO (cuando la página no existe) */ +
-  .wikilink2 { color: #ff0000 !important; border-color: #ff0000 !important; } +
-  .wikilink2:hover { background-color: #ff0000; color: #000 !important; box-shadow: 0 0 10px #ff0000; } +
- +
-  @media (max-width: 850px) { .pcw-grid { grid-template-columns: repeat(2, 1fr); } } +
-  @media (max-width: 480px) { .pcw-grid { grid-template-columns: 1fr; } .pcw-title { display: block; text-align: center; } } +
-</style> +
- +
-<div class="pcw-monitor"> +
-  <div class="pcw-title"> > HARDWARE </div> +
-   +
-  <div class="pcw-grid"> +
-    <a href="doku.php?id=hardware:ampliaciones&do=edit" class="pcw-btn">AMPLIACIONES</a> +
-    <a href="doku.php?id=hardware:gate_array&do=edit" class="pcw-btn">GATE ARRAY</a> +
-    <a href="doku.php?id=hardware:nuevos_desarrollos&do=edit" class="pcw-btn">NUEVOS DESARROLLOS</a> +
-    <a href="doku.php?id=hardware:patillajes&do=edit" class="pcw-btn">PATILLAJES</a> +
-    <a href="doku.php?id=hardware:perifericos&do=edit" class="pcw-btn">PERIFÉRICOS</a> +
-    <a href="doku.php?id=hardware:placas_base&do=edit" class="pcw-btn">PLACAS BASE</a> +
-    <a href="doku.php?id=hardware:placas_monitor&do=edit" class="pcw-btn">PLACAS DE MONITOR</a> +
-    <a href="doku.php?id=hardware:placas_teclado&do=edit" class="pcw-btn">PLACAS DE TECLADO</a> +
-    <a href="doku.php?id=hardware:placas_impresora&do=edit" class="pcw-btn">PLACAS DE IMPRESORA</a> +
-    <a href="doku.php?id=hardware:ruedas_impresion&do=edit" class="pcw-btn">RUEDAS DE IMPRESIÓN</a> +
-    <a href="doku.php?id=hardware:unidades_disco&do=edit" class="pcw-btn">UNIDADES DE DISCO</a> +
-  </div> +
-</div> +
-</html> +
- +
----- +
- +
-<html> +
-<style> +
-  /* Contenedor estilo monitor PCW para Software */ +
-  .pcw-monitor-sw { +
-    background-color: #000; +
-    border: 2px solid #00ff00; +
-    padding: 20px; +
-    margin: 20px 0;+
     font-family: 'Courier New', Courier, monospace;     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);
   }   }
  
-  /* Título SOFTWARE con prompt */ +  /* Capa de scanlines y parpadeo */ 
-  .pcw-title-sw { +  .pcw-monitor-ultra::after { 
-    color: #000; +    content: " "; 
-    background-color: #00ff00; +    position: absolute; 
-    display: inline-block; +    top: 0; left: 0; bottom: 0; right: 0; 
-    padding: 5px 15px; +    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%),  
-    margin-bottom: 20px; +                linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03)); 
-    font-size: 1.5em; +    background-size: 100% 3px, 2px 100%; 
-    font-weight: bold; +    z-index: 2; 
-    text-transform: uppercase; +    pointer-events: none; 
-    letter-spacing: 2px;+    animation: flickering 0.15s infinite;
   }   }
  
-  /* Rejilla de botones */ +  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
-  .pcw-grid-sw { +
-    display: grid; +
-    gap: 10px; +
-    grid-template-columns: repeat(3, 1fr); +
-  }+
  
-  /* Botones estilo fósforo */ +  /* Estilo de Texto Retro (Glow Verde) */ 
-  .pcw-btn-sw { +  .retro-text {
-    display: flex; +
-    align-items: center; +
-    justify-content: center; +
-    background-color: #000;+
     color: #00ff00 !important;     color: #00ff00 !important;
-    padding: 15px 5px;+    font-family: 'Courier New', Courier, monospace; 
 +    text-shadow: 0 0 10px rgba(0, 255, 0, 0.7), 0 0 2px rgba(0, 255, 0, 0.8); 
 +    text-transform: uppercase; 
 +    letter-spacing: 1px;
     text-decoration: none !important;     text-decoration: none !important;
-    border: 1px solid #00ff00; 
-    font-weight: bold; 
-    text-transform: uppercase; 
-    text-align: center; 
-    transition: all 0.2s ease; 
   }   }
  
-  /* Efecto hover inverso */ +  .pcw-title-ultra { 
-  .pcw-btn-sw:hover { +    font-size: 1.6em; 
-    background-color: #00ff00; +    font-weight: bold; 
-    color: #000 !important; +    margin-bottom: 25px; 
-    box-shadow: 0 0 10px #00ff00;+    display: block;
   }   }
  
-  /* Adaptación para pantallas pequeñas */ +  .pcw-title-ultra::after { 
-  @media (max-width: 850px) { +    content: "_"; 
-    .pcw-grid-sw { grid-template-columns: repeat(2, 1fr); }+    animation: cursor-blink 1s infinite;
   }   }
-  @media (max-width: 480px) { 
-    .pcw-grid-sw { grid-template-columns: 1fr; } 
-    .pcw-title-sw { display: block; text-align: center; } 
-  } 
-</style> 
  
-<div class="pcw-monitor-sw"> +  @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
-  <div class="pcw-title-sw"> > SOFTWARE </div> +
-   +
-  <div class="pcw-grid-sw"> +
-    <a href="./software:aplicaciones" class="pcw-btn-sw">Aplicaciones</a> +
-    <a href="./software:companias" class="pcw-btn-sw">Compañías</a> +
-    <a href="./software:juegos" class="pcw-btn-sw">Juegos</a> +
-    <a href="./software:nuevos_desarrollos" class="pcw-btn-sw">Nuevos desarrollos</a> +
-    <a href="./software:sistema" class="pcw-btn-sw">Sistema</a> +
-  </div> +
-</div> +
-</html> +
- +
----- +
- +
-<html> +
-<div class="pcw-monitor"> +
-  <div class="pcw-title"> > CATÁLOGOS </div> +
-  <div class="pcw-grid" style="grid-template-columns: 1fr;"> +
-    <a href="./catalogos:inicio" class="pcw-btn">ACCESO</a> +
-  </div> +
-</div> +
-</html> +
- +
----- +
- +
-<html> +
-<style> +
-  /* Mismo estilo coherente con los anteriores */ +
-  .pcw-monitor-emu { +
-    background-color: #000; +
-    border: 2px solid #00ff00; +
-    padding: 20px; +
-    margin: 20px 0; +
-    font-family: 'Courier New', Courier, monospace; +
-  } +
- +
-  .pcw-title-emu { +
-    color: #000; +
-    background-color: #00ff00; +
-    display: inline-block; +
-    padding: 5px 15px; +
-    margin-bottom: 20px; +
-    font-size: 1.5em; +
-    font-weight: bold; +
-  }+
  
-  .pcw-grid-emu {+  /* Rejilla y Comandos (Botones) */ 
 +  .pcw-grid-ultra {
     display: grid;     display: grid;
     gap: 10px;     gap: 10px;
     grid-template-columns: repeat(3, 1fr);     grid-template-columns: repeat(3, 1fr);
 +    position: relative;
 +    z-index: 3;
   }   }
  
-  .pcw-btn-emu {+  .pcw-btn-ultra {
     display: flex;     display: flex;
     align-items: center;     align-items: center;
-    justify-content: center; +    justify-content: flex-start; 
-    background-color: #000; +    background: transparent; 
-    color: #00ff00 !important; +    padding: 8px 5px; 
-    padding: 15px 5px; +    border: 1px solid transparent;
-    text-decoration: none !important; +
-    border: 1px solid #00ff00;+
     font-weight: bold;     font-weight: bold;
-    text-align: center; +    font-size: 1em; 
-    transition: all 0.2s ease;+    transition: 0.2s;
   }   }
  
-  .pcw-btn-emu:hover { +  /* Efecto de Selección: Puntero y Desplazamiento */ 
-    background-color: #00ff00; +  .pcw-btn-ultra:hover { 
-    color: #000 !important; +    background-color: rgba(0, 255, 0, 0.15); 
-    box-shadow: 0 0 10px #00ff00;+    border: 1px solid rgba(0, 255, 0, 0.5); 
 +    transform: translateX(8px);
   }   }
  
-  @media (max-width: 850px) { +  .pcw-btn-ultra::before { 
-    .pcw-grid-emu { grid-template-columns: repeat(2, 1fr); }+    content: "> "; 
 +    opacity: 0.4; 
 +    margin-right: 5px;
   }   }
-  @media (max-width: 480px) { 
-    .pcw-grid-emu { grid-template-columns: 1fr; } 
-    .pcw-title-emu { display: block; text-align: center; } 
-  } 
-</style> 
  
-<div class="pcw-monitor-emu"> +  .pcw-btn-ultra:hover::before { 
-  <div class="pcw-title-emu"> > EMULADORES </div> +    opacity: 1;
-   +
-  <div class="pcw-grid-emu"> +
-    <a href="./emuladores:introduccion" class="pcw-btn-emu">INTRODUCCIÓN</a> +
-    <a href="./emuladores:español" class="pcw-btn-emu">ESPAÑOL</a> +
-    <a href="./emuladores:ingles" class="pcw-btn-emu">INGLÉS</a> +
-    <a href="./emuladores:internacional" class="pcw-btn-emu">INTERNACIONAL</a> +
-</div> +
- +
-</div> +
-</html> +
- +
----- +
- +
-<html> +
-<style> +
-  /* Mantenemos el estilo de monitor fósforo */ +
-  .pcw-monitor-lib { +
-    background-color: #000; +
-    border: 2px solid #00ff00; +
-    padding: 20px; +
-    margin: 20px 0; +
-    font-family: 'Courier New', Courier, monospace;+
   }   }
  
-  .pcw-title-lib { +  /* Variantes de columnas */ 
-    color: #000; +  .col-2 { grid-template-columns: repeat(2, 1fr); } 
-    background-color: #00ff00; +  .col-1 { grid-template-columns: 1fr; }
-    display: inline-block; +
-    padding: 5px 15px; +
-    margin-bottom: 20px; +
-    font-size: 1.5em; +
-    font-weight: bold; +
-  }+
  
-  .pcw-grid-lib { +  @media (max-width: 850px) { .pcw-grid-ultra { grid-template-columns: repeat(2, 1fr); } } 
-    display: grid; +  @media (max-width: 480px) { .pcw-grid-ultra { grid-template-columns: 1fr !important; } }
-    gap: 10px; +
-    grid-template-columns: repeat(2, 1fr); /* Al ser solo dos botones, quedan mejor en 2 columnas */ +
-  } +
- +
-  .pcw-btn-lib { +
-    display: flex; +
-    align-items: center; +
-    justify-content: center; +
-    background-color: #000; +
-    color: #00ff00 !important; +
-    padding: 15px 5px; +
-    text-decoration: none !important; +
-    border: 1px solid #00ff00; +
-    font-weight: bold; +
-    text-align: center; +
-    transition: all 0.2s ease; +
-  } +
- +
-  .pcw-btn-lib:hover { +
-    background-color: #00ff00; +
-    color: #000 !important; +
-    box-shadow: 0 0 10px #00ff00; +
-  } +
- +
-  @media (max-width: 480px) { +
-    .pcw-grid-lib { grid-template-columns: 1fr; } +
-    .pcw-title-lib { display: block; text-align: center; } +
-  }+
 </style> </style>
  
-<div class="pcw-monitor-lib"> +<!-- 1. HARDWARE --> 
-  <div class="pcw-title-lib"> > LIBROS </div> +<div class="pcw-monitor-ultra"> 
-   +  <div class="pcw-title-ultra retro-text"> A> HARDWARE </div> 
-  <div class="pcw-grid-lib"> +  <div class="pcw-grid-ultra"> 
-    <a href="./libros:acceso" class="pcw-btn-lib">ACCESO</a> +    <a href="doku.php?id=hardware:ampliaciones" class="pcw-btn-ultra retro-text">AMPLIACIONES</a> 
-    <a href="./libros:listado" class="pcw-btn-lib">LISTADO</a>+    <a href="doku.php?id=hardware:gate_array" class="pcw-btn-ultra retro-text">GATE ARRAY</a> 
 +    <a href="doku.php?id=hardware:nuevos_desarrollos" class="pcw-btn-ultra retro-text">NUEVOS DESARROLLOS</a> 
 +    <a href="doku.php?id=hardware:patillajes" class="pcw-btn-ultra retro-text">PATILLAJES</a> 
 +    <a href="doku.php?id=hardware:perifericos" class="pcw-btn-ultra retro-text">PERIFÉRICOS</a> 
 +    <a href="doku.php?id=hardware:placas_base" class="pcw-btn-ultra retro-text">PLACAS BASE</a> 
 +    <a href="doku.php?id=hardware:placas_monitor" class="pcw-btn-ultra retro-text">PLACAS MONITOR</a> 
 +    <a href="doku.php?id=hardware:placas_teclado" class="pcw-btn-ultra retro-text">PLACAS TECLADO</a> 
 +    <a href="doku.php?id=hardware:placas_impresora" class="pcw-btn-ultra retro-text">PLACAS IMPRESORA</a> 
 +    <a href="doku.php?id=hardware:ruedas_impresion" class="pcw-btn-ultra retro-text">RUEDAS IMPRESIÓN</a> 
 +    <a href="doku.php?id=hardware:unidades_disco" class="pcw-btn-ultra retro-text">UNIDADES DISCO</a>
   </div>   </div>
 </div> </div>
-</html> 
  
-----+<!-- 2. SOFTWARE --> 
 +<div class="pcw-monitor-ultra"> 
 +  <div class="pcw-title-ultra retro-text"> A> SOFTWARE </div> 
 +  <div class="pcw-grid-ultra"> 
 +    <a href="doku.php?id=software:aplicaciones" class="pcw-btn-ultra retro-text">APLICACIONES</a> 
 +    <a href="doku.php?id=software:companias" class="pcw-btn-ultra retro-text">COMPAÑÍAS</a> 
 +    <a href="doku.php?id=software:editoriales" class="pcw-btn-ultra retro-text">EDITORIALES</a> 
 +    <a href="doku.php?id=software:juegos" class="pcw-btn-ultra retro-text">JUEGOS</a> 
 +    <a href="doku.php?id=software:nuevos_desarrollos" class="pcw-btn-ultra retro-text">NUEVOS DESARROLLOS</a> 
 +    <a href="doku.php?id=software:sistema" class="pcw-btn-ultra retro-text">SISTEMA</a> 
 +  </div> 
 +</div>
  
-<html> +<!-- 3. CATÁLOGOS --> 
-<style> +<div class="pcw-monitor-ultra"> 
-  .pcw-monitor-loco { +  <div class="pcw-title-ultra retro-text"> A> CATÁLOGOS </div> 
-    background-color: #000; +  <div class="pcw-grid-ultra col-1"> 
-    border: 2px solid #00ff00; +    <a href="doku.php?id=catalogos:inicio" class="pcw-btn-ultra retro-text">ACCESO AL CATÁLOGO COMPLETO</a> 
-    padding: 20px; +  </div> 
-    margin: 20px 0; +</div>
-    font-family: 'Courier New', Courier, monospace; +
-  }+
  
-  .pcw-title-loco { +<!-- 4. EMULADORES --> 
-    color: #000; +<div class="pcw-monitor-ultra"> 
-    background-color: #00ff00; +  <div class="pcw-title-ultra retro-text"> A> EMULADORES </div> 
-    display: inline-block; +  <div class="pcw-grid-ultra"> 
-    padding: 5px 15px; +    <a href="doku.php?id=emuladores:introduccion" class="pcw-btn-ultra retro-text">INTRODUCCIÓN</a> 
-    margin-bottom: 20px; +    <a href="doku.php?id=emuladores:espanol" class="pcw-btn-ultra retro-text">ESPAÑOL</a> 
-    font-size: 1.5em; +    <a href="doku.php?id=emuladores:ingles" class="pcw-btn-ultra retro-text">INGLÉS</a> 
-    font-weight: bold; +    <a href="doku.php?id=emuladores:internacional" class="pcw-btn-ultra retro-text">INTERNACIONAL</a> 
-  }+  </div> 
 +</div>
  
-  .pcw-grid-loco { +<!-- 5. LIBROS --> 
-    display: grid; +<div class="pcw-monitor-ultra"> 
-    gap: 10px; +  <div class="pcw-title-ultra retro-text"> A> LIBROS </div> 
-    grid-template-columns: repeat(2, 1fr); +  <div class="pcw-grid-ultra col-2"> 
-  }+    <a href="doku.php?id=libros:preservados" class="pcw-btn-ultra retro-text">PRESERVADOS</a> 
 +    <a href="doku.php?id=libros:no_preservados" class="pcw-btn-ultra retro-text">NO PRESERVADOS</a> 
 +  </div> 
 +</div>
  
-  .pcw-btn-loco { +<!-- 6. LOCOMOTIVE SOFTWARE --> 
-    display: flex; +<div class="pcw-monitor-ultra"> 
-    align-items: center; +  <div class="pcw-title-ultra retro-text"> A> LOCOMOTIVE SOFTWARE </div> 
-    justify-content: center; +  <div class="pcw-grid-ultra col-2"> 
-    background-color: #000; +    <a href="doku.php?id=locomotive:aplicaciones" class="pcw-btn-ultra retro-text">APLICACIONES</a> 
-    color: #00ff00 !important; +    <a href="doku.php?id=locomotive:catalogos" class="pcw-btn-ultra retro-text">CATÁLOGOS</a> 
-    padding: 15px 5px; +    <a href="doku.php?id=locomotive:soporte_impresora" class="pcw-btn-ultra retro-text">SOPORTE IMPRESORA</a> 
-    text-decoration: none !important; +    <a href="doku.php?id=revistas:Script" class="pcw-btn-ultra retro-text">REVISTAS</a>
-    border: 1px solid #00ff00; +
-    font-weight: bold; +
-    text-align: center; +
-    transition: all 0.2s ease; +
-  } +
- +
-  .pcw-btn-loco:hover { +
-    background-color: #00ff00; +
-    color: #000 !important; +
-    box-shadow: 0 0 10px #00ff00; +
-  } +
- +
-  @media (max-width: 480px) { +
-    .pcw-grid-loco { grid-template-columns: 1fr; } +
-    .pcw-title-loco { display: block; text-align: center; } +
-  } +
-</style> +
- +
-<div class="pcw-monitor-loco"> +
-  <div class="pcw-title-loco"> > LOCOMOTIVE SOFTWARE </div> +
-   +
-  <div class="pcw-grid-loco"> +
-    <a href="./locomotive:aplicaciones" class="pcw-btn-loco">APLICACIONES</a> +
-    <a href="./locomotive:catalogos" class="pcw-btn-loco">CATÁLOGOS</a> +
-    <a href="./locomotive:soporte_impresora" class="pcw-btn-loco">SOPORTE IMPRESORA</a> +
-    <a href="./locomotive:revistas" class="pcw-btn-loco">REVISTAS</a>+
   </div>   </div>
 </div> </div>
-</html> 
  
- +<!-- 7. MANUALES --> 
----- +<div class="pcw-monitor-ultra"> 
- +  <div class="pcw-title-ultra retro-text"> A> MANUALES </div> 
-<html> +  <div class="pcw-grid-ultra col-2"> 
-<style> +    <a href="doku.php?id=manuales:amstrad_pcw" class="pcw-btn-ultra retro-text">MANUALES AMSTRAD PCW</a> 
-  .pcw-monitor-man { +    <a href="doku.php?id=manuales:servicio" class="pcw-btn-ultra retro-text">MANUALES DE SERVICIO</a>
-    background-color: #000; +
-    border: 2px solid #00ff00; +
-    padding: 20px; +
-    margin: 20px 0; +
-    font-family: 'Courier New', Courier, monospace; +
-  } +
- +
-  .pcw-title-man { +
-    color: #000; +
-    background-color: #00ff00; +
-    display: inline-block; +
-    padding: 5px 15px; +
-    margin-bottom: 20px; +
-    font-size: 1.5em; +
-    font-weight: bold; +
-  } +
- +
-  .pcw-grid-man { +
-    display: grid; +
-    gap: 10px; +
-    grid-template-columns: repeat(2, 1fr); +
-  } +
- +
-  .pcw-btn-man { +
-    display: flex; +
-    align-items: center; +
-    justify-content: center; +
-    background-color: #000; +
-    color: #00ff00 !important; +
-    padding: 15px 10px; +
-    text-decoration: none !important; +
-    border: 1px solid #00ff00; +
-    font-weight: bold; +
-    text-align: center; +
-    transition: all 0.2s ease; +
-  } +
- +
-  .pcw-btn-man:hover { +
-    background-color: #00ff00; +
-    color: #000 !important; +
-    box-shadow: 0 0 10px #00ff00; +
-  } +
- +
-  @media (max-width: 600px) { +
-    .pcw-grid-man { grid-template-columns: 1fr; } +
-    .pcw-title-man { display: block; text-align: center; } +
-  } +
-</style> +
- +
-<div class="pcw-monitor-man"> +
-  <div class="pcw-title-man"> > MANUALES </div> +
-   +
-  <div class="pcw-grid-man"> +
-    <a href="./manuales:amstrad_pcw" class="pcw-btn-man">MANUALES DE AMSTRAD PCW</a> +
-    <a href="./manuales:servicio" class="pcw-btn-man">MANUALES DE SERVICIO</a>+
   </div>   </div>
 </div> </div>
-</html> 
  
----- +<!-- 8. PROGRAMACIÓN --> 
- +<div class="pcw-monitor-ultra"> 
-<html> +  <div class="pcw-title-ultra retro-text"> A> PROGRAMACIÓN </div> 
-<style> +  <div class="pcw-grid-ultra"> 
-  .pcw-monitor-prog { +    <a href="doku.php?id=programacion:informacion_tecnica" class="pcw-btn-ultra retro-text">INFORMACIÓN TÉCNICA</a> 
-    background-color: #000; +    <a href="doku.php?id=programacion:introduccion" class="pcw-btn-ultra retro-text">INTRODUCCIÓN</a> 
-    border: 2px solid #00ff00; +    <a href="doku.php?id=programacion:lenguajes" class="pcw-btn-ultra retro-text">LENGUAJES</a>
-    padding: 20px; +
-    margin: 20px 0; +
-    font-family: 'Courier New', Courier, monospace; +
-  } +
- +
-  .pcw-title-prog { +
-    color: #000; +
-    background-color: #00ff00; +
-    display: inline-block; +
-    padding: 5px 15px; +
-    margin-bottom: 20px; +
-    font-size: 1.5em; +
-    font-weight: bold; +
-  } +
- +
-  .pcw-grid-prog { +
-    display: grid; +
-    gap: 10px; +
-    grid-template-columns: repeat(3, 1fr); +
-  } +
- +
-  .pcw-btn-prog { +
-    display: flex; +
-    align-items: center; +
-    justify-content: center; +
-    background-color: #000; +
-    color: #00ff00 !important; +
-    padding: 15px 5px; +
-    text-decoration: none !important; +
-    border: 1px solid #00ff00; +
-    font-weight: bold; +
-    text-align: center; +
-    transition: all 0.2s ease; +
-  } +
- +
-  .pcw-btn-prog:hover { +
-    background-color: #00ff00; +
-    color: #000 !important; +
-    box-shadow: 0 0 10px #00ff00; +
-  } +
- +
-  @media (max-width: 850px) { +
-    .pcw-grid-prog { grid-template-columns: repeat(2, 1fr); } +
-  } +
-  @media (max-width: 480px) { +
-    .pcw-grid-prog { grid-template-columns: 1fr; } +
-    .pcw-title-prog { display: block; text-align: center; } +
-  } +
-</style> +
- +
-<div class="pcw-monitor-prog"> +
-  <div class="pcw-title-prog"> > PROGRAMACIÓN </div> +
-   +
-  <div class="pcw-grid-prog"> +
-    <a href="./programacion:informacion_tecnica" class="pcw-btn-prog">INFORMACIÓN TÉCNICA</a> +
-    <a href="./programacion:introduccion" class="pcw-btn-prog">INTRODUCCIÓN</a> +
-    <a href="./programacion:lenguajes" class="pcw-btn-prog">LENGUAJES</a>+
   </div>   </div>
 </div> </div>
-</html> 
  
----- +<!-- 9. REVISTAS --> 
- +<div class="pcw-monitor-ultra"> 
-<html> +  <div class="pcw-title-ultra retro-text"> A> REVISTAS </div> 
-<style> +  <div class="pcw-grid-ultra"> 
-  .pcw-monitor-rev { +    <a href="doku.php?id=revistas:disco" class="pcw-btn-ultra retro-text">DISCO</a> 
-    background-color: #000; +    <a href="doku.php?id=revistas:fanzines" class="pcw-btn-ultra retro-text">FANZINES</a> 
-    border: 2px solid #00ff00; +    <a href="doku.php?id=revistas:revistas" class="pcw-btn-ultra retro-text">REVISTAS</a>
-    padding: 20px; +
-    margin: 20px 0; +
-    font-family: 'Courier New', Courier, monospace; +
-  } +
- +
-  .pcw-title-rev { +
-    color: #000; +
-    background-color: #00ff00; +
-    display: inline-block; +
-    padding: 5px 15px; +
-    margin-bottom: 20px; +
-    font-size: 1.5em; +
-    font-weight: bold; +
-  } +
- +
-  .pcw-grid-rev { +
-    display: grid; +
-    gap: 10px; +
-    grid-template-columns: repeat(3, 1fr); +
-  } +
- +
-  .pcw-btn-rev { +
-    display: flex; +
-    align-items: center; +
-    justify-content: center; +
-    background-color: #000; +
-    color: #00ff00 !important; +
-    padding: 15px 5px; +
-    text-decoration: none !important; +
-    border: 1px solid #00ff00; +
-    font-weight: bold; +
-    text-align: center; +
-    transition: all 0.2s ease; +
-  } +
- +
-  .pcw-btn-rev:hover { +
-    background-color: #00ff00; +
-    color: #000 !important; +
-    box-shadow: 0 0 10px #00ff00; +
-  } +
- +
-  @media (max-width: 850px) { +
-    .pcw-grid-rev { grid-template-columns: repeat(2, 1fr); } +
-  } +
-  @media (max-width: 480px) { +
-    .pcw-grid-rev { grid-template-columns: 1fr; } +
-    .pcw-title-rev { display: block; text-align: center; } +
-  } +
-</style> +
- +
-<div class="pcw-monitor-rev"> +
-  <div class="pcw-title-rev"> > REVISTAS </div> +
-   +
-  <div class="pcw-grid-rev"> +
-    <a href="./revistas:disco" class="pcw-btn-rev">DISCO</a> +
-    <a href="./revistas:fanzines" class="pcw-btn-rev">FANZINES</a> +
-    <a href="./revistas:revistas" class="pcw-btn-rev">REVISTAS</a>+
   </div>   </div>
 </div> </div>
-</html> 
  
----- +<!-- 10. TUTORIALES --> 
- +<div class="pcw-monitor-ultra"> 
-<html> +  <div class="pcw-title-ultra retro-text"> A> TUTORIALES </div> 
-<style> +  <div class="pcw-grid-ultra col-2"> 
-  .pcw-monitor-tut { +    <a href="doku.php?id=tutoriales:comunicaciones" class="pcw-btn-ultra retro-text">COMUNICACIONES</a> 
-    background-color: #000; +    <a href="doku.php?id=tutoriales:cursos" class="pcw-btn-ultra retro-text">CURSOS</a> 
-    border: 2px solid #00ff00; +    <a href="doku.php?id=tutoriales:ensamblador" class="pcw-btn-ultra retro-text">ENSAMBLADOR</a> 
-    padding: 20px; +    <a href="doku.php?id=tutoriales:guias" class="pcw-btn-ultra retro-text">GUÍAS</a>
-    margin: 20px 0; +
-    font-family: 'Courier New', Courier, monospace; +
-  } +
- +
-  .pcw-title-tut { +
-    color: #000; +
-    background-color: #00ff00; +
-    display: inline-block; +
-    padding: 5px 15px; +
-    margin-bottom: 20px; +
-    font-size: 1.5em; +
-    font-weight: bold; +
-  } +
- +
-  .pcw-grid-tut { +
-    display: grid; +
-    gap: 10px; +
-    grid-template-columns: repeat(2, 1fr); /* 2x2 para que los textos largos quepan mejor */ +
-  } +
- +
-  .pcw-btn-tut { +
-    display: flex; +
-    align-items: center; +
-    justify-content: center; +
-    background-color: #000; +
-    color: #00ff00 !important; +
-    padding: 15px 5px; +
-    text-decoration: none !important; +
-    border: 1px solid #00ff00; +
-    font-weight: bold; +
-    text-align: center; +
-    transition: all 0.2s ease; +
-  } +
- +
-  .pcw-btn-tut:hover { +
-    background-color: #00ff00; +
-    color: #000 !important; +
-    box-shadow: 0 0 10px #00ff00; +
-  } +
- +
-  @media (max-width: 600px) { +
-    .pcw-grid-tut { grid-template-columns: 1fr; } +
-    .pcw-title-tut { display: block; text-align: center; } +
-  } +
-</style> +
- +
-<div class="pcw-monitor-tut"> +
-  <div class="pcw-title-tut"> > TUTORIALES </div> +
-   +
-  <div class="pcw-grid-tut"> +
-    <a href="./tutoriales:comunicaciones" class="pcw-btn-tut">COMUNICACIONES</a> +
-    <a href="./tutoriales:cursos" class="pcw-btn-tut">CURSOS</a> +
-    <a href="./tutoriales:ensamblador" class="pcw-btn-tut">ENSAMBLADOR</a> +
-    <a href="./tutoriales:guias" class="pcw-btn-tut">GUÍAS</a>+
   </div>   </div>
 </div> </div>
-</html> 
  
----- +<!-- 11. OTROS --> 
- +<div class="pcw-monitor-ultra"> 
-<html> +  <div class="pcw-title-ultra retro-text"> A> OTROS </div> 
-<style> +  <div class="pcw-grid-ultra"> 
-  .pcw-monitor-otr { +    <a href="doku.php?id=otros:agradecimientos" class="pcw-btn-ultra retro-text">AGRADECIMIENTOS</a> 
-    background-color: #000; +    <a href="doku.php?id=otros:eventos" class="pcw-btn-ultra retro-text">EVENTOS</a> 
-    border: 2px solid #00ff00; +    <a href="doku.php?id=otros:entrevistas" class="pcw-btn-ultra retro-text">ENTREVISTAS</a> 
-    padding: 20px; +    <a href="doku.php?id=otros:etiquetas" class="pcw-btn-ultra retro-text">ETIQUETAS 3,5"</a> 
-    margin: 20px 0; +    <a href="doku.php?id=otros:inventario" class="pcw-btn-ultra retro-text">INVENTARIO</a> 
-    font-family: 'Courier New', Courier, monospace; +    <a href="doku.php?id=otros:contacto" class="pcw-btn-ultra retro-text">CONTACTO</a>
-  } +
- +
-  .pcw-title-otr { +
-    color: #000; +
-    background-color: #00ff00; +
-    display: inline-block; +
-    padding: 5px 15px; +
-    margin-bottom: 20px; +
-    font-size: 1.5em; +
-    font-weight: bold; +
-  } +
- +
-  .pcw-grid-otr { +
-    display: grid; +
-    gap: 10px; +
-    grid-template-columns: repeat(3, 1fr); /* 3 columnas para 6 botones (2 filas exactas) */ +
-  } +
- +
-  .pcw-btn-otr { +
-    display: flex; +
-    align-items: center; +
-    justify-content: center; +
-    background-color: #000; +
-    color: #00ff00 !important; +
-    padding: 15px 5px; +
-    text-decoration: none !important; +
-    border: 1px solid #00ff00; +
-    font-weight: bold; +
-    text-align: center; +
-    transition: all 0.2s ease; +
-  } +
- +
-  .pcw-btn-otr:hover { +
-    background-color: #00ff00; +
-    color: #000 !important; +
-    box-shadow: 0 0 10px #00ff00; +
-  } +
- +
-  @media (max-width: 850px) { +
-    .pcw-grid-otr { grid-template-columns: repeat(2, 1fr); } +
-  } +
-  @media (max-width: 550px) { +
-    .pcw-grid-otr { grid-template-columns: 1fr; } +
-    .pcw-title-otr { display: block; text-align: center; } +
-  } +
-</style> +
- +
-<div class="pcw-monitor-otr"> +
-  <div class="pcw-title-otr"> > OTROS </div> +
-   +
-  <div class="pcw-grid-otr"> +
-    <a href="./otros:agradecimientos" class="pcw-btn-otr">AGRADECIMIENTOS</a> +
-    <a href="./otros:eventos" class="pcw-btn-otr">EVENTOS</a> +
-    <a href="./otros:entrevistas" class="pcw-btn-otr">ENTREVISTAS</a> +
-    <a href="./otros:etiquetas" class="pcw-btn-otr">ETIQUETAS 3,5"</a> +
-    <a href="./otros:inventario" class="pcw-btn-otr">INVENTARIO</a> +
-    <a href="./otros:contacto" class="pcw-btn-otr">CONTACTO</a>+
   </div>   </div>
 </div> </div>
 </html> </html>
 +
  
 ---- ----
- 
start.1777204041.txt.gz · Última modificación: por jesus