en:perifericos:pcw-io []

Esta página es de solo lectura. Puedes ver la fuente pero no puedes cambiarla. Pregunta a tu administrador si crees que esto es incorrecto.
~~NOTOC~~

<html>
<style>
  /* --- RETRO CRT 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);
  }

  .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-green {
    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; } }

  .content-body { position: relative; z-index: 3; color: #00ff00; line-height: 1.6; text-align: justify; }
  .content-body b, .content-body strong { color: #00ff00; font-weight: bold; }
  .content-body p { margin-bottom: 15px; }
  .content-body ul { list-style: square; margin-top: 10px; padding-left: 20px; }
  .content-body ul li a { color: #00ff00 !important; text-decoration: underline !important; font-weight: bold; }
  
  /* --- NEON BOX SUBTITLE --- */
  .pcw-subtitle-box {
    background-color: #00ff00;
    color: #000b00 !important;
    padding: 5px 12px;
    font-weight: bold;
    display: inline-block;
    margin: 20px 0 15px 0;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    font-family: 'Courier New', Courier, monospace;
  }

  /* --- TECHNICAL GRIDS --- */
  .drive-grid-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
    position: relative;
    z-index: 3;
  }

  .drive-card {
    border: 1px solid #004400;
    background: rgba(0, 15, 0, 0.6);
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    transition: 0.2s;
  }
  .drive-card:hover { border-color: #00ff00; background: rgba(0, 30, 0, 0.8); }

  .drive-info-header {
    font-size: 1.1em;
    border-bottom: 1px dashed #004400;
    padding-bottom: 8px;
    color: #00ff00;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .model-highlight {
    background-color: #00ff00;
    color: #000b00 !important;
    padding: 2px 8px;
    font-weight: bold;
    text-transform: uppercase;
  }

  .drive-gallery {
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: nowrap; 
    justify-content: flex-start;
    width: 100%;
  }

  .img-frame {
    border: 2px solid #00ff00;
    padding: 4px;
    background: #000;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 0px;        
    max-width: 24%;       
    box-sizing: border-box;
  }

  .img-frame img { 
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;  
    object-fit: contain; 
    cursor: pointer; 
    background-color: #000;
  }

  .large-frame {
    border: 2px solid #00ff00;
    padding: 6px;
    background: #000;
    display: inline-block;
    max-width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
  }
  
  .large-frame img {
    max-width: 400px;
    height: auto;
    display: block;
    cursor: pointer;
  }
  
  .img-label { font-size: 0.68em; color: #00aa00; margin-top: 6px; text-transform: uppercase; word-break: break-word; }

  /* --- RETRO NEON TERMINAL COMMAND MATRIX --- */
  .matrix-terminal-box {
    border: 2px solid #00ff00;
    background: rgba(0, 10, 0, 0.85);
    padding: 15px;
    margin: 20px 0;
    font-size: 0.9em;
    position: relative;
    z-index: 3;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.2), inset 0 0 15px rgba(0, 255, 0, 0.1);
  }
  .matrix-header {
    font-weight: bold;
    border-bottom: 2px solid #00ff00;
    padding-bottom: 8px;
    margin-bottom: 10px;
    display: flex;
    color: #00ff00;
  }
  .matrix-row { 
    display: flex; 
    padding: 6px 0; 
    border-bottom: 1px dashed rgba(0, 85, 0, 0.3);
  }
  .matrix-row:last-child { border-bottom: none; }
  
  .matrix-key { 
    color: #00ff00; 
    font-weight: bold; 
    min-width: 160px; 
    border-right: 1px dashed #00ff00;
    margin-right: 15px;
    padding-right: 5px;
  }
  .matrix-action { color: #aaffaa; flex: 1; }

  /* --- INDIVIDUAL NEON BOX FOR VIDEO RENDERERS --- */
  .video-terminal-box {
    border: 2px solid #00ff00;
    background: #000;
    padding: 10px;
    margin-bottom: 20px;
    display: inline-block;
    max-width: 100%;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.2);
    position: relative;
    z-index: 3;
  }

  /* --- LIGHTBOX SCROLL --- */
  .modal-pcw {
    display: none; 
    position: fixed; 
    z-index: 9999;
    top: 0; left: 0; 
    width: 100%; height: 100%;
    background-color: rgba(0, 10, 0, 0.95);
    overflow: auto; 
  }
  .modal-pcw:target { display: block; text-align: center; }
  .close-overlay {
    display: inline-block;
    min-width: 100%; min-height: 100%;
    padding: 40px; box-sizing: border-box;
    text-decoration: none !important; cursor: zoom-out;
    vertical-align: middle;
  }
  .modal-content {
    max-width: none !important; max-height: none !important;
    border: 4px solid #00ff00; box-shadow: 0 0 50px rgba(0, 255, 0, 0.5);
    margin: auto auto; display: inline-block;
  }
</style>

<!-- INTERACTIVE MODALS LAYER -->
<div id="pio1t" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:PCW-IO_v1.1_PCB_Top.jpg"></a></div>
<div id="pio1b" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:PCW-IO_v1.1_PCB_Bottom.jpg"></a></div>
<div id="pio2t" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:PCW-IO_v1.1_Prototype_Top.jpg"></a></div>
<div id="pio2b" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:PCW-IO_v1.1_Prototype_Bottom.jpg"></a></div>
<div id="piores" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:PCW-IO-Reset.jpg"></a></div>
<div id="piosch" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:esquemas:Esquema_PCWIO.png"></a></div>

<div class="pcw-monitor-ultra">
  <div class="pcw-title-ultra retro-text-green"> A> PCW-IO INTERFACE </div>
  
  <div class="content-body">
    <p>This interface was created to make use of the multitude of bare PCW boards in existence, as well as to serve as an aid for diagnostics and repairs. It provides a composite video output, keyboard interface, KeyMouse mouse emulation, programmable joystick, PAL / NTSC selector, and keyboard-triggered hardware reset.</p>
    <p>The chosen criterion for maps PC -> PCW keystroke layouts has been spatial proximity.</p>
    <p>The interface utilizes certain PC keyboard keys with no equivalence on the PCW to add extra functionality:</p>
    
    <!-- ENCLOSED BRIGHT NEON MATRIX TERMINAL COMMAND PANEL -->
    <div class="matrix-terminal-box">
      <div class="matrix-header"><span class="matrix-key">PC KEY</span><span class="matrix-action">PCW INTERFACE ACTION</span></div>
      <div class="matrix-row"><span class="matrix-key">[ Escape ]</span><span class="matrix-action">PCW Hardware reset</span></div>
      <div class="matrix-row"><span class="matrix-key">[ F2 ]</span><span class="matrix-action">Save configuration</span></div>
      <div class="matrix-row"><span class="matrix-key">[ F4 ]</span><span class="matrix-action">Load configuration</span></div>
      <div class="matrix-row"><span class="matrix-key">[ F6 ]</span><span class="matrix-action">Mouse sensitivity adjustment</span></div>
      <div class="matrix-row"><span class="matrix-key">[ F8 ]</span><span class="matrix-action">Joystick programming mode</span></div>
      <div class="matrix-row"><span class="matrix-key">[ F12 ]</span><span class="matrix-action">Easter egg</span></div>
      <div class="matrix-row"><span class="matrix-key">[ Num Lock ]</span><span class="matrix-action">Deactivate / activate keyboard</span></div>
      <div class="matrix-row"><span class="matrix-key">[ Scroll Lock ]</span><span class="matrix-action">Deactivate / activate mouse</span></div>
    </div>

    <p>At boot, the saved configuration is always loaded (joystick key definitions, mouse sensitivity); the purpose of F4 is to revert to these saved settings.</p>
    <p>Both the keyboard and mouse must be PS/2 or support the protocol via an adapter. The onboard PS/2 connector is intended for a keyboard; if a mouse is also needed, a splitter must be used.</p>
    <p>When entering joystick programming mode, the keyboard turns off its LEDs and stops sending keystrokes to the PCW. Inside this mode, simply press the directions and buttons you wish to associate with a keystroke and press it on the keyboard, at which point all three LEDs will flash. When programming is finished, simply press F8 again to return to normal mode.</p>
    <p>The joystick must be compatible with the Atari standard. If it also complies with the MSX or CPC standard, then both fire buttons are recognized independently.</p>
    <p>Finally, note that if you wish to perform a reset via the keyboard, you must route the signal to the corresponding point on the board. For instance, in the case of an 8256 / 8512, any of these points would be valid:</p>
  </div>

  <!-- RESET POINTS BLOCK -->
  <div class="pcw-subtitle-box">Reset Connection Diagram</div>
  <div class="content-body">
    <div class="large-frame">
      <a href="#piores"><img src="/lib/exe/fetch.php?media=hardware:perifericos:PCW-IO-Reset.jpg"></a>
    </div>
  </div>

  <!-- SCHEMATIC -->
  <div class="pcw-subtitle-box">Technical Schematic</div>
  <div class="content-body">
    <div class="large-frame">
      <a href="#piosch"><img src="/lib/exe/fetch.php?media=hardware:esquemas:Esquema_PCWIO.png"></a>
    </div>
  </div>

  <!-- IMAGES -->
  <div class="pcw-subtitle-box">Hardware and Prototype Images</div>
  <div class="drive-grid-container">
    <div class="drive-card">
      <div class="drive-info-header"><span class="model-highlight">PCW-IO v1.1</span> <span>Production and Prototype</span></div>
      <div class="drive-gallery">
        <div class="img-frame"><a href="#pio1t"><img src="/lib/exe/fetch.php?media=hardware:perifericos:PCW-IO_v1.1_PCB_Top.jpg"></a><span class="img-label">PCB Comp. Side</span></div>
        <div class="img-frame"><a href="#pio1b"><img src="/lib/exe/fetch.php?media=hardware:perifericos:PCW-IO_v1.1_PCB_Bottom.jpg"></a><span class="img-label">PCB Solder Side</span></div>
        <div class="img-frame"><a href="#pio2t"><img src="/lib/exe/fetch.php?media=hardware:perifericos:PCW-IO_v1.1_Prototype_Top.jpg"></a><span class="img-label">Prototype Top</span></div>
        <div class="img-frame"><a href="#pio2b"><img src="/lib/exe/fetch.php?media=hardware:perifericos:PCW-IO_v1.1_Prototype_Bottom.jpg"></a><span class="img-label">Prototype Bottom</span></div>
      </div>
    </div>
  </div>

  <!-- VIDEOS INSIDE NEON TERMINAL BOXES -->
  <div class="pcw-subtitle-box">Video Demonstration</div>
  <div class="content-body">
    <div class="video-terminal-box"></html>{{ youtube>uUCi_0CVkmk?large }}<html></div>
    <div class="video-terminal-box"></html>{{ youtube>qyX5WFtEUME?large }}<html></div>
  </div>

  <!-- DOWNLOADS -->
  <div class="pcw-subtitle-box">Available Downloads</div>
  <div class="content-body">
    <ul>
      <li></html>{{:hardware:descargas:PCWIO-Esquemas.zip|Schematic, routing, bill of materials and firmware}}<html> (Compressed files in ZIP format)</li>
      <li></html>{{:hardware:descargas:PCWIO-Gerbers.zip|Gerbers}}<html> (Compressed files in ZIP format)</li>
    </ul>
  </div>


</div>
</html>