Herramientas de usuario

Herramientas del sitio

Traza: • pcwsharpmini • el_capitan_trueno • taito_corporation • mastertronic • nuevos_desarrollos • el_capitan_trueno • mastertronic • mastertronic • pcwsharpmini • companias
hardware:perifericos:pcwsharpmini

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
hardware:perifericos:pcwsharpmini [2026/07/25 10:37] – jesushardware:perifericos:pcwsharpmini [2026/07/25 10:41] (actual) – jesus
Línea 1: Línea 1:
 +~~NOTOC~~
 +
 +<html>
 +<style>
 +  /* ========================================================================
 +     1. MOTOR VISUAL RETRO CRT & RENDERIZADO
 +     ======================================================================== */
 +  .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);
 +  }
 +
 +  /* Efecto de barrido y entrelazado CRT */
 +  .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 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; }
 +  
 +  /* Secciones y Bloques de Título */
 +  .pcw-subtitle-box {
 +    background-color: #00ff00;
 +    color: #000b00 !important;
 +    padding: 5px 12px;
 +    font-weight: bold;
 +    display: inline-block;
 +    margin: 25px 0 15px 0;
 +    text-transform: uppercase;
 +    position: relative;
 +    z-index: 3;
 +    font-family: 'Courier New', Courier, monospace;
 +  }
 +
 +  /* ========================================================================
 +     2. GRILLAS TÉCNICAS Y CONTENEDORES DE COMPONENTES
 +     ======================================================================== */
 +  .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;
 +  }
 +
 +  /* Galería responsive elástica sin desbordamiento */
 +  .drive-gallery {
 +    display: flex;
 +    gap: 15px;
 +    flex-direction: row;
 +    flex-wrap: wrap; 
 +    justify-content: flex-start;
 +    width: 100%;
 +  }
 +
 +  .img-frame {
 +    border: 2px solid #00ff00;
 +    padding: 6px;
 +    background: #000;
 +    text-align: center;
 +    display: flex;
 +    flex-direction: column;
 +    align-items: center;
 +    flex: 1 1 200px;        
 +    max-width: 48%;       
 +    box-sizing: border-box;
 +  }
 +
 +  .img-frame img { 
 +    width: 100%;
 +    height: auto;
 +    aspect-ratio: 4 / 3;  
 +    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: 100%;
 +    height: auto;
 +    display: block;
 +    cursor: pointer;
 +  }
 +  
 +  .img-label { font-size: 0.75em; color: #00aa00; margin-top: 6px; text-transform: uppercase; word-break: break-word; }
 +
 +  /* Ficha de Versiones / Control Histórico */
 +  .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); }
 +
 +  /* ========================================================================
 +     3. LIGHTBOX MODAL (SIN JAVASCRIPT)
 +     ======================================================================== */
 +  .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: 90% !important; 
 +    max-height: 85vh !important;
 +    border: 4px solid #00ff00; 
 +    box-shadow: 0 0 50px rgba(0, 255, 0, 0.5);
 +    margin: auto; 
 +    display: inline-block;
 +    object-fit: contain;
 +  }
 +</style>
 +
 +<!-- ========================================================================
 +   4. CAPA DE INTERFACES INTERACTIVAS (MODALES LIGHTBOX)
 +   ======================================================================== -->
 +<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 Frontal"></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 Trasera"></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="Esquema Técnico"></a>
 +</div>
 +
 +
 +
 +
 +
 +
 +
 +
 <!-- ======================================================================== <!-- ========================================================================
    5. CONTENIDO DE LA FICHA TÉCNICA (MONITOR CRT)    5. CONTENIDO DE LA FICHA TÉCNICA (MONITOR CRT)
Línea 5: Línea 239:
      
   <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;">Versión v1.0 de HabiSoft</div>+  <div class="pcw-subtitle-box" style="margin-top: 0px; margin-bottom: 5px;">Versión v1.0 de 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;">El Estándar Gráfico ColorIn</div>
      
-  <!-- SECCIÓN 1: ¿QUÉ ES COLORIN? --> +  <!-- CONTENIDO HISTÓRICO Y EVOLUCIÓN -->
-  <div class="pcw-subtitle-box">El Estándar Gráfico ColorIn</div>+
   <div class="content-body">   <div class="content-body">
     <p><b>ColorIn</b> es una especificación y desarrollo de hardware creado originalmente por <b>Habi</b> para romper la limitación monocromática nativa del Amstrad PCW. Su funcionamiento se basa en interceptar las señales del bus de vídeo y la lógica de tiempos de la máquina en tiempo real, inyectando paletas de color sin alterar la CPU principal del ordenador.</p>     <p><b>ColorIn</b> es una especificación y desarrollo de hardware creado originalmente por <b>Habi</b> para romper la limitación monocromática nativa del Amstrad PCW. Su funcionamiento se basa en interceptar las señales del bus de vídeo y la lógica de tiempos de la máquina en tiempo real, inyectando paletas de color sin alterar la CPU principal del ordenador.</p>
Línea 14: Línea 249:
   </div>   </div>
  
-  <!-- SECCIÓN 2: DE COLORIN A PCW# MINI --> 
   <div class="pcw-subtitle-box">Evolución hacia el PCW# mini</div>   <div class="pcw-subtitle-box">Evolución hacia el PCW# mini</div>
   <div class="content-body">   <div class="content-body">
hardware/perifericos/pcwsharpmini.1784975850.txt.gz · Última modificación: por jesus