Diferencias

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

--- en:perifericos:pcwsharpmini [2026/05/13 11:58] – creado jesus
+++ en:perifericos:pcwsharpmini [2026/07/25 10:49] (actual) – jesus
@@ Línea 3: / Línea 3: @@
 <html>
 <style>
-  /* --- RETRO CRT VISUAL ENGINE --- */
+  /* ========================================================================
+. RETRO CRT VISUAL ENGINE & RENDERING
+     ======================================================================== */
   .pcw-monitor-ultra {
     background-color: #000b00;
@@ Línea 16: / Línea 18: @@
   }
+  /* CRT scanline and flicker effect */
   .pcw-monitor-ultra::after {
     content: " ";
@@ Línea 52: / Línea 55: @@
   .content-body b, .content-body strong { color: #00ff00; font-weight: bold; }
   .content-body ul { list-style: square; margin-top: 10px; padding-left: 20px; }
+  .content-body ul li { margin-bottom: 8px; color: #00ff00; }
   .content-body ul li a { color: #00ff00 !important; text-decoration: underline !important; font-weight: bold; }
-  /* --- NEON BOX SUBTITLE --- */
+  /* Sections and Title Boxes */
   .pcw-subtitle-box {
     background-color: #00ff00;
@@ Línea 61: / Línea 65: @@
     font-weight: bold;
     display: inline-block;
-    margin: 20px 0 15px 0;
+    margin: 25px 0 15px 0;
     text-transform: uppercase;
     position: relative;
@@ Línea 68: / Línea 72: @@
   }
-  /* --- TECHNICAL GRID --- */
+  /* ========================================================================
+. TECHNICAL GRIDS & COMPONENT CONTAINERS
+     ======================================================================== */
   .drive-grid-container {
     display: flex;
@@ Línea 108: / Línea 114: @@
   }
-  /* SIDE-BY-SIDE GALLERY ROW WITH NO OVERFLOW */
+  /* Responsive elastic gallery without overflow */
   .drive-gallery {
     display: flex;
-    gap: 10px;
+    gap: 15px;
     flex-direction: row;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
     justify-content: flex-start;
     width: 100%;
@@ Línea 120: / Línea 126: @@
   .img-frame {
     border: 2px solid #00ff00;
-    padding: 4px;
+    padding: 6px;
     background: #000;
     text-align: center;
@@ Línea 126: / Línea 132: @@
     flex-direction: column;
     align-items: center;
-    flex: 1 1 0px;
+    flex: 1 1 200px;
-    max-width: 24%;
+    max-width: 48%;
     box-sizing: border-box;
   }
-  /* Elastic auto-scaling maintaining 1:1 aspect ratio */
   .img-frame img {
     width: 100%;
     height: auto;
-    aspect-ratio: 1 / 1;
+    aspect-ratio: 4 / 3;
     object-fit: contain;
     cursor: pointer;
@@ Línea 152: / Línea 157: @@
   .large-frame img {
-    max-width: 400px;
+    max-width: 100%;
     height: auto;
     display: block;
@@ Línea 158: / Línea 163: @@
   }
-  .img-label { font-size: 0.68em; color: #00aa00; margin-top: 6px; text-transform: uppercase; word-break: break-word; }
+  .img-label { font-size: 0.75em; color: #00aa00; margin-top: 6px; text-transform: uppercase; word-break: break-word; }
-  /* --- LIGHTBOX SCROLL --- */
+  /* Revision Table / Historical Control */
+  .version-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 10px;
+    font-size: 0.9em;
+  }
+  .version-table th { background: #00ff00; color: #000b00; padding: 6px; text-align: left; text-transform: uppercase;}
+  .version-table td { border-bottom: 1px dashed #004400; padding: 8px 6px; color: #00ff00; }
+  .version-table tr:hover td { background: rgba(0,40,0,0.4); }
+  /* ========================================================================
+. LIGHTBOX MODAL (NO JAVASCRIPT)
+     ======================================================================== */
   .modal-pcw {
     display: none;
@@ Línea 185: / Línea 203: @@
   .modal-content {
-    max-width: none !important;
+    max-width: 90% !important;
-    max-height: none !important;
+    max-height: 85vh !important;
     border: 4px solid #00ff00;
     box-shadow: 0 0 50px rgba(0, 255, 0, 0.5);
-    margin: auto auto;
+    margin: auto;
     display: inline-block;
+    object-fit: contain;
   }
 </style>
-<!-- INTERACTIVE MODALS LAYER -->
+<!-- ========================================================================
-<div id="pmini1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:pcwmini.png"></a></div>
+. INTERACTIVE INTERFACES LAYER (LIGHTBOX MODALS)
-<div id="pmini2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:pcwmini2.png"></a></div>
+   ======================================================================== -->
-<div id="pminischeme" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:esquemas:pcwmini_1_.png"></a></div>
+<div id="pmini1" class="modal-pcw">
+  <a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:pcwmini.png" alt="PCB Front View"></a>
+</div>
+<div id="pmini2" class="modal-pcw">
+  <a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:pcwmini2.png" alt="PCB Rear View"></a>
+</div>
+<div id="pminischeme" class="modal-pcw">
+  <a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:esquemas:pcwmini_1_.png" alt="Technical Schematic"></a>
+</div>
+<!-- ========================================================================
+. DATASHEET CONTENT (CRT MONITOR VIEW)
+   ======================================================================== -->
 <div class="pcw-monitor-ultra">
-  <div class="pcw-title-ultra retro-text-green"> A> PCW# MINI </div>
+  <div class="pcw-title-ultra retro-text-green">A> PCW# MINI</div>
+  <div class="pcw-subtitle-box" style="margin-top: 0px; margin-bottom: 5px;">Version v1.0 by HabiSoft</div>
+  <br>
+  <div class="retro-text-green" style="font-size: 1.1em; text-decoration: underline !important; margin-top: 15px; margin-bottom: 20px; font-weight: bold; display: block;">The ColorIn Graphics Standard</div>
+  <!-- HISTORICAL CONTENT & EVOLUTION -->
   <div class="content-body">
-    <p>This interface implements the <b>ColorIn</b> standard as well as two upgraded <b>Dk'tronics Sound & Joystick</b> units.</p>
+    <p><b>ColorIn</b> is a hardware specification and development originally created by <b>Habi</b> to break the native monochrome limitation of the Amstrad PCW. It works by intercepting the video bus signals and the machine's timing logic in real time, injecting color palettes without altering the main CPU of the computer.</p>
+    <p>This standard provides the PCW with a total of 4 advanced graphics modes featuring dynamic color selection. It allows the execution of adapted games and software with a color fidelity that brings the PCW's visual performance closer to systems like the Amstrad CPC or the ZX Spectrum in their enhanced modes.</p>
   </div>
-  <!-- IMAGES -->
+  <div class="pcw-subtitle-box">Evolution towards the PCW# mini</div>
-  <div class="pcw-subtitle-box">Hardware Images</div>
+  <div class="content-body">
+    <p>The <b>PCW# mini</b> project was born as the logical evolutionary step to unify the Amstrad PCW hardware scene. Instead of forcing users to connect multiple peripherals in a daisy chain on the limited rear expansion bus, HabiSoft designed an integrated and compact architecture on a single PCB.</p>
+    <p>This direct evolution integrated the following features into a single board/silicon:</p>
+    <ul>
+      <li>The complete graphics logic of the <b>ColorIn</b> standard.</li>
+      <li>An integrated modern digitalized video / HDMI output for current displays.</li>
+      <li>Two enhanced <b>Dk'tronics Sound</b> interfaces (TurboSound with dual AY-3-8910 chips and a DAC).</li>
+      <li>Dual physical Joystick ports with standard mapping.</li>
+    </ul>
+    <p>In this way, the <b>v1.0</b> version by HabiSoft successfully standardized the definitive multimedia hardware for the preservation and enjoyment of the system.</p>
+  </div>
+  <!-- REVISION CONTROL & HISTORY -->
+  <div class="pcw-subtitle-box">Revision History</div>
+  <div class="content-body">
+    <table class="version-table">
+      <thead>
+        <tr>
+          <th>Version</th>
+          <th>Status</th>
+          <th>Features / Implemented Changes</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><b>v1.0 (Current)</b></td>
+          <td><span style="color:#00ff00;">[ACTIVE]</span></td>
+          <td>Official release by HabiSoft. Implementation of ColorIn, TurboSound, DAC, Joystick ports, and digital video output on a single compact board.</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <!-- V1.0 HARDWARE IMAGES -->
+  <div class="pcw-subtitle-box">v1.0 Hardware Photographs</div>
   <div class="drive-grid-container">
     <div class="drive-card">
-      <div class="drive-info-header"><span class="model-highlight">PCW# mini PCB</span> <span>Physical Revision</span></div>
+      <div class="drive-info-header">
+        <span class="model-highlight">PCW# mini PCB v1.0</span>
+        <span>Physical Production View (HabiSoft)</span>
+      </div>
       <div class="drive-gallery">
-        <div class="img-frame"><a href="#pmini1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:pcwmini.png"></a><span class="img-label">Front View</span></div>
+        <div class="img-frame">
-        <div class="img-frame"><a href="#pmini2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:pcwmini2.png"></a><span class="img-label">Rear View</span></div>
+          <a href="#pmini1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:pcwmini.png" alt="PCB Front View"></a>
+          <span class="img-label">Front Side (Components and Ports)</span>
+        </div>
+        <div class="img-frame">
+          <a href="#pmini2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:pcwmini2.png" alt="PCB Rear View"></a>
+          <span class="img-label">Rear Side (Traces and Soldering)</span>
+        </div>
       </div>
     </div>
   </div>
-  <!-- SCHEMATIC -->
+  <!-- V1.0 TECHNICAL SCHEMATIC -->
-  <div class="pcw-subtitle-box">Technical Schematic</div>
+  <div class="pcw-subtitle-box">v1.0 Electronic Schematic</div>
   <div class="content-body">
+    <p>Interconnection signal diagram and expansion port I/O addressing logic:</p>
     <div class="large-frame">
-      <a href="#pminischeme"><img src="/lib/exe/fetch.php?media=hardware:esquemas:pcwmini_1_.png"></a>
+      <a href="#pminischeme"><img src="/lib/exe/fetch.php?media=hardware:esquemas:pcwmini_1_.png" alt="Technical Schematic"></a>
     </div>
   </div>
-  <!-- DOWNLOADS -->
+  <!-- V1.0 DOWNLOADS -->
-  <div class="pcw-subtitle-box">Available Downloads</div>
+  <div class="pcw-subtitle-box">Downloads Repository (v1.0)</div>
   <div class="content-body">
     <ul>
-      <li></html>{{:hardware:descargas:pcwmini.zip|Gerbers}}<html> (Compressed files in ZIP format)</li>
+      <li></html>{{:hardware:descargas:pcwmini.zip|Gerbers v1.0}}<html> (Industrial manufacturing PCB design files)</li>
-      <li></html>{{:hardware:descargas:pcwmini.xlsx|BOM}}<html></li>
+      <li></html>{{:hardware:descargas:pcwmini.xlsx|BOM v1.0}}<html> (Bill of Materials and component placement references)</li>
-      <li></html>{{:hardware:descargas:pcwmini_fw.zip|Firmware}}<html> (Compressed system files)</li>
+      <li></html>{{:hardware:descargas:pcwmini_fw.zip|Firmware v1.0}}<html> (Embedded logic code for GAL/CPLD chips)</li>
-      <li></html>{{:hardware:descargas:pcwmini_sw.zip|Software}}<html> (Configuration tools and utilities)</li>
+      <li></html>{{:hardware:descargas:pcwmini_sw.zip|Software v1.0}}<html> (CP/M drivers and palette configuration utilities)</li>
-      <li></html>{{:hardware:descargas:pcwmini.pdf|User manual}}<html></li>
+      <li></html>{{:hardware:descargas:pcwmini.pdf|User Manual v1.0 (Spanish)}}<html> (Official expansion port installation and setup guide)</li>
+      <li></html>{{:hardware:descargas:pcwmini_en.pdf|User Manual v1.0 (English)}}<html> (Official translation in preparation)</li>
     </ul>
   </div>