Diferencias

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

--- sistema:discos:descargas:pcw8256 [2026/05/05 06:11] – 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 DISCO --- */
+  /* --- 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 (DNA BLINDADO) --- */
+  /* --- 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-amstrad { color: #000; font-size: 4.8px; font-weight: 900; text-transform: uppercase; line-height: 0.95; }
+  .l-amstrad { display: flex; flex-direction: column; line-height: 0.9; margin-left: 5px; text-align: left; }
-  .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-amstrad span { color: #000; font-size: 4.8px; font-weight: 900; text-transform: uppercase; }
+  .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-leg-fix { margin-top: auto; margin-bottom: 2px; display: flex; flex-direction: column; }
-  /* TEXTO LEGAL BLINDADO */
-  .l-leg-fix { margin-top: auto; margin-bottom: 2px; display: block !important; visibility: visible !important; width: 100% !important; }
   .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; }
-  /* ZONA GRIS */
   .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-copy-box { display: flex; flex-direction: column; justify-content: center; width: 135px; text-align: left; }
-  .l-copy-box span { font-size: 3.8px !important; color:#000 !important; font-weight:bold !important; line-height: 1.1; text-transform: uppercase; display: block; }
+  .l-copy-txt { font-size: 3.8px !important; color:#000 !important; font-weight:bold !important; line-height: 1.1; text-transform: uppercase; display: block; }
-  /* BOTÓN DESCARGA */
+  .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 { 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.2s; cursor:pointer; }
-  .dl-final: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; }
-  .f-bt:hover { background:#0f0; color:#000; }
 </style>
 <div class="term">
   <div class="title">SISTEMA DE DISCOS AMSTRAD PCW 8256</div>
-  <div class="bay">
+  <!-- BOTÓN EJECT CORREGIDO A software:sistema -->
-    <div class="slot"></div>
+  <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 class="ej-bt" onclick="window.location.href='/doku.php?id=de:software:system'"></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>
-    <!-- ENLACES REALES CON BYPASS DE SEGURIDAD -->
+    <a id="lnk1A" href="lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_es_locoscript_v1.21.zip" class="dl-final-btn" download>DESCARGAR LOCOSCRIPT ZIP</a>
-    <a id="l1A" href="/lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_es_locoscript_v1.21.zip" class="dl-final" download rel="noreferrer">DESCARGAR LOCOSCRIPT ZIP</a>
+    <a id="lnk1B" href="lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_es_cpmplus_v1.4.zip" class="dl-final-btn" download>DESCARGAR CP/M PLUS ZIP</a>
-    <a id="l1B" href="/lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_es_cpmplus_v1.4.zip" class="dl-final" download rel="noreferrer">DESCARGAR CP/M PLUS ZIP</a>
+    <a id="lnk2A" href="lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_es_utilidades.zip" class="dl-final-btn" download>DESCARGAR UTILIDADES ZIP</a>
-    <a id="l2A" href="/lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_es_utilidades.zip" class="dl-final" download rel="noreferrer">DESCARGAR UTILIDADES ZIP</a>
+    <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>
-    <a id="l2B" href="/lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_es_drlogo.zip" class="dl-final" download rel="noreferrer">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;gap:8px;"><span class="l-logo">Amsoft</span><span class="l-amstrad">AMSTRAD CONSUMER plc</span></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-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>PROGRAMAS COPYRIGHT</span><span>© 1985 LOCOMOTIVE SOFTWARE LTD &</span><span>AMSTRAD CONSUMER ELECTRONICS plc.</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;gap:8px;"><span class="l-logo">Amsoft</span><span class="l-amstrad">AMSTRAD CONSUMER plc</span></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-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="label">
+          <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"><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-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>PROGRAMAS COPYRIGHT</span><span>© 1985 LOCOMOTIVE SOFTWARE LTD &</span><span>AMSTRAD CONSUMER ELECTRONICS plc.</span></div></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;gap:8px;"><span class="l-logo">Amsoft</span><span class="l-amstrad">AMSTRAD CONSUMER plc</span></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-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="label">
+          <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"><div class="l-ser">2433347</div><span style="font-size:9.5px;font-weight:900;text-transform:uppercase">UTILIDADES</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>PROGRAMAS COPYRIGHT</span><span>© 1985 LOCOMOTIVE SOFTWARE LTD &</span><span>AMSTRAD CONSUMER ELECTRONICS plc.</span></div></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;gap:8px;"><span class="l-logo">Amsoft</span><span class="l-amstrad">AMSTRAD CONSUMER plc</span></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="label">
+          <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-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>PROGRAMAS COPYRIGHT</span><span>© 1985 LOCOMOTIVE SOFTWARE LTD &</span><span>AMSTRAD CONSUMER ELECTRONICS plc.</span></div></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 126: / Línea 127: @@
   if(cLoad) clearInterval(cLoad);
   var msg=document.getElementById('msg'), l=document.getElementById('led');
-  document.querySelectorAll('.dl-final').forEach(el => el.style.display = 'none');
+  document.querySelectorAll('.dl-final-btn').forEach(el => el.style.display = 'none');
   msg.className="bl-y"; l.className="led led-ac";
   document.querySelectorAll('.hub').forEach(h => h.classList.remove('spin'));
   document.querySelectorAll('.shut-m').forEach(s => s.classList.remove('sh-o'));
-  var tH = document.getElementById('h' + num + side);
+  var targetHub = document.getElementById('h' + num + side);
-  var tS = document.getElementById('s' + num + side);
+  var targetShut = document.getElementById('s' + num + side);
-  if(tH) tH.classList.add('spin'); if(tS) tS.classList.add('sh-o');
+  if(targetHub) targetHub.classList.add('spin');
+  if(targetShut) targetShut.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(tS) tS.classList.remove('sh-o');
+        if(targetHub) targetHub.classList.remove('spin');
+        if(targetShut) targetShut.classList.remove('sh-o');
         msg.innerHTML='<span style="color:#0f0">SISTEMA MONTADO: '+name+'</span>';
-        var targetDl = document.getElementById('l' + num + side);
+        var targetDl = document.getElementById('lnk' + num + side);
         if(targetDl) targetDl.style.display = 'inline-block';
     }