Herramientas de usuario

Herramientas del sitio


en: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
en:start [2026/04/24 11:35] jesusen:start [2026/05/18 08:06] (actual) jesus
Línea 12: Línea 12:
  
 ---- ----
 +
 +|  {{pcws:pcw8256:pcw8256.jpg?nolink&86}}  |  {{pcws:pcw8512:pcw8512.jpg?nolink&86}}  |  {{pcws:pcw9512:pcw9512.jpg?nolink&86}}  |  {{pcws:pcw9256:pcw9256.jpg?nolink&86}}  |  {{pcws:pcw9512plus:pcw9512plus.jpg?nolink&86}}  |  {{pcws:pcw10:pcw10.jpg?nolink&70}}  |  {{pcws:pcw16:pcw16.jpg?nolink&80}}  |  {{pcws:pcwodessa:pcw_odesa_composicion.jpg?nolink&80}}  |  {{pcws:pcwswift286:pcw-swift286.jpg?nolink&80}}  |
 +|  <sub>[[8256|PCW 8256/Joyce]]</sub>  |  <sub>[[8512|PCW 8512/Joyce+]]</sub>  |  <sub>[[9512|PCW 9512]]</sub>  |  <sub>[[9256|PCW 9256]]</sub>  | <sub>[[9512 Plus|PCW 9512+]]</sub>  |  <sub>[[pcw10|PcW 10]]</sub>  |  <sub>[[pcw16|PcW 16]]</sub>  |  <sub>[[odessa|PCW Odessa]]</sub>  |  <sub>[[swift286|PCW Swift 286]]</sub>  |
 +
 +----
 +
 +<html>
 +<style>
 +  /* --- CRT ULTRA-RETRO VISUAL ENGINE --- */
 +  .pcw-monitor-ultra {
 +    background-color: #000b00; 
 +    border: 12px solid #2a2a2a; 
 +    border-radius: 15px;
 +    padding: 25px;
 +    margin: 25px 0;
 +    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);
 +  }
 +
 +  /* Scanlines and flicker effect */
 +  .pcw-monitor-ultra::after {
 +    content: " ";
 +    position: absolute;
 +    top: 0; left: 0; bottom: 0; right: 0;
 +    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%), 
 +                linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));
 +    background-size: 100% 3px, 2px 100%;
 +    z-index: 2;
 +    pointer-events: none;
 +    animation: flickering 0.15s infinite;
 +  }
 +
 +  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
 +
 +  /* Retro Text Style (Green Glow) */
 +  .retro-text {
 +    color: #00ff00 !important;
 +    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;
 +  }
 +
 +  .pcw-title-ultra {
 +    font-size: 1.6em;
 +    font-weight: bold;
 +    margin-bottom: 25px;
 +    display: block;
 +  }
 +
 +  .pcw-title-ultra::after {
 +    content: "_";
 +    animation: cursor-blink 1s infinite;
 +  }
 +
 +  @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
 +
 +  /* Grid and Commands (Buttons) */
 +  .pcw-grid-ultra {
 +    display: grid;
 +    gap: 10px;
 +    grid-template-columns: repeat(3, 1fr);
 +    position: relative;
 +    z-index: 3;
 +  }
 +
 +  .pcw-btn-ultra {
 +    display: flex;
 +    align-items: center;
 +    justify-content: flex-start;
 +    background: transparent;
 +    padding: 8px 5px;
 +    border: 1px solid transparent;
 +    font-weight: bold;
 +    font-size: 1em;
 +    transition: 0.2s;
 +  }
 +
 +  /* Hover effect: Pointer and Slide */
 +  .pcw-btn-ultra:hover {
 +    background-color: rgba(0, 255, 0, 0.15);
 +    border: 1px solid rgba(0, 255, 0, 0.5);
 +    transform: translateX(8px);
 +  }
 +
 +  .pcw-btn-ultra::before {
 +    content: "> ";
 +    opacity: 0.4;
 +    margin-right: 5px;
 +  }
 +
 +  .pcw-btn-ultra:hover::before {
 +    opacity: 1;
 +  }
 +
 +  /* Column variants */
 +  .col-2 { grid-template-columns: repeat(2, 1fr); }
 +  .col-1 { grid-template-columns: 1fr; }
 +
 +  @media (max-width: 850px) { .pcw-grid-ultra { grid-template-columns: repeat(2, 1fr); } }
 +  @media (max-width: 480px) { .pcw-grid-ultra { grid-template-columns: 1fr !important; } }
 +</style>
 +
 +<!-- 1. HARDWARE -->
 +<div class="pcw-monitor-ultra">
 +  <div class="pcw-title-ultra retro-text"> A> HARDWARE </div>
 +  <div class="pcw-grid-ultra">
 +    <a href="doku.php?id=en:hardware:expansions" class="pcw-btn-ultra retro-text">EXPANSIONS</a>
 +    <a href="doku.php?id=en:hardware:gate_array" class="pcw-btn-ultra retro-text">GATE ARRAY</a>
 +    <a href="doku.php?id=en:hardware:new_developments" class="pcw-btn-ultra retro-text">NEW DEVELOPMENTS</a>
 +    <a href="doku.php?id=en:hardware:pinouts" class="pcw-btn-ultra retro-text">PINOUTS</a>
 +    <a href="doku.php?id=en:hardware:peripherals" class="pcw-btn-ultra retro-text">PERIPHERALS</a>
 +    <a href="doku.php?id=en:hardware:motherboards" class="pcw-btn-ultra retro-text">MOTHERBOARDS</a>
 +    <a href="doku.php?id=en:hardware:monitor_boards" class="pcw-btn-ultra retro-text">MONITOR BOARDS</a>
 +    <a href="doku.php?id=en:hardware:keyboard_boards" class="pcw-btn-ultra retro-text">KEYBOARD BOARDS</a>
 +    <a href="doku.php?id=en:hardware:printer_boards" class="pcw-btn-ultra retro-text">PRINTER BOARDS</a>
 +    <a href="doku.php?id=en:hardware:daisy_wheels" class="pcw-btn-ultra retro-text">DAISY WHEELS</a>
 +    <a href="doku.php?id=en:hardware:disk_drives" class="pcw-btn-ultra retro-text">DISK DRIVES</a>
 +  </div>
 +</div>
 +
 +<!-- 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=en:software:applications" class="pcw-btn-ultra retro-text">APPLICATIONS</a>
 +    <a href="doku.php?id=en:software:companies" class="pcw-btn-ultra retro-text">COMPANIES</a>
 +    <a href="doku.php?id=en:software:games" class="pcw-btn-ultra retro-text">GAMES</a>
 +    <a href="doku.php?id=en:software:new_developments" class="pcw-btn-ultra retro-text">NEW DEVELOPMENTS</a>
 +    <a href="doku.php?id=en:software:publishers" class="pcw-btn-ultra retro-text">PUBLISHERS</a>
 +    <a href="doku.php?id=en:software:system" class="pcw-btn-ultra retro-text">SYSTEM</a>
 +  </div>
 +</div>
 +
 +<!-- 3. CATALOGUES -->
 +<div class="pcw-monitor-ultra">
 +  <div class="pcw-title-ultra retro-text"> A> CATALOGUES </div>
 +  <div class="pcw-grid-ultra col-1">
 +    <a href="doku.php?id=en:catalogues:start" class="pcw-btn-ultra retro-text">ACCESS FULL CATALOGUE</a>
 +  </div>
 +</div>
 +
 +<!-- 4. EMULATORS -->
 +<div class="pcw-monitor-ultra">
 +  <div class="pcw-title-ultra retro-text"> A> EMULATORS </div>
 +  <div class="pcw-grid-ultra">
 +    <a href="doku.php?id=en:emulators:introduction" class="pcw-btn-ultra retro-text">INTRODUCTION</a>
 +    <a href="doku.php?id=en:emulators:spanish" class="pcw-btn-ultra retro-text">SPANISH</a>
 +    <a href="doku.php?id=en:emulators:english" class="pcw-btn-ultra retro-text">ENGLISH</a>
 +    <a href="doku.php?id=en:emulators:international" class="pcw-btn-ultra retro-text">INTERNATIONAL</a>
 +  </div>
 +</div>
 +
 +<!-- 5. BOOKS -->
 +<div class="pcw-monitor-ultra">
 +  <div class="pcw-title-ultra retro-text"> A> BOOKS </div>
 +  <div class="pcw-grid-ultra col-2">
 +    <a href="doku.php?id=en:books:preserved" class="pcw-btn-ultra retro-text">PRESERVED</a>
 +    <a href="doku.php?id=en:books:non_preserved" class="pcw-btn-ultra retro-text">NON-PRESERVED</a>
 +  </div>
 +</div>
 +
 +
 +<!-- 6. LOCOMOTIVE SOFTWARE -->
 +<div class="pcw-monitor-ultra">
 +  <div class="pcw-title-ultra retro-text"> A> LOCOMOTIVE SOFTWARE </div>
 +  <div class="pcw-grid-ultra col-2">
 +    <a href="doku.php?id=en:locomotive:applications" class="pcw-btn-ultra retro-text">APPLICATIONS</a>
 +    <a href="doku.php?id=en:locomotive:catalogues" class="pcw-btn-ultra retro-text">CATALOGUES</a>
 +    <a href="doku.php?id=en:locomotive:printer_support" class="pcw-btn-ultra retro-text">PRINTER SUPPORT</a>
 +    <a href="doku.php?id=en:revistas:Script" class="pcw-btn-ultra retro-text">MAGAZINES</a>
 +  </div>
 +</div>
 +
 +<!-- 7. MANUALS -->
 +<div class="pcw-monitor-ultra">
 +  <div class="pcw-title-ultra retro-text"> A> MANUALS </div>
 +  <div class="pcw-grid-ultra col-2">
 +    <a href="doku.php?id=en:manuals:amstrad_pcw" class="pcw-btn-ultra retro-text">AMSTRAD PCW MANUALS</a>
 +    <a href="doku.php?id=en:manuals:service" class="pcw-btn-ultra retro-text">SERVICE MANUALS</a>
 +  </div>
 +</div>
 +
 +<!-- 8. PROGRAMMING -->
 +<div class="pcw-monitor-ultra">
 +  <div class="pcw-title-ultra retro-text"> A> PROGRAMMING </div>
 +  <div class="pcw-grid-ultra">
 +    <a href="doku.php?id=en:programming:technical_information" class="pcw-btn-ultra retro-text">TECHNICAL INFORMATION</a>
 +    <a href="doku.php?id=en:programming:introduction" class="pcw-btn-ultra retro-text">INTRODUCTION</a>
 +    <a href="doku.php?id=en:programming:languages" class="pcw-btn-ultra retro-text">LANGUAGES</a>
 +  </div>
 +</div>
 +
 +<!-- 9. MAGAZINES -->
 +<div class="pcw-monitor-ultra">
 +  <div class="pcw-title-ultra retro-text"> A> MAGAZINES </div>
 +  <div class="pcw-grid-ultra">
 +    <a href="doku.php?id=en:magazines:disc" class="pcw-btn-ultra retro-text">DISC</a>
 +    <a href="doku.php?id=en:magazines:fanzines" class="pcw-btn-ultra retro-text">FANZINES</a>
 +    <a href="doku.php?id=en:magazines:magazines" class="pcw-btn-ultra retro-text">MAGAZINES</a>
 +  </div>
 +</div>
 +
 +<!-- 10. TUTORIALS -->
 +<div class="pcw-monitor-ultra">
 +  <div class="pcw-title-ultra retro-text"> A> TUTORIALS </div>
 +  <div class="pcw-grid-ultra col-2">
 +    <a href="doku.php?id=en:tutorials:communications" class="pcw-btn-ultra retro-text">COMMUNICATIONS</a>
 +    <a href="doku.php?id=en:tutorials:courses" class="pcw-btn-ultra retro-text">COURSES</a>
 +    <a href="doku.php?id=en:tutorials:assembler" class="pcw-btn-ultra retro-text">ASSEMBLER</a>
 +    <a href="doku.php?id=en:tutorials:guides" class="pcw-btn-ultra retro-text">GUIDES</a>
 +  </div>
 +</div>
 +
 +<!-- 11. OTHERS -->
 +<div class="pcw-monitor-ultra">
 +  <div class="pcw-title-ultra retro-text"> A> OTHERS </div>
 +  <div class="pcw-grid-ultra">
 +    <a href="doku.php?id=en:others:acknowledgements" class="pcw-btn-ultra retro-text">ACKNOWLEDGEMENTS</a>
 +    <a href="doku.php?id=en:others:events" class="pcw-btn-ultra retro-text">EVENTS</a>
 +    <a href="doku.php?id=en:others:interviews" class="pcw-btn-ultra retro-text">INTERVIEWS</a>
 +    <a href="doku.php?id=en:others:labels" class="pcw-btn-ultra retro-text">3.5" LABELS</a>
 +    <a href="doku.php?id=en:others:inventory" class="pcw-btn-ultra retro-text">INVENTORY</a>
 +    <a href="doku.php?id=en:others:contact" class="pcw-btn-ultra retro-text">CONTACT</a>
 +  </div>
 +</div>
 +</html>
 +
 +
 +----
 +
en/start.1777030534.txt.gz · Última modificación: por jesus