Diferencias

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

--- sistema:discos:descargas:pcw8256 [2026/05/05 06:18] – jesus
+++ sistema:discos:descargas:pcw8256 [2026/05/05 19:01] (actual) – jesus
@@ Línea 9: / Línea 9: @@
   .bay { background:linear-gradient(180deg,#222,#111); border:4px solid #333; width:380px; height:110px; margin:0 auto 30px auto; position:relative; border-radius:6px; }
   .slot { background:#000; width:320px; height:10px; margin:35px auto 0; box-shadow:inset 0 2px 5px #000; border-bottom:1px solid rgba(0,255,0,0.3); }
-  .ej-bt { width:45px; height:20px; background:#0a0a0a; position:absolute; bottom:12px; left:30px; border:2px solid #555; border-radius:2px; cursor:pointer !important; z-index:100; }
+  .ej-bt { width:45px; height:20px; background:#0a0a0a; position:absolute; bottom:12px; left:30px; border:2px solid #555; border-radius:2px; cursor:pointer; z-index:100; }
   .led { width:16px; height:8px; background:#300; position:absolute; bottom:15px; right:30px; border-radius:2px; }
   .led-ac { background:#f00; box-shadow:0 0 15px #f00; animation:l-f 0.08s infinite; } @keyframes l-f { 50%{opacity:0.3;} }
-  /* --- ESTRUCTURA FÍSICA --- */
+  /* --- ESTRUCTURA FÍSICA Y GIRO 3D --- */
   .shelf { display:flex; flex-wrap:wrap; gap:40px; justify-content:center; margin-top:30px; perspective:1200px; }
   .d-cont { width:175px; height:225px; position:relative; transition:transform 0.6s cubic-bezier(0.4,0.2,0,1); transform-style:preserve-3d; }
-  .face, .back { position:absolute; width:100%; height:100%; backface-visibility:hidden; background:#111; border:1px solid #000; border-radius:4px; overflow:hidden; }
+  .face, .back { position:absolute; width:100%; height:100%; backface-visibility:hidden; background:#111 !important; border:1px solid #000; border-radius:4px; overflow:hidden; }
-  .back { transform:rotateY(180deg); }
+  .face { z-index: 5; }
+  .back { transform:rotateY(180deg); z-index: 1; }
   .flipped { transform:rotateY(180deg); }
+  .flipped .back { z-index: 10; }
   /* MECÁNICA */
@@ Línea 33: / Línea 35: @@
   .spin { animation: r-h 0.5s linear infinite !important; } @keyframes r-h { to {transform:rotate(360deg);} }
-  /* --- ETIQUETAS BLINDADAS --- */
+  /* --- ETIQUETAS --- */
-  .label { position:absolute; bottom:8px; left:8px; right:8px; height:82px; background:#fff; border-radius:2px; overflow:hidden; display:flex; flex-direction:column; font-family:Arial,sans-serif; z-index:10; cursor:pointer; }
+  .label { position:absolute; bottom:8px; left:8px; right:8px; height:82px; background:#fff; border-radius:2px; overflow:hidden; display:flex; flex-direction:column; font-family:Arial,sans-serif; z-index:15; cursor:pointer; }
   .l-head { background:#e18dae; border-bottom:1.2px solid #000; height:22px; padding:0 6px; display:flex; align-items:center; justify-content:space-between; }
   .l-head-rev { background:#e18dae; border-bottom:1.2px solid #000; height:22px; padding:0 6px; display:flex; align-items:center; flex-direction: row-reverse; justify-content: space-between; }
-  .l-logo { color:#fff; font-weight:bold; font-style:italic; font-size:12.5px; font-family:"Times New Roman", Times, serif; text-shadow:1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px 1px 0 #000; }
+  .l-logo { color:#fff; font-weight:bold; font-style:italic; font-size:12.5px; font-family:"Times New Roman", Times, serif; text-shadow:1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
-  .l-amstrad-box { display: flex; flex-direction: column; line-height: 0.9; margin-left: 5px; }
+  .l-amstrad { display: flex; flex-direction: column; line-height: 0.9; margin-left: 5px; text-align: left; }
-  .l-amstrad-txt { color: #000; font-size: 4.8px; font-weight: 900; text-transform: uppercase; text-align: left; }
+  .l-amstrad span { color: #000; font-size: 4.8px; font-weight: 900; text-transform: uppercase; }
-  .l-arr { background:#fff; border:1.2px solid #000; display:flex; align-items:center; justify-content:center; height:11px; width:10px; font-size:12px; }
+  .l-side-box { display:flex; align-items:center; gap:4px; color:#000; font-weight:900; font-size:11px; }
+  .l-arr-box { background:#fff; border:1.2px solid #000; display:flex; align-items:center; justify-content:center; height:11px; width:10px; font-size:11px; font-weight:bold; line-height: 1; padding-bottom: 1px; box-sizing: border-box; }
   .l-body { flex:1; padding:3px 6px 0 6px; color:#000; text-align:left; position:relative; display:flex; flex-direction:column; }
-  .l-ser { position:absolute; border:1px solid #000; background:#fff; z-index:12; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; }
+  .l-ser { position:absolute; border:1px solid #000; background:#fff; z-index:20; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; width:44px; height:13px; right:6px; font-size:8px; top:4px; font-weight:900; }
-  .l-box { margin-top: auto; margin-bottom: 2px; display: flex; flex-direction: column; }
+  .l-leg-fix { margin-top: auto; margin-bottom: 2px; display: flex; flex-direction: column; }
-  .l-txt { font-size:3.4px !important; color:#000 !important; font-weight: 900 !important; text-transform: uppercase; line-height: 1.1; display: block; white-space: nowrap; }
+  .l-leg-fix span { font-size:3.4px !important; color:#000 !important; font-weight: 900 !important; text-transform: uppercase; line-height: 1.1; display: block; white-space: nowrap; }
   .l-foot { background:#bcbcbc; height:18px; border-top:1px solid #000; padding:0 4px; display:flex; align-items:center; gap:3px; }
   .l-cs { border: 1.2px solid #000; color: #000; font-size: 7px; font-weight: 950; padding: 0px 2px; background: transparent; line-height: 1; }
@@ Línea 50: / Línea 53: @@
   .l-copy-txt { font-size: 3.8px !important; color:#000 !important; font-weight:bold !important; line-height: 1.1; text-transform: uppercase; display: block; }
-  /* INTERFAZ */
   .dl-final-btn { display:none; margin-top:10px; padding:10px 25px; border:2px solid #ff0; color:#ff0 !important; font-weight:bold; text-decoration:none; text-transform:uppercase; background:rgba(255,255,0,0.1); font-family:'Courier New',monospace; transition: 0.1s; cursor:pointer; }
-  .dl-final-btn:hover { background:#ff0; color:#000 !important; }
   .f-bt { background:none; color:#0f0; border:1px solid #0f0; font-size:10px; cursor:pointer; padding:5px 12px; margin-top:10px; font-weight:bold; outline:none; }
 </style>
@@ Línea 58: / Línea 59: @@
 <div class="term">
   <div class="title">SISTEMA DE DISCOS AMSTRAD PCW 8256</div>
-  <div class="bay"><div class="slot"></div><div class="ej-bt" onclick="window.location.href='/doku.php?id=de:software:system'"></div><div id="led" class="led"></div></div>
+  <!-- BOTÓN EJECT CORREGIDO A software:sistema -->
+  <div class="bay"><div class="slot"></div><div class="ej-bt" onclick="window.location.href='/doku.php?id=software:sistema'"></div><div id="led" class="led"></div></div>
   <div id="scr">
     <div id="msg" style="color:#0f0;font-weight:bold">SISTEMA LISTO. POR FAVOR, INSERTE UN DISCO_</div>
@@ Línea 66: / Línea 68: @@
     <a id="lnk2B" href="lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_es_drlogo.zip" class="dl-final-btn" download>DESCARGAR DR. LOGO ZIP</a>
   </div>
   <div class="shelf">
     <!-- DISCO 1 -->
     <div style="text-align:center"><div class="d-cont" id="dk1">
       <div class="face" onclick="load(1,'A','LOCO SCRIPT')">
-        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s1A"></div><div class="mag-s"></div></div><div class="hub-w"><div class="hub" id="h1A"><div class="hub-p"></div><div class="hub-n"></div></div></div>
+        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s1A"></div></div><div class="hub-w"><div class="hub" id="h1A"><div class="hub-p"></div><div class="hub-n"></div></div></div>
         <div class="label">
-          <div class="l-head"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad-box"><span class="l-amstrad-txt">AMSTRAD CONSUMER</span><span class="l-amstrad-txt">ELECTRONICS plc</span></div></div><div style="display:flex;align-items:center;gap:4px;color:#000;font-weight:900">1 <div class="l-arr">↑</div></div></div>
+          <div class="l-head"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad"><span>AMSTRAD CONSUMER</span><span>ELECTRONICS plc</span></div></div><div class="l-side-box">1 <div class="l-arr-box">↑</div></div></div>
-          <div class="l-body"><span style="font-size:5px;font-weight:900">PROCESADOR DE TEXTOS</span><span style="font-size:10.5px;font-weight:900;text-transform:uppercase">LOCO SCRIPT</span><div class="l-ser" style="width:44px;height:13px;right:6px;font-size:8px;top:4px">2433345</div>
+          <div class="l-body"><div class="l-ser">2433345</div><span style="font-size:10px;font-weight:900;text-transform:uppercase">LOCO SCRIPT</span>
-          <div class="l-box"><span class="l-txt">EL USO DE ESTOS PROGRAMAS ESTA SUJETO A LAS CONDICIONES DEL</span><span class="l-txt">ACUERDO DE LICENCIA DE USUARIO FINAL ESTABLECIDAS EN EL APENDICE</span><span class="l-txt">DEL MANUAL DE INSTRUCCIONES DEL USUARIO DE ESTE PRODUCTO.</span></div></div>
+          <div class="l-leg-fix"><span>EL USO DE ESTOS PROGRAMAS ESTA SUJETO A LAS CONDICIONES DEL</span><span>ACUERDO DE LICENCIA DE USUARIO FINAL ESTABLECIDAS EN EL APENDICE</span><span>DEL MANUAL DE INSTRUCCIONES DEL USUARIO DE ESTE PRODUCTO.</span></div></div>
           <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span class="l-copy-txt">PROGRAMAS COPYRIGHT</span><span class="l-copy-txt">© 1985 LOCOMOTIVE SOFTWARE LTD &</span><span class="l-copy-txt">AMSTRAD CONSUMER ELECTRONICS plc.</span></div></div>
         </div>
       </div>
       <div class="back" onclick="load(1,'B','CP/M PLUS')">
-        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s1B"></div><div class="mag-s"></div></div><div class="hub-w"><div class="hub" id="h1B"><div class="hub-p"></div><div class="hub-n"></div></div></div>
+        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s1B"></div></div><div class="hub-w"><div class="hub" id="h1B"><div class="hub-p"></div><div class="hub-n"></div></div></div>
         <div class="label">
-          <div class="l-head-rev"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad-box"><span class="l-amstrad-txt">AMSTRAD CONSUMER</span><span class="l-amstrad-txt">ELECTRONICS plc</span></div></div><div style="display:flex;align-items:center;gap:4px;color:#000;font-weight:900"><div class="l-arr">↑</div> 2</div></div>
+          <div class="l-head-rev"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad"><span>AMSTRAD CONSUMER</span><span>ELECTRONICS plc</span></div></div><div class="l-side-box"><div class="l-arr-box">↑</div> 2</div></div>
-          <div class="l-body"><span style="font-size:5px;font-weight:900">SIST. OPERATIVO/UTILID.</span><span style="font-size:10.5px;font-weight:900;text-transform:uppercase">CP/M PLUS</span><div class="l-ser" style="width:50px;height:10px;right:2px;font-size:3.5px;top:5px">VER OTRA CARA</div>
+          <div class="l-body"><div class="l-ser" style="width:50px;right:2px;font-size:3.5px;">VER OTRA CARA</div><span style="font-size:10px;font-weight:900;text-transform:uppercase">CP/M PLUS</span>
-          <div class="l-box"><span class="l-txt">EL USO DE ESTOS PROGRAMAS ESTA SUJETO A LAS CONDICIONES DEL</span><span class="l-txt">ACUERDO DE LICENCIA DE USUARIO FINAL ESTABLECIDAS EN EL APENDICE</span><span class="l-txt">DEL MANUAL DE INSTRUCCIONES DEL USUARIO DE ESTE PRODUCTO.</span></div></div>
+          <div class="l-leg-fix"><span>EL USO DE ESTOS PROGRAMAS ESTA SUJETO A LAS CONDICIONES DEL</span><span>ACUERDO DE LICENCIA DE USUARIO FINAL ESTABLECIDAS EN EL APENDICE</span><span>DEL MANUAL DE INSTRUCCIONES DEL USUARIO DE ESTE PRODUCTO.</span></div></div>
           <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span class="l-copy-txt">PROGRAMAS COPYRIGHT</span><span class="l-copy-txt">© 1985 LOCOMOTIVE SOFTWARE LTD &</span><span class="l-copy-txt">AMSTRAD CONSUMER ELECTRONICS plc.</span></div></div>
         </div>
       </div>
-    </div><button class="f-bt" onclick="document.getElementById('dk1').classList.toggle('flipped'); this.blur();">⟲ GIRAR DISCO 1</button></div>
+    </div><button class="f-bt" onclick="document.getElementById('dk1').classList.toggle('flipped');">⟲ GIRAR DISCO 1</button></div>
     <!-- DISCO 2 -->
     <div style="text-align:center"><div class="d-cont" id="dk2">
       <div class="face" onclick="load(2,'A','UTILIDADES')">
-        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s2A"></div><div class="mag-s"></div></div><div class="hub-w"><div class="hub" id="h2A"><div class="hub-p"></div><div class="hub-n"></div></div></div>
+        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s2A"></div></div><div class="hub-w"><div class="hub" id="h2A"><div class="hub-p"></div><div class="hub-n"></div></div></div>
         <div class="label">
-          <div class="l-head"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad-box"><span class="l-amstrad-txt">AMSTRAD CONSUMER</span><span class="l-amstrad-txt">ELECTRONICS plc</span></div></div><div style="display:flex;align-items:center;gap:4px;color:#000;font-weight:900">3 <div class="l-arr">↑</div></div></div>
+          <div class="l-head"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad"><span>AMSTRAD CONSUMER</span><span>ELECTRONICS plc</span></div></div><div class="l-side-box">3 <div class="l-arr-box">↑</div></div></div>
-          <div class="l-body"><span style="font-size:9.5px;width:125px;line-height:1.1;font-weight:900;text-transform:uppercase;margin-top:2px;display:block">UTILIDADES DE PROGRAMACION</span><div class="l-ser" style="width:44px;height:13px;right:6px;font-size:8px;top:4px">2433347</div>
+          <div class="l-body"><div class="l-ser">2433347</div><span style="font-size:9.5px;font-weight:900;text-transform:uppercase">UTILIDADES</span>
-          <div class="l-box"><span class="l-txt">EL USO DE ESTOS PROGRAMAS ESTA SUJETO A LAS CONDICIONES DEL</span><span class="l-txt">ACUERDO DE LICENCIA DE USUARIO FINAL ESTABLECIDAS EN EL APENDICE</span><span class="l-txt">DEL MANUAL DE INSTRUCCIONES DEL USUARIO DE ESTE PRODUCTO.</span></div></div>
+          <div class="l-leg-fix"><span>EL USO DE ESTOS PROGRAMAS ESTA SUJETO A LAS CONDICIONES DEL</span><span>ACUERDO DE LICENCIA DE USUARIO FINAL ESTABLECIDAS EN EL APENDICE</span><span>DEL MANUAL DE INSTRUCCIONES DEL USUARIO DE ESTE PRODUCTO.</span></div></div>
           <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span class="l-copy-txt">PROGRAMAS COPYRIGHT</span><span class="l-copy-txt">© 1985 LOCOMOTIVE SOFTWARE LTD &</span><span class="l-copy-txt">AMSTRAD CONSUMER ELECTRONICS plc.</span></div></div>
         </div>
       </div>
       <div class="back" onclick="load(2,'B','DR. LOGO')">
-        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s2B"></div><div class="mag-s"></div></div><div class="hub-w"><div class="hub" id="h2B"><div class="hub-p"></div><div class="hub-n"></div></div></div>
+        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s2B"></div></div><div class="hub-w"><div class="hub" id="h2B"><div class="hub-p"></div><div class="hub-n"></div></div></div>
         <div class="label">
-          <div class="l-head-rev"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad-box"><span class="l-amstrad-txt">AMSTRAD CONSUMER</span><span class="l-amstrad-txt">ELECTRONICS plc</span></div></div><div style="display:flex;align-items:center;gap:4px;color:#000;font-weight:900"><div class="l-arr">↑</div> 4</div></div><div class="l-body"><span style="font-size:9.2px;letter-spacing:-0.4px;transform:scaleX(0.9);transform-origin:left;width:120px;white-space:nowrap;font-weight:900;text-transform:uppercase;margin-top:5px;display:block">DR. LOGO Y AYUDA</span><div class="l-ser" style="width:50px;height:10px;right:2px;font-size:3.5px;top:5px">VER OTRA CARA</div>
+          <div class="l-head-rev"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad"><span>AMSTRAD CONSUMER</span><span>ELECTRONICS plc</span></div></div><div class="l-side-box"><div class="l-arr-box">↑</div> 4</div></div>
-          <div class="l-box"><span class="l-txt">EL USO DE ESTOS PROGRAMAS ESTA SUJETO A LAS CONDICIONES DEL</span><span class="l-txt">ACUERDO DE LICENCIA DE USUARIO FINAL ESTABLECIDAS EN EL APENDICE</span><span class="l-txt">DEL MANUAL DE INSTRUCCIONES DEL USUARIO DE ESTE PRODUCTO.</span></div></div>
+          <div class="l-body"><div class="l-ser" style="width:50px;right:2px;font-size:3.5px;">VER OTRA CARA</div><span style="font-size:10px;font-weight:900;text-transform:uppercase">DR. LOGO</span>
+          <div class="l-leg-fix"><span>EL USO DE ESTOS PROGRAMAS ESTA SUJETO A LAS CONDICIONES DEL</span><span>ACUERDO DE LICENCIA DE USUARIO FINAL ESTABLECIDAS EN EL APENDICE</span><span>DEL MANUAL DE INSTRUCCIONES DEL USUARIO DE ESTE PRODUCTO.</span></div></div>
           <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span class="l-copy-txt">PROGRAMAS COPYRIGHT</span><span class="l-copy-txt">© 1985 LOCOMOTIVE SOFTWARE LTD &</span><span class="l-copy-txt">AMSTRAD CONSUMER ELECTRONICS plc.</span></div></div>
         </div>
       </div>
-    </div><button class="f-bt" onclick="document.getElementById('dk2').classList.toggle('flipped'); this.blur();">⟲ GIRAR DISCO 2</button></div>
+    </div><button class="f-bt" onclick="document.getElementById('dk2').classList.toggle('flipped');">⟲ GIRAR DISCO 2</button></div>
   </div>
 </div>
@@ Línea 129: / Línea 132: @@
   document.querySelectorAll('.shut-m').forEach(s => s.classList.remove('sh-o'));
-  // ACTIVACIÓN DE MECANISMOS FÍSICOS DE LA CARA SELECCIONADA
+  var targetHub = document.getElementById('h' + num + side);
-  var tH = document.getElementById('h' + num + side);
+  var targetShut = document.getElementById('s' + num + side);
-  var tS = document.getElementById('s' + num + side);
+  if(targetHub) targetHub.classList.add('spin');
-  if(tH) tH.classList.add('spin');
+  if(targetShut) targetShut.classList.add('sh-o');
-  if(tS) tS.classList.add('sh-o');
   pRec(); setTimeout(function(){ sMot(); }, 550);
@@ Línea 141: / Línea 143: @@
     if(trk > 39){
         clearInterval(cLoad); tMot(); l.className="led";
-        if(tH) tH.classList.remove('spin');
+        if(targetHub) targetHub.classList.remove('spin');
-        if(tS) tS.classList.remove('sh-o');
+        if(targetShut) targetShut.classList.remove('sh-o');
         msg.innerHTML='<span style="color:#0f0">SISTEMA MONTADO: '+name+'</span>';
-        var targetLnk = document.getElementById('lnk' + num + side);
+        var targetDl = document.getElementById('lnk' + num + side);
-        if(targetLnk) targetLnk.style.display = 'inline-block';
+        if(targetDl) targetDl.style.display = 'inline-block';
     }
   }, 140);