| Próxima revisión | Revisión previa |
| en:start [2026/04/24 11:34] – creado jesus | en:start [2026/05/18 08:06] (actual) – jesus |
|---|
| **If you want to contribute to the Wiki, please take a look at this short [[contribuir|quick guide]] first.** | **If you want to contribute to the Wiki, please take a look at this short [[contribuir|quick guide]] first.** |
| |
| [[:es:start|{{:botones:España.JPG?25}}]] [[:de:start|{{:botones:Alemania.JPG?25}}]] [[:fr:start|{{:botones:Francia.JPG?25}}]] | [[:start|{{:botones:España.JPG?25}}]] [[:de:start|{{:botones:Alemania.JPG?25}}]] [[:fr:start|{{:botones:Francia.JPG?25}}]] |
| |
| ---- | ---- |
| |
| ---- | ---- |
| | |
| | | {{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> |
| | |
| | |
| | ---- |
| | |