sistemas:discos:descargas:pcw8256 []

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>
  /* --- MOTOR VISUAL CRT --- */
  .term { background:#000b00; font-family:'Courier New',monospace; padding:30px; color:#00ff00; border:2px solid #004400; box-shadow:inset 0 0 30px rgba(0,255,0,0.1); }
  .title { font-size:1.8em; text-align:center; text-transform:uppercase; font-weight:900; margin-bottom:25px; text-shadow:0 0 20px #00ff00; letter-spacing:2px; }
  #scr { border:2px solid #00ff00; background:rgba(0,30,0,0.4); margin:20px auto; min-height:110px; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:15px; box-sizing:border-box; }
  .bl-y { color:#ffff00; animation:b-m 1s linear infinite; font-weight:bold; } @keyframes b-m { 50%{opacity:0;} }
  .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; 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 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 !important; border:1px solid #000; border-radius:4px; overflow:hidden; }
  .face { z-index: 5; }
  .back { transform:rotateY(180deg); z-index: 1; }
  .flipped { transform:rotateY(180deg); }
  .flipped .back { z-index: 10; } /* Trae la cara B al frente real al girar */

  /* MECÁNICA */
  .h-l-r { position:absolute; top:0; left:12px; width:6px; height:12px; background:#fff; border-radius:0 0 1px 1px; z-index:5; } 
  .h-r-c { position:absolute; top:6px; right:14px; width:6px; height:6px; background:#fff; border-radius:50%; z-index:5; } 
  .win-c { position:absolute; top:12px; left:50%; margin-left:-14px; width:28px; height:60px; background:#000; border-radius:14px; z-index:4; box-shadow:inset 0 2px 5px rgba(0,0,0,0.9); overflow:hidden; }
  .shut-m { position:absolute; width:100%; height:100%; background: linear-gradient(90deg, #888 0%, #bbb 45%, #ddd 50%, #bbb 55%, #888 100%); transition:0.45s; z-index:6; }
  .sh-o { transform:translateX(-92.5%); } 
  .mag-s { position:absolute; width:170px; height:170px; background:radial-gradient(circle, #1a1a1a 30%, #050505 100%); top:50%; left:50%; margin:-85px 0 0 -85px; border-radius:50%; z-index:2; }
  .hub-w { position:absolute; top:82px; left:50%; margin-left:-24px; width:48px; height:48px; z-index:5; }
  .hub { background:radial-gradient(circle, #f0f0f0 0%, #a0a0a0 45%, #d0d0d0 50%, #888 70%, #444 100%); border-radius:50%; border:1.5px solid #222; width:100%; height:100%; position:relative; }
  .hub-p { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:10px; height:10px; background:#000; border-radius:50%; border:1px solid #555; z-index:7; }
  .hub-n { position:absolute; top:8px; left:50%; margin-left:-2px; width:4px; height:10px; background:#111; border-radius:1px; box-shadow:inset 0 0 2px #000; } 
  .spin { animation: r-h 0.5s linear infinite !important; } @keyframes r-h { to {transform:rotate(360deg);} }

  /* --- ETIQUETAS BLINDADAS --- */
  .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 { display: flex; flex-direction: column; line-height: 0.9; margin-left: 5px; text-align: left; }
  .l-amstrad span { color: #000; font-size: 4.8px; font-weight: 900; text-transform: uppercase; }
  
  /* ICONO ↑ AJUSTADO */
  .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: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; }
  .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-copy-box { display: flex; flex-direction: column; justify-content: center; width: 135px; text-align: left; } 
  .l-copy-txt { font-size: 3.8px !important; color:#000 !important; font-weight:bold !important; line-height: 1.1; text-transform: uppercase; display: block; }

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

<div class="term">
  <div class="title">SISTEMA DE DISCOS AMSTRAD PCW 8256 (SP)</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>
  <div id="scr">
    <div id="msg" style="color:#0f0;font-weight:bold">SISTEMA LISTO. POR FAVOR, INSERTE UN DISCO_</div>
    <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="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="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="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><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"><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"><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 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><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"><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 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');">⟲ 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><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"><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 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><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"><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 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');">⟲ GIRAR DISCO 2</button></div>
  </div>
</div>

<script>
var aCtx=null, mNode=null, mLFO=null, cLoad=null;
function iA(){ if(!aCtx) aCtx=new(window.AudioContext||window.webkitAudioContext)(); }
function pRec(){ iA(); var st=aCtx.currentTime; for(var i=0;i<12;i++){ var t=st+(i*0.045),o=aCtx.createOscillator(),g=aCtx.createGain(); o.type='square'; o.frequency.value=90; g.gain.setValueAtTime(0.18,t); g.gain.linearRampToValueAtTime(0,t+0.03); o.connect(g); g.connect(aCtx.destination); o.start(t); o.stop(t+0.03); }}
function pStp(){ iA(); var n=aCtx.currentTime,o=aCtx.createOscillator(),g=aCtx.createGain(),f=aCtx.createBiquadFilter(); o.type='triangle'; o.frequency.value=130; f.type='bandpass'; f.frequency.value=1100; g.gain.setValueAtTime(0.22,n); g.gain.exponentialRampToValueAtTime(0.001,n+0.035); o.connect(f); f.connect(g); g.connect(aCtx.destination); o.start(); o.stop(n+0.035); }
function sMot(){ iA(); mNode=aCtx.createOscillator(); var g=aCtx.createGain(); mNode.type='sine'; mNode.frequency.value=42; mLFO=aCtx.createOscillator(); var lg=aCtx.createGain(); mLFO.frequency.value=6; lg.gain.value=0.004; mLFO.connect(lg); lg.connect(g.gain); g.gain.value=0.007; mNode.connect(g); g.connect(aCtx.destination); mNode.start(); mLFO.start(); }
function tMot(){ if(mNode){ mNode.stop(); mLFO.stop(); mNode=null; } }

function load(num, side, name) {
  if(cLoad) clearInterval(cLoad);
  var msg=document.getElementById('msg'), l=document.getElementById('led');
  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 targetHub = document.getElementById('h' + num + side);
  var targetShut = document.getElementById('s' + num + side);
  if(targetHub) targetHub.classList.add('spin');
  if(targetShut) targetShut.classList.add('sh-o');
  
  pRec(); setTimeout(function(){ sMot(); }, 550);
  var trk=0; cLoad=setInterval(function(){
    msg.innerHTML="LEYENDO DISCO "+num+" [CARA "+side+"] - PISTA "+trk+"<br>CARGANDO: "+name;
    if(trk>0) pStp(); trk++;
    if(trk > 39){ 
        clearInterval(cLoad); tMot(); l.className="led"; 
        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('lnk' + num + side);
        if(targetDl) targetDl.style.display = 'inline-block';
    }
  }, 140);
}
</script>
</html>