Diferencias

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

--- de:start [2026/04/26 10:34] – jesus
+++ de:start [2026/05/18 08:06] (actual) – jesus
@@ Línea 14: / Línea 14: @@
 |  {{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>[[odesa|PCW Odessa]]</sub>  |  <sub>[[clonico2|PCW Swift 286]]</sub>  |
+|  <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 und Flimmereffekt */
+  .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-Textstil (Grünes Leuchten) */
+  .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; } }
+  /* Raster und Befehle (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: 0.95em;
+    transition: 0.2s;
+  }
+  /* Hover-Effekt: Zeiger und Verschieben */
+  .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;
+  }
+  /* Spaltenvarianten */
+  .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=de:hardware:erweiterungen" class="pcw-btn-ultra retro-text">ERWEITERUNGEN</a>
+    <a href="doku.php?id=de:hardware:gate_array" class="pcw-btn-ultra retro-text">GATE ARRAY</a>
+    <a href="doku.php?id=de:hardware:neuentwicklungen" class="pcw-btn-ultra retro-text">NEUENTWICKLUNGEN</a>
+    <a href="doku.php?id=de:hardware:belegungen" class="pcw-btn-ultra retro-text">BELEGUNGEN</a>
+    <a href="doku.php?id=de:hardware:peripheriegeraete" class="pcw-btn-ultra retro-text">PERIPHERIEGERÄTE</a>
+    <a href="doku.php?id=de:hardware:hauptplatinen" class="pcw-btn-ultra retro-text">HAUPTPLATINEN</a>
+    <a href="doku.php?id=de:hardware:monitorplatinen" class="pcw-btn-ultra retro-text">MONITORPLATINEN</a>
+    <a href="doku.php?id=de:hardware:tastaturplatinen" class="pcw-btn-ultra retro-text">TASTATURPLATINEN</a>
+    <a href="doku.php?id=de:hardware:druckerplatinen" class="pcw-btn-ultra retro-text">DRUCKERPLATINEN</a>
+    <a href="doku.php?id=de:hardware:typenraeder" class="pcw-btn-ultra retro-text">TYPENRÄDER</a>
+    <a href="doku.php?id=de:hardware:laufwerke" class="pcw-btn-ultra retro-text">LAUFWERKE</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=de:software:anwendungen" class="pcw-btn-ultra retro-text">ANWENDUNGEN</a>
+    <a href="doku.php?id=de:software:unternehmen" class="pcw-btn-ultra retro-text">UNTERNEHMEN</a>
+    <a href="doku.php?id=de:software:spiele" class="pcw-btn-ultra retro-text">SPIELE</a>
+    <a href="doku.php?id=de:software:neuentwicklungen" class="pcw-btn-ultra retro-text">NEUENTWICKLUNGEN</a>
+    <a href="doku.php?id=de:software:sistema" class="pcw-btn-ultra retro-text">SYSTEM</a>
+    <a href="doku.php?id=de:software:verlage" class="pcw-btn-ultra retro-text">VERLAGE</a>
+  </div>
+</div>
+<!-- 3. KATALOGE -->
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> KATALOGE </div>
+  <div class="pcw-grid-ultra col-1">
+    <a href="doku.php?id=de:kataloge:start" class="pcw-btn-ultra retro-text">VOLLSTÄNDIGEN KATALOG ANZEIGEN</a>
+  </div>
+</div>
+<!-- 4. EMULATOREN -->
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> EMULATOREN </div>
+  <div class="pcw-grid-ultra">
+    <a href="doku.php?id=de:emulatoren:einfuehrung" class="pcw-btn-ultra retro-text">EINFÜHRUNG</a>
+    <a href="doku.php?id=de:emulatoren:spanisch" class="pcw-btn-ultra retro-text">SPANISCH</a>
+    <a href="doku.php?id=de:emulatoren:englisch" class="pcw-btn-ultra retro-text">ENGLISCH</a>
+    <a href="doku.php?id=de:emulatoren:international" class="pcw-btn-ultra retro-text">INTERNATIONAL</a>
+  </div>
+</div>
+<!-- 5. BÜCHER -->
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> BÜCHER </div>
+  <div class="pcw-grid-ultra col-2">
+    <a href="doku.php?id=de:buecher:archiviert" class="pcw-btn-ultra retro-text">ARCHIVIERT</a>
+    <a href="doku.php?id=de:buecher:nicht_archiviert" class="pcw-btn-ultra retro-text">NICHT ARCHIVIERT</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=de:locomotive:anwendungen" class="pcw-btn-ultra retro-text">ANWENDUNGEN</a>
+    <a href="doku.php?id=de:locomotive:kataloge" class="pcw-btn-ultra retro-text">KATALOGE</a>
+    <a href="doku.php?id=de:locomotive:druckerunterstuetzung" class="pcw-btn-ultra retro-text">DRUCKERUNTERSTÜTZUNG</a>
+    <a href="doku.php?id=de:revistas:Script" class="pcw-btn-ultra retro-text">ZEITSCHRIFTEN</a>
+      </div>
+</div>
+<!-- 7. HANDBÜCHER -->
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> HANDBÜCHER </div>
+  <div class="pcw-grid-ultra col-2">
+    <a href="doku.php?id=de:manuals:amstrad_pcw" class="pcw-btn-ultra retro-text">AMSTRAD PCW HANDBÜCHER</a>
+    <a href="doku.php?id=de:manuals:service" class="pcw-btn-ultra retro-text">SERVICE-HANDBÜCHER</a>
+  </div>
+</div>
+<!-- 8. PROGRAMMIERUNG -->
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> PROGRAMMIERUNG </div>
+  <div class="pcw-grid-ultra">
+    <a href="doku.php?id=de:programming:technische_informationen" class="pcw-btn-ultra retro-text">TECHNISCHE DATEN</a>
+    <a href="doku.php?id=de:programming:einfuehrung" class="pcw-btn-ultra retro-text">EINFÜHRUNG</a>
+    <a href="doku.php?id=de:programming:sprachen" class="pcw-btn-ultra retro-text">SPRACHEN</a>
+  </div>
+</div>
+<!-- 9. ZEITSCHRIFTEN -->
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> ZEITSCHRIFTEN </div>
+  <div class="pcw-grid-ultra">
+    <a href="doku.php?id=de:magazines:diskette" class="pcw-btn-ultra retro-text">DISKETTE</a>
+    <a href="doku.php?id=de:magazines:fanzines" class="pcw-btn-ultra retro-text">FANZINES</a>
+    <a href="doku.php?id=de:magazines:zeitschriften" class="pcw-btn-ultra retro-text">ZEITSCHRIFTEN</a>
+  </div>
+</div>
+<!-- 10. ANLEITUNGEN -->
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> ANLEITUNGEN </div>
+  <div class="pcw-grid-ultra col-2">
+    <a href="doku.php?id=de:tutorials:datenuebertragung" class="pcw-btn-ultra retro-text">KOMMUNIKATION</a>
+    <a href="doku.php?id=de:tutorials:kurse" class="pcw-btn-ultra retro-text">KURSE</a>
+    <a href="doku.php?id=de:tutorials:assembler" class="pcw-btn-ultra retro-text">ASSEMBLER</a>
+    <a href="doku.php?id=de:tutorials:leitfaeden" class="pcw-btn-ultra retro-text">GUIDES</a>
+  </div>
+</div>
+<!-- 11. SONSTIGES -->
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> SONSTIGES </div>
+  <div class="pcw-grid-ultra">
+    <a href="doku.php?id=de:others:danksagungen" class="pcw-btn-ultra retro-text">DANKSAGUNGEN</a>
+    <a href="doku.php?id=de:others:veranstaltungen" class="pcw-btn-ultra retro-text">EVENTS</a>
+    <a href="doku.php?id=de:others:interviews" class="pcw-btn-ultra retro-text">INTERVIEWS</a>
+    <a href="doku.php?id=de:others:etiketten" class="pcw-btn-ultra retro-text">3.5" ETIKETTEN</a>
+    <a href="doku.php?id=de:others:inventar" class="pcw-btn-ultra retro-text">INVENTAR</a>
+    <a href="doku.php?id=de:others:kontakt" class="pcw-btn-ultra retro-text">KONTAKT</a>
+  </div>
+</div>
+</html>
 ----